<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title><![CDATA[老徐.NET]]></title>
<link>http://www.laoxu.net/</link>
<description><![CDATA[--快乐生活!快乐工作!...]]></description>
<language>zh-cn</language>
<copyright><![CDATA[Copyright 2005 PBlog3 v2.8]]></copyright>
<webMaster><![CDATA[web@laoxu.net(老徐)]]></webMaster>
<generator>PBlog2 v2.4</generator> 
<image>
	<title>老徐.NET</title>
	<url>http://www.laoxu.net/images/logos.gif</url>
	<link>http://www.laoxu.net/</link>
	<description>老徐.NET</description>
</image>

			<item>
			<link>http://www.laoxu.net/article.asp?id=69</link>
			<title><![CDATA[MYSQL服务器修改文件上传限制]]></title>
			<author>web@laoxu.net(laoxu)</author>
			<category><![CDATA[电脑知识]]></category>
			<pubDate>Wed,08 Oct 2008 18:10:25 +0800</pubDate>
			<guid>http://www.laoxu.net/default.asp?id=69</guid>
		<description><![CDATA[<img align="right" src="http://www.laoxu.net/attachments/month_0810/f20081081893.jpg" border="0" alt=""/><br/>公司网站是PHP网站，由于要上传视频，所以有时候文件比较大，而网站却限制了上传10M以内单个文件，我将网页上传限制修改到100M，再上传文件，显示上传100%，点击提交却提示“请先上传文件”（网站是整合FLASH上传工具，你如果不是FLASH上传，可能会提示上传失败或超时）。开始以为是网站程序有问题，搜索了下原来服务器上也有限制，于是就修改服务器上限制，重起服务器，搞定！这个方法只针对PHP服务器，首先你是PHP网站。<br/><br/>1. 一般的文件上传,除非文件很小.就像一个5M的文件,很可能要超过一分钟才能上传完.<br/>但在php中,默认的该页最久执行时间为 30 秒.就是说超过30秒,该脚本就停止执行.<br/>这就导致出现 无法打开网页的情况.这时我们可以修改 max_execution_time<br/>首先你得找到php.ini文件，然后Dreamweaver打开。<br/>在php.ini里查找<br/>max_execution_time<br/>默认是30秒.改为<br/>max_execution_time = 0<br/>0表示没有限制<br/>另一种方法是可以在php程序中加入<br/>set_time_limit();<br/>来设定页面最久执行时间.<br/>set_time_limit(0);//0表示没有限制<br/><br/>2. 修改 post_max_size 设定 POST 数据所允许的最大限制。此设定也影响到文件上传。<br/>php默认的post_max_size 为2M.如果 POST 数据尺寸大于 post_max_size $_POST 和 $_FILES superglobals 便会为空.<br/>查找 post_max_size .改为<br/>post_max_size = 150M<br/>或更大（根据自己需要填写）。<br/><br/>3.修改参数upload_max_filesize 表示所上传的文件的最大限制。<br/>查找upload_max_filesize,默认为8M改为<br/>upload_max_filesize = 100M<br/>或更大（根据自己需要填写）。<br/><br/>这时候你还得重起服务器，否则不会生效哦！重起好后再看看是不是可以上传大文件了，呵呵。如果你的是虚拟主机，那你自己就没办法修改了，找你的主机服务商帮你修改吧！<br/>PS：post_max_size 大于 upload_max_filesize 为佳.<br/>]]></description>
		</item>
		
			<item>
			<link>http://www.laoxu.net/article.asp?id=68</link>
			<title><![CDATA[将文件夹里的所有文件名导到EXCEL表格]]></title>
			<author>web@laoxu.net(laoxu)</author>
			<category><![CDATA[电脑知识]]></category>
			<pubDate>Thu,25 Sep 2008 17:23:23 +0800</pubDate>
			<guid>http://www.laoxu.net/default.asp?id=68</guid>
		<description><![CDATA[　　 用一个DOS命令可以实现<br/>　　 命令格式如下：<br/>　　 <span style="color:Red">dir [drive:][path] /b &gt; [drive:][path]filename</span><br/>　　 应用实例①：<br/>　　 把D盘test目录下所有文件名导到one.xls里，点开始---运行---键入cmd回车，窗口里输入：<br/>　　 dir D:\test /b &gt;D:\ test\one.xls<br/>　　 这样就在你的当前test目录自动生成了一个one.xls的EXCEL文件,打开来就能看到D盘test目录下的所有文件名了,并且都带有扩展名的。如果你需要导到是txt记事本，那就改成one.txt就OK了。<br/>　　 如何把多个目录下的所有文件名都导入到one.xls里，把命令稍作改动就可以了。<br/>　　 命令格式如下：<br/>　　 <span style="color:Red">dir [drive:][path] /b &gt;&gt; [drive:][path]filename</span><br/>　　 应用实例②：<br/>　　 把D盘test目录、mp3目录、E盘video目录下的所有文件名存到one.xls里，点开始---运行---键入cmd回车，窗口里输入：<br/>　　 dir d:\test /b &gt;&gt; d:\ test\one.xls<br/>　　 dir d:\mp3 /b &gt;&gt; d:\ test\one.xls<br/>　　 dir e:\ video/b &gt;&gt; d:\ test\one.xls<br/>　　 这样就在你的当前test目录生成一个one.xls的EXCEL文件,打开来就能看到以上三个目录下的所有文件名了,并且都带有扩展名的。<br/>]]></description>
		</item>
		
			<item>
			<link>http://www.laoxu.net/article.asp?id=67</link>
			<title><![CDATA[最新CSS hack兼容方案]]></title>
			<author>web@laoxu.net(laoxu)</author>
			<category><![CDATA[网页设计]]></category>
			<pubDate>Fri,05 Sep 2008 14:32:44 +0800</pubDate>
			<guid>http://www.laoxu.net/default.asp?id=67</guid>
		<description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 现在设计网页要兼容的浏览器越来越多了，像google也刚出推出了Google Chrome浏览器（还不知道兼容性如何），这些浏览器又不能达到统一，所以不同浏览器出现差异，网页制作难度也加大了。<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 在对浏览器兼容性要求越来越高的时候，大家都在寻找一个完整的解决方案，更新的CSS hack出炉啦，包括FF、IE6、IE7、Opear、Safari，需要注意的是IE由于在不同的DTD上渲染的模式不同，“_”这个hack的使用要注意页面是否使用了DTD或XML申明（&lt;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&gt;）。<br/><br/><span style="color:Gray">(以下代码从<a target="_blank" href="http://www.cssforest.org" rel="external">cssforest</a>获得)</span><br/><div class="UBBPanel codePanel"><div class="UBBTitle"><img src="http://www.laoxu.net/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>.class{<br/>background-color:# FFFF00;/*所有浏览器*/<br/>* background-color:#00FF00;/*IE*/<br/><span style="color:Gray">我有时还会用到 &gt;background-color:# 00FFFF;/*IE7*/</span><br/>_ background-color:# 00FFFF;/*IE6*/<br/>}<br/><br/>@media all and(min-width:0){ <br/>.class{<br/>background-color:#FF00FF; /*Opera */<br/>} }/*只有Opera识别*/<br/><br/>@media all and (min-width:0){ <br/>.class{<br/>background-color:#FF00FF; /*Opera和Sa */<br/>html* .class{<br/>background-color:# 808080; /*Sa*/<br/>}<br/>}}<br/></div></div><br/><br/>如果你有更好的方法和见解，欢迎提出。]]></description>
		</item>
		
			<item>
			<link>http://www.laoxu.net/article.asp?id=66</link>
			<title><![CDATA[谷歌浏览器Google Chrome]]></title>
			<author>web@laoxu.net(laoxu)</author>
			<category><![CDATA[网络资讯]]></category>
			<pubDate>Wed,03 Sep 2008 10:50:28 +0800</pubDate>
			<guid>http://www.laoxu.net/default.asp?id=66</guid>
		<description><![CDATA[<img width="580" height="127" src="http://www.laoxu.net/attachments/month_0809/720089310416.jpg" border="0" alt=""/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.google.com" target="_blank" class="laoxuUbb">谷歌</a>发布Google Chrome浏览器测试版了，可以去尝尝鲜了…<br/><br/><a target="_blank" href="http://www.google.com/chrome/index.html?hl=zh_CN&amp;brand=CHMG&amp;utm_source=zh_CN-hpp&amp;utm_medium=hpp&amp;utm_campaign=zh_CN" rel="external">google Chrome官方下载地址</a><br/><br/><a target="_blank" href="http://www.google.com/chrome/intl/zh-CN/features.html?hl=zh_CN&amp;brand=CHMG&amp;utm_source=zh_CN-hpp&amp;utm_medium=hpp&amp;utm_campaign=zh_CN" rel="external">google Chrome官方演示地址</a><br/><br/><img src="http://www.laoxu.net/attachments/month_0809/n20089310482.jpg" border="0" alt=""/><br/>　&nbsp;&nbsp;观即可看出，Google Chrome的设计简单、高效，是一款真正的Web浏览工具。与<a href="http://www.google.com" target="_blank" class="laoxuUbb">谷歌</a>主页一样，Google Chrome的特点是简洁、快速。<br/><br/>　　Google Chrome支持多标签浏览，每个标签页面都在独立的“沙箱”内运行，在提高安全性的同时，一个标签页面的崩溃也不会导致其他标签页面被关闭。Google Chrome基于更强大的JavaScript V8引擎，这是当前Web浏览器所无法实现的。<br/><br/>　　当然，这只是一个开始，Google Chrome在很多方面还需要进一步完善。此次，Google即将推出的是Windows下的测试版本，供大家讨论，Google希望能够得到用户的反馈。目前， Mac和Linux版本尚在开发之中，同样将秉承快速、高效的特点。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp; Google Chrome是一款开源软件，借鉴了苹果的WebKit、Mozilla的Firefox及其他相关应用。同样，Google将开放Google Chrome的全部源代码。期望与整个开源社区合作，共同推动Web创新。<br/><br/>]]></description>
		</item>
		
			<item>
			<link>http://www.laoxu.net/article.asp?id=65</link>
			<title><![CDATA[CSS Sprites]]></title>
			<author>web@laoxu.net(laoxu)</author>
			<category><![CDATA[网页设计]]></category>
			<pubDate>Mon,01 Sep 2008 22:14:13 +0800</pubDate>
			<guid>http://www.laoxu.net/default.asp?id=65</guid>
		<description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;学习css以来还是前段时间才知道这个概念，虽然这技术我经常用到，但不知道它叫CSS Sprites。<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Css Sprites，就是将页面中所有要用到的css装饰背景图合并在一张大的图片上，然后需要用到其中某个小图时就通过css样式中的background-image:要显示图片,background-position:定位需要显示出来的小图片在大图中的x坐标位置和y坐标位置来实现。同时必须限制盒子的大小才使用CSS Sprites。<br/>如：<br/>&nbsp;&nbsp;&nbsp;&nbsp;<div class="UBBPanel codePanel"><div class="UBBTitle"><img src="http://www.laoxu.net/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">.class{display:block;height:30px;width:30px;background-image:url(<a href="http://www.5jun.com" target="_blank" class="laoxuUbb">5jun</a>.gif) no-repeat; background-position:10px -100px;}<br/>或<br/>.class{ display:block;height:30px;width:30px;background-image:url(<a href="http://www.5jun.com" target="_blank" class="laoxuUbb">5jun</a>.gif) no-repeat 10px -100px;}<br/></div></div><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 先看看网易的126.com，如果你了解网页设计一定看出这个页面有很多背景图，里面这些背景其实都是在一个图片里:<br/> <img align="center" src="http://www.laoxu.net/attachments/month_0809/w200891221142.jpg" border="0" alt=""/><br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 再看看是Google.com，你也可以登陆Google，下面的动画效果其实是用这张图片实现的。<br/> <img align="center" src="http://www.laoxu.net/attachments/month_0809/o200891221223.png" border="0" alt=""/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong> 优点: </strong>CSS Sprites就是利用css里的background-position定位图像，在特定区域只显示你需要的部分，其他部分都隐藏。普通制作方式下的大量图片，现在合并成一个图片，大大减少了HTTP的连接数， HTTP连接数对网站的加载性能有重要影响。利用Css Sprites可以提升网站的性能。<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;加速的关键，不是降低重量，而是减少个数。如果重量在200K以内，只要网络不是特别慢，效率都差不多。但是，如果图片个数多一倍，效率将明显低一个档次。传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按Byte计算。客户端每显示一张图片都会向服务器发送请求，所以，图片越多请求次数越多，造成延迟的可能性也就越大。因为一张图片的传输时间，通常远小于请求等待的时间。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;<strong>CSS Sprites缺点</strong><br/><br/>　　至于可维护性，这是一般双刃剑。可能有人喜欢，有人不喜欢，因为每次的图片改动都得往这个图片删除或添加内容，显得稍微繁琐。而且算图片的位置（尤其是这种上千px的图）也是一件颇为不爽的事情。当然，在性能的口号下，这些都是可以克服的。<br/><br/>　　由于图片的位置需要固定为某个绝对数值，这就失去了诸如center之类的灵活性。<br/><br/>　　前面我们也提到了，必须限制盒子的大小才能使用CSS Sprites，否则可能会出现出现干扰图片的情况。这就是说，在一些需要非单向的平铺背景和需要网页缩放的情况下，CSS Sprites并不合适。YUI的解决方式是，加大图片之间的距离，这样可以保持有限度的缩放。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;<strong>CSS Sprites总结</strong><br/><br/>　　性能压倒一切。CSS Sprites是值得推广的一种技术。尤其适宜用于FIR，比如固定大小的icon替换。为保持兼容性，图片中的各个部分保持一定的距离是一种不错的做法。<br/>]]></description>
		</item>
		
			<item>
			<link>http://www.laoxu.net/article.asp?id=64</link>
			<title><![CDATA[WINDOWS-XP 快捷键]]></title>
			<author>web@laoxu.net(laoxu)</author>
			<category><![CDATA[电脑知识]]></category>
			<pubDate>Wed,23 Jul 2008 16:56:55 +0800</pubDate>
			<guid>http://www.laoxu.net/default.asp?id=64</guid>
		<description><![CDATA[<p><strong><span style="font-size: 12px">一、常规键盘快捷键 </span></strong><span style="font-size: 12px"><br />
<br />
按键 目的 <br />
Ctrl + C 复制。 <br />
Ctrl + X 剪切。 <br />
Ctrl + V 粘贴。 <br />
Ctrl + Z 撤消。 <br />
Delete 删除。 <br />
Shift + Delete 永久删除所选项，而不将它放到&ldquo;回收站&rdquo;中。 <br />
拖动某一项时按 CTRL 复制所选项。 <br />
拖动某一项时按 CTRL + SHIFT 创建所选项目的快捷键。 <br />
F2 重新命名所选项目。 <br />
CTRL + 向右键 将插入点移动到下一个单词的起始处。 <br />
CTRL + 向左键 将插入点移动到前一个单词的起始处。 <br />
CTRL + 向下键 将插入点移动到下一段落的起始处。 <br />
CTRL + 向上键 将插入点移动到前一段落的起始处。 <br />
CTRL + SHIFT + 任何箭头键 突出显示一块文本。 <br />
SHIFT + 任何箭头键 在窗口或桌面上选择多项，或者选中文档中的文本。 <br />
Ctrl + A 选中全部内容。 <br />
F3 搜索文件或文件夹。 <br />
Alt + Enter 查看所选项目的属性。 <br />
Alt + F4 关闭当前项目或者退出当前程序。 <br />
ALT + Enter 显示所选对象的属性。 <br />
Alt + 空格键 为当前窗口打开快捷菜单。 <br />
Ctrl + F4 在允许同时打开多个文档的程序中关闭当前文档。 <br />
Alt + Tab 在打开的项目之间切换。 <br />
Alt + Esc 以项目打开的顺序循环切换。 <br />
F6 在窗口或桌面上循环切换屏幕元素。 <br />
F4 显示&ldquo;我的电脑&rdquo;和&ldquo;Windows 资源管理器&rdquo;中的&ldquo;地址&rdquo;栏列表。 <br />
Shift + F10 显示所选项的快捷菜单。 <br />
Alt + 空格键 显示当前窗口的&ldquo;系统&rdquo;菜单。 <br />
Ctrl + Esc 显示&ldquo;开始&rdquo;菜单。 <br />
ALT + 菜单名中带下划线的字母 显示相应的菜单。 <br />
在打开的菜单上显示的命令名称中带有下划线的字母 执行相应的命令。 <br />
F10 激活当前程序中的菜单条。 <br />
右箭头键 打开右边的下一菜单或者打开子菜单。 <br />
左箭头键 打开左边的下一菜单或者关闭子菜单。 <br />
F5 刷新当前窗口。 <br />
BackSpace 在&ldquo;我的电脑&rdquo;或&ldquo;Windows 资源管理器&rdquo;中查看上一层文件夹。 <br />
Esc 取消当前任务。 <br />
将光盘插入到 CD-ROM 驱动器时按 SHIFT 键 阻止光盘自动播放。 <br />
<br />
<strong>二、对话框快捷键</strong> <br />
<br />
按键 目的 <br />
Ctrl + Tab 在选项卡之间向前移动。 <br />
Ctrl + Shift +Tab 在选项卡之间向后移动。 <br />
Tab 在选项之间向前移动。 <br />
Shift + Tab 在选项之间向后移动。 <br />
ALT + 带下划线的字母 执行相应的命令或选中相应的选项。 <br />
Enter 执行活选项动或按钮所对应的命令。 <br />
空格键 如果活选项动是复选框，则选中或清除该复选框。 <br />
箭头键 活选项动是一组选项按钮时，请选中某个按钮。 <br />
F1 显示帮助。 <br />
F4 显示当前列表中的项目。 <br />
BackSpace 如果在&ldquo;另存为&rdquo;或&ldquo;打开&rdquo;对话框中选中了某个文件夹，则打开上一级文件夹。 <br />
<br />
<strong>三、自然键盘快捷键 <br />
</strong><br />
在&ldquo;Microsoft 自然键盘&rdquo;或包含 Windows 徽标键(简称WIN) 和&ldquo;应用程序&rdquo;键(简称KEY) 的其他兼容键盘中，您可以使用以下快捷键。 <br />
<br />
按键 目的 </span></p>
<div style="page-break-after: always"><span style="display: none">&nbsp;</span></div>
<p><span style="font-size: 12px"><br />
WIN 显示或隐藏&quot;开始&quot;菜单。 <br />
WIN+ BREAK 显示&quot;系统属性&quot;对话框。 <br />
WIN+ D 显示桌面。 <br />
WIN+ M 最小化所有窗口。 <br />
WIN+ Shift + M 还原最小化的窗口。 <br />
WIN+ E 打开&quot;我的电脑&quot;。 <br />
WIN+ F 搜索文件或文件夹。 <br />
CTRL+WIN+ F 搜索计算机。 <br />
WIN+ F1 显示 Windows 帮助。 <br />
WIN+ L 如果连接到网络域，则锁定您的计算机，或者如果没有连接到网络域，则切换用户。 <br />
WIN+ R 打开&quot;运行&quot;对话框。 <br />
KEY 显示所选项的快捷菜单。 <br />
WIN+ U 打开&quot;工具管理器&quot;。 <br />
<br />
<strong>四、辅助键盘快捷键 <br />
</strong><br />
按键 目的 <br />
右侧 SHIFT 键八秒钟 切换&ldquo;筛选键&rdquo;的开和关。 <br />
左边的 ALT + 左边的 SHIFT + PRINT SCREEN 切换&ldquo;高对比度&rdquo;的开和关。 <br />
左边的 ALT + 左边的 SHIFT + NUM LOCK 切换&ldquo;鼠标键&rdquo;的开和关。 <br />
Shift 键五次 切换&ldquo;粘滞键&rdquo;的开和关。 <br />
Num Lock 键五秒钟 切换&ldquo;切换键&rdquo;的开和关。 <br />
WIN+ U 打开&ldquo;工具管理器&rdquo;。 <br />
<br />
&ldquo;Windows 资源管理器&rdquo;键盘快捷键 <br />
<br />
按键 目的 <br />
END 显示当前窗口的底端。 <br />
主页 显示当前窗口的顶端。 <br />
NUM LOCK + 数字键盘的星号 (*) 显示所选文件夹的所有子文件夹。 <br />
NUM LOCK + 数字键盘的加号 (+) 显示所选文件夹的内容。 <br />
NUM LOCK + 数字键盘的减号 (-) 折叠所选的文件夹。 <br />
左箭头键 当前所选项处于展开状态时折叠该项，或选定其父文件夹。 <br />
右箭头键 当前所选项处于折叠状态时展开该项，或选定第一个子文件夹。</span></p>]]></description>
		</item>
		
			<item>
			<link>http://www.laoxu.net/article.asp?id=62</link>
			<title><![CDATA[UED]]></title>
			<author>web@laoxu.net(laoxu)</author>
			<category><![CDATA[网页设计]]></category>
			<pubDate>Sun,29 Jun 2008 23:02:28 +0800</pubDate>
			<guid>http://www.laoxu.net/default.asp?id=62</guid>
		<description><![CDATA[<strong>UED</strong>: user experience design,用户体验设计。&nbsp;&nbsp;<br/><br/>简介：UED是进行产品策划的主力之一，他们用自己的知识、经验、设计能力拿出设计方案。ED不只是互联网专家，还是行业专家。能够用自己的互联网知识来设计出行业专家想实现的操作，而付诸以商业营销。<br/><br/>什么是<strong>UE</strong>(UE——UE就是用户体验) <br/>你会发觉他的使用很人性化：功能强大但操作简单，也更易识别。<br/><br/>或许这些都归于Web2.0的定义范畴，但越来越凸出就是一个名词在我脑海中深深震撼着。<br/><br/>或者可以这么说Web2.0是让用户作主，让用户在站点去发现、挖掘更多的信息，同时还具备交互性、操作简便性<br/><br/>这些无不是以用户为中心，或者说是“以人为本”<br/><br/>那么一个这样的站点在建设之前和发展之际，都应需要注意到“UE——用户体验”<br/><br/>用户体验，英文叫做User Experience，缩写为UE, 或者UX。 <br/><br/>它是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑和BUG的程度 <br/><br/>以用户为中心的设计， 英文叫做User-Centered Design 缩写为UCD<br/><br/>信息架构，英文叫做information architecture，缩写为IA。<br/><br/>它是一个整理信息，斡旋信息系统与使用者需求的过程，主要是要将信息变成一个经过组织、归类、以及具有浏览体系的组合结构。<br/><br/>这样的结构性设计将使得使用者对于信息的内容存取更直接，让使用者的任务更容易完成，它也可说是在结构与分类上的艺术与科学，可以帮助我们寻找信息并且予以管理。<br/><br/>交互设计，英文叫做Interaction Design<br/><br/>交互设计是指设计人和产品或服务互动的一种机制 , 以用户体验为基础进行的人机交互设计是要考虑用户的背景、使用经验以及在操作过程中的感受，从而设计符合最终用户的产品，使得最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。<br/><br/>交互设计的目的是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。因此，人的因素应作为设计的核心被体现出来。<br/><br/>HCI：human computer interaction人机交互<br/><br/>用户界面 - User interface<br/><br/>图形界面 - Graphics User Interface<br/><br/>在人和机器的互动过程中，有一个层面，即我们所说的界面。<br/><br/>从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。<br/><br/>有效的界面设计经常是预见的过程，设计目标是开发者根据自己对用户需求的理解而制定的。 优秀的界面简单且用户乐于使用，这意味着设计需适应硬件的局限。 <br/><br/>易用性- Usability<br/><br/>是交互式IT产品/系统的重要质量指标，指的是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度，即用户能否用产品完成他的任务，效率如何，主观感受怎样，实际上是从用户角度所看到的产品质量，是产品。]]></description>
		</item>
		
			<item>
			<link>http://www.laoxu.net/article.asp?id=63</link>
			<title><![CDATA[随滚动条移动的DIV层]]></title>
			<author>web@laoxu.net(laoxu)</author>
			<category><![CDATA[实用代码]]></category>
			<pubDate>Mon,16 Jun 2008 17:43:15 +0800</pubDate>
			<guid>http://www.laoxu.net/default.asp?id=63</guid>
		<description><![CDATA[<div class="UBBPanel"><div class="UBBTitle"><img src="http://www.laoxu.net/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp55672">
<!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="external">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34;>
<html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>&#34;>
<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; />
<title>随滚动条移动的DIV层</title>
<style>
<!--
.div{
 position: absolute;
 border: 2px solid #FFCC00;
 background-color: #3EB4E6;
 line-height:90px;
 font-size:12px;
 z-index:1000;
 color:#FFFFFF;
}
-->
</style>
</head>
<body>
<div id=&#34;Javascript.Div1&#34; class=&#34;div&#34; style=&#34;width: 240px; height:90px&#34; align=&#34;center&#34;>正中...</div>
<SCRIPT LANGUAGE=&#34;JavaScript&#34;>
function sc1(){
 document.getElementById(&#34;Javascript.Div1&#34;).style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById(&#34;Javascript.Div1&#34;).offsetHeight)/2)+&#34;px&#34;;
 document.getElementById(&#34;Javascript.Div1&#34;).style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById(&#34;Javascript.Div1&#34;).offsetWidth)/2)+&#34;px&#34;;
}
</SCRIPT>


<div id=&#34;Javascript.Div2&#34; class=&#34;div&#34; style=&#34;width: 240px; height:90px&#34; align=&#34;center&#34;>左上...</div>
<SCRIPT LANGUAGE=&#34;JavaScript&#34;>
function sc2(){
 document.getElementById(&#34;Javascript.Div2&#34;).style.top=(document.documentElement.scrollTop)+&#34;px&#34;;
 document.getElementById(&#34;Javascript.Div2&#34;).style.left=(document.documentElement.scrollLeft)+&#34;px&#34;;
}
</SCRIPT>

<div id=&#34;Javascript.Div3&#34; class=&#34;div&#34; style=&#34;width: 240px; height:90px&#34; align=&#34;center&#34;>左下...</div>
<SCRIPT LANGUAGE=&#34;JavaScript&#34;>
function sc3(){
 document.getElementById(&#34;Javascript.Div3&#34;).style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById(&#34;Javascript.Div3&#34;).offsetHeight)+&#34;px&#34;;
 document.getElementById(&#34;Javascript.Div3&#34;).style.left=(document.documentElement.scrollLeft)+&#34;px&#34;;
}
</SCRIPT>

<div id=&#34;Javascript.Div4&#34; class=&#34;div&#34; style=&#34;width: 240px; height:90px&#34; align=&#34;center&#34;>右上...</div>
<SCRIPT LANGUAGE=&#34;JavaScript&#34;>
function sc4(){
 document.getElementById(&#34;Javascript.Div4&#34;).style.top=(document.documentElement.scrollTop)+&#34;px&#34;;
 document.getElementById(&#34;Javascript.Div4&#34;).style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById(&#34;Javascript.Div4&#34;).offsetWidth)+&#34;px&#34;;
}
</SCRIPT>

<div id=&#34;Javascript.Div5&#34; class=&#34;div&#34; style=&#34;width: 240px; height:90px&#34; align=&#34;center&#34;>右下...</div>
<SCRIPT LANGUAGE=&#34;JavaScript&#34;>
function sc5(){
 document.getElementById(&#34;Javascript.Div5&#34;).style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById(&#34;Javascript.Div5&#34;).offsetHeight)+&#34;px&#34;;
 document.getElementById(&#34;Javascript.Div5&#34;).style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById(&#34;Javascript.Div5&#34;).offsetWidth)+&#34;px&#34;;
}
</SCRIPT>


<SCRIPT LANGUAGE=&#34;JavaScript&#34;>
<!--
function scall(){
 sc1();sc2();sc3();sc4();sc5();
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
//-->
</SCRIPT>
<div style=&#34;position: absolute; top: 0px; left: 0px; width: 10000px; height: 4000px;&#34;>内容内容内容内容内容内容内容内容内容内容内容内容内容内容<a href=&#34;#&#34;>123123123123123</a></div>
</body>
</html>
</TEXTAREA><br/><INPUT onclick="runEx('temp55672')"  type="button" class="userbutton" value="运行此代码"/> <INPUT onclick="doCopy('temp55672')"  type="button" class="userbutton" value="复制此代码"/> <INPUT onclick="saveCode('temp55672')" type="button" class="userbutton" value="保存此代码"><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div>]]></description>
		</item>
		
			<item>
			<link>http://www.laoxu.net/article.asp?id=61</link>
			<title><![CDATA[理解UI]]></title>
			<author>web@laoxu.net(老徐)</author>
			<category><![CDATA[平面设计]]></category>
			<pubDate>Wed,04 Jun 2008 23:41:08 +0800</pubDate>
			<guid>http://www.laoxu.net/default.asp?id=61</guid>
		<description><![CDATA[　　经常谈到UI，但是要对UI深入理解也不是简单的事，其中存在的很多关系需要自己去体会。下面是在<a href="http://www.baidu.com" target="_blank" class="laoxuUbb">百度</a>上找到一些关于UI文字内容，介绍的比较好。<br/>　　<strong>UI</strong>，用户界面User Interface的缩写，什么是用户界面设计？ <br/>　　在人和机器的互动过程（Human Machine Interaction）中，有一个层面，即我们所说的界面（interface）。从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。非物质设计的兴起诞生UI设计 。 <br/><br/><strong>什么是UI</strong><br/><br/>　　软件设计可分为两个部分：编码设计与UI设计。编码设计大家都很熟悉，但是 UI设计还是一个很陌生的词，即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面，是英文User和　interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系。<br/>界面设计。在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。<br/><br/><strong>UI</strong>设计在中国的现状<br/><br/>　　目前在国内UI还是一个相对陌生的词，即便是一些设计人员也对这个词不太了解。我们经常看到一些招聘广告写着：招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，缺乏对用户交互的重要性的理解；另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术，而UI仅仅是次要的辅助，这点在人员的比例与待遇上可以表现出来。<br/>　　但这不是UI设计真正的价值体现，只是UI设计发展的一个必经过程。我们以物质产品手机行业为例，当手机刚刚进入市场的时候不但价格贵的惊人，而且除了通话以外没有什么其他功能。由于当时的主导是技术，所以大家都把精力放在信号、待机时间、寿命等方面，对于产品的造型，使用的合理性很少关心。事过境迁，如今技术已经完全的达到用户的需求，于是商家为了创造卖点，提高争力，非常重视产品的外观设计，除此之外还频频推出短信,彩屏，和铉，彩信,摄像头等等。这样一来产品的美观、个性、易用、易学、人性化等等都成了产品的卖点。软件产品与物质产品的发展是相同的。过去由于计算机硬件的限制，编码设计成为软件开发的代名词，美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视，实际上这个时期的软件叫作软件程序，而不是软件产品。<br/>　　现今随着计算机硬件的飞速发展，过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中，仅仅有强大的功能是远远不够的，不足以战胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到UI给软件产品带来的巨大卖点了，例如金山公司的影霸、词霸、毒霸、网标，由于重视UI的开发与地位，才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门积极开展用户研究与使用性测试，将易用与美观相结合，推出的双模式电脑、幸福系列等成功UI范例，为联想赢得全球消费 PC第三的称号等等、等等.实践证明，各商家只要在产品美观和易用设计方面很小投入，将会有很大产出。其投入产出比，要比在功能领先性开发上的投入大得多。<br/>中国UI路向何方——CHINA UI的诞生<br/>　　我们不得不承认现阶段中国在很多领域都与西方发达国家有相当大的差距，如何赶上并超过他们是我们这代人肩负的历史使命。软件产品领域不象物质产品那样存在工艺、材料上的限制，软件产品核心问题就是人。提高软件UI设计师个人能力减小人员上的差距是中国UI发展首要关键的问题。<br/>　　目前国内各院校还没有设立相对健全的UI设计专业，所以提高UI设计师能力关键在于提供一个良好的学习与交流的资源环境。国内已经有很多交流设计网站，介绍工业设计、平面设计、服装设计、绘画艺术、多媒体flash等，但是UI设计一直没有受到应有的关注，仅仅被放在数码设计或者平面网页设计的一个栏目里，这仅有的资源对培养优秀的设计师是不够的，必须有一个信息快捷、资源丰富、设计水平一流、专业权威的UI设计学习与交流的地方才能适应日益发展的UI设计师们的需求。]]></description>
		</item>
		
			<item>
			<link>http://www.laoxu.net/article.asp?id=60</link>
			<title><![CDATA[Windows XP SP3]]></title>
			<author>web@laoxu.net(老徐)</author>
			<category><![CDATA[电脑知识]]></category>
			<pubDate>Thu,22 May 2008 18:16:44 +0800</pubDate>
			<guid>http://www.laoxu.net/default.asp?id=60</guid>
		<description><![CDATA[　　微软发布了Windows XP SP3，自己还没有安装使用过，网上评价还不错，有机会装上。<br/><img align="left" src="http://www.laoxu.net/attachments/month_0805/f2008522175433.jpg" border="0" alt=""/><br/>　　Windows XP SP3提供了新的内核模式加密模块，可以让内核驱动和服务更为稳固。而测试版至少包含了1073个补丁，包含了很全的安全更新，让XP的安全性大大提高。 <br/><br/>　　<strong>节省资源，稳定性、兼容性更强</strong> <br/>　　XP之所以生命力这么长久，和它自身的资源耗用低和对软硬件良好的支持是分不开的。加入SP3的XP，对软硬件的支持更广泛，这点也是目前硬件驱动程序支持不完善、软件兼容性不好、多数游戏性能落后的Vista目前所不能比的。 <br/><br/>　　<strong>加强吸收Vista优势 ——引入Vista特征</strong> <br/>　　此次的XP SP3还引入了一些Vista和Windows Server 2008的一些特征，如内核安全改良、网络接入保护模块和策略等。让XP的实力又上一层，虽然还缺乏了Vista的一些漂亮外衣，但是从功能上比较，Vista的优势已经很少了。 <br/>　　另外，XP SP3还增加了登录前可以抓屏、“黑洞路由器”检测等功能，后者可以使XP拥有可探测、防范非法路由器送来的数据的能力。在现今这个网络时代，路由器设备相当多，这个功能也会十分有用。<br/> <br/>　　总的来说，从SP3此次全面的安全更新及吸引Vista的特征显示，SP3这个补丁带给XP了一次质的飞跃，足以让目前的XP用户更加坚定了不升级Vista的信念。]]></description>
		</item>
		
</channel>
</rss>
