网页制作技巧：自适应客户端分辨率的实现

　　谈起网页的优化这个问题很多人都没有什么概念，有很多的业内人士都对网页优化一无所知或者知之甚少。说起对网页优化的理解，我曾经去各大搜索引擎上搜索过"网页优化"一类的话题，结果都是介绍如何优化搜索引擎排名的文章，其实这只是优化概念的一个组成部分，而网页的优化工作是由很多方面的优化组成的，作为一名优秀的网页优化工作人员必须具备多方面的知识，不仅仅要掌握网站设计制作技术(包括网站架构设计、网页设计以及制作页面编写代码等等);还要掌握很多计算机其他方面的知识(包括电子商务、人机交互、易用性和一些相关的软件知识等等);甚至需要掌握心理学、商业运作等相关知识。

　　我认为网页的优化应该是由两个方面组成的:1.技术优化，2.人文优化(这个分类只是我总结的，没有人给出过具体定义)。技术优化指的是代码的优化、目录结构的优化和针对搜索引擎的优化等等针对技术方面的优化工作，一般都是看不见摸不着的但是会给用户带来不少方便也会给网站带来更大的效益，技术优化有一定的模式而且需要优化的东西也比较固定相对简单一些只是时间问题;人文优化指的是交互性优化、易用性优化等等针对用户使用方面的优化工作，这一部分是网站用户看得见摸的着的东西，人文优化是最花经历最困难的因为我们要猜测使用者的心理。下面我就分别对这两个方面进行解释。

　　1.技术优化:

　　技术优化主要分为代码优化、目录结构优化和针对搜索引擎的优化三个部分。这一部分的优化工作主要是由网站开发人员测试提出方案完成的，而且有一定的规则，所以相对要简单一些只是时间问题。

　　(1)代码优化:

　　代码优化主要解决的问题就是页面浏览速度和适应性的问题。文字和图片是构成页面的两个主要因素，所以我们的优化也要从文字和图片开始。文字我们在制作页面的时候基本上都是定义好的一般使用宋体和12px，随着代码的标准化字体的样式大小等等的指定应该使用css样式表来完成，而现在被广泛应用的< h1 >< /h1 >、< font size=×× color=×× >< /font >等等标签都是不标准的，也会慢慢被css取代，现在很多大型的网站包括各个门户网站像是这样不标准的问题还是广泛存在几乎每个页面都会有，所以css样式表是我们在优化过程中应该注意检查的问题(其实这个问题应该是在页面制作的时候就解决的)。图片问题主要存在size过大的问题，在这里我们把图片的优化归在代码优化一部分一起介绍而不另分一类，是因为图片优化与代码内容优化的目的是一样的。网页中一般应用两种格式的图片jpeg和gif，这两种图片的应用很多人把握的并不是很好，jpeg适用于颜色比较多、构成比较复杂的图片(比如一些照片、渐变颜色等等)，gif适用于颜色比较少、构成比较简单的图片(比如网站的logo、大的色块构成的图片等等)。Gif图片尤其要注意导出的时候选择颜色数目这样也会达到很好的减小尺寸的效果。对于一些比较大的图片我们还可以将它切割成比较小的图片进行拼接这样也可以提高网页的下载速度。减小网页size提高网页下载速度还有一种简易的方法就是使用一些网页减肥的小工具，我们可以去下载一些这样的工具他们可以使你的网页缩小20%～50%达到事半功倍的效果。表格是页面最重要的排版方式，在浏览器读取网页代码的时候，必须读完一个完整的table才会显示出来，

　　如果一个大的table里边含有很多小的table那么浏览器会在读完整个大的table才将整个的内容显示出来。我们在浏览一些页面的时候经常会出现页面半天才会显示出来，最后是在等不及了按了"停止"按钮，页面一下子显示出来了，这就是在一些小的table外边嵌套了一个大的table，而小table已经读完了就是还没读完整个的table浏览器不会显示，这样会大大减慢页面浏览速度。因此我们要尽量减少表格层次，尽量避免将一些小的表格嵌套在大的表格中间。还应该注意的是在使用dreamweaver制作网页的时候经常会出现很多垃圾代码，注意检查删除一些没有用的代码。网页的适应性就是在不同系统、不同浏览器和不同分辨率的适应能力。要注意的是分辨率，应该最低照顾到800×600的用户(分辨率800×600的显示尺寸780×428、分辨率1024×768的显示尺寸1007×600)，所以页面最宽不要超过780，一定不要让用户横向拖页面。

　　如果一个大的table里边含有很多小的table那么浏览器会在读完整个大的table才将整个的内容显示出来。我们在浏览一些页面的时候经常会出现页面半天才会显示出来，最后是在等不及了按了"停止"按钮，页面一下子显示出来了，这就是在一些小的table外边嵌套了一个大的table，而小table已经读完了就是还没读完整个的table浏览器不会显示，这样会大大减慢页面浏览速度。因此我们要尽量减少表格层次，尽量避免将一些小的表格嵌套在大的表格中间。还应该注意的是在使用dreamweaver制作网页的时候经常会出现很多垃圾代码，注意检查删除一些没有用的代码。网页的适应性就是在不同系统、不同浏览器和不同分辨率的适应能力。要注意的是分辨率，应该最低照顾到800×600的用户(分辨率800×600的显示尺寸780×428、分辨率1024×768的显示尺寸1007×600)，所以页面最宽不要超过780，一定不要让用户横向拖页面。