- 网页的优化
-
发布时间:2010-11-09 15:20:36
发布时间:2010-11-09 15:20:36
在网页设计中,网页的优化是较为重要的一个环节。他的成功和否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。
在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且和整个页面搭配和谐为准。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲劳,能确保浏览者较长时间地浏览网页。
图片是网页中的重要元素。图片的优化能在确保浏览质量的前提下将其size降至最低,这样能成倍地提高网页的下载速度。利用Photoshop6或Fireworks4能将图片切成小块,分别进行优化。输出的格式能为gif或jpeg,要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。
表格(table)是页面中的重要元素,是页面排版的主要手段。我们能设定表格的宽度、高度、边框、背景色、对齐方式等参数。非常多时候,我们将表格的边框设为0,以此来定位页面中的元素,或籍此确定页面中各元素的相对位置。我们知道:浏览器在读取网页html原代码时,是读完整个table才将他显示出来的。如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按"停止"按钮却一下显示出页面就是这个原因。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时,会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其他元素,这个空字符会保留,在指定td的宽度或高度后,能在原始码内将其删去。
网页的适应性是非常重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800*600下制作网页,最佳浏览效果也是在800*600分辨率下,在其他情况下只要确保基本一致,不出现较大问题即可。
说了这么多,只是希望能对做“网页设计”的人有所帮助,希望他们在做网页的时候能够从整体着眼,无愧于“设计”这两个字。