随着因特网的发展,越来越多的网页爱好者都喜欢亲自动手制作网页。网络上也出现了越来越多丰富多彩的网站,经常会出现由于网络因素和带宽的制约,造成下载速度较慢。
1网页设计中表格布局不要使用大型表格
因为浏览器对网页的解析过程是等待整个表格都解析完成后,才会在浏览者的显示器中显示出表格中的所有内容,设计者应合理地应用表格,将页面中某一块的内容单独地使用表格进行制作,这样某一个表格下载完成后,浏览者都可以先查看显示出的表格内容,省去了等待时间。因此灵活地动用小的表格构成整个页面,避免使用大的表格。
2网页设计时控制页面的容量
一个好的网站,必定有很丰富的内容,设计者应该对网页中的图像、文本、多媒体和HTML文本的大小有一定的控制,使网页在因特网上访问时,能以最快的时间显示出页面上的所有内容。
3使用图像的技巧
3.1选用合适的图像格式。在网页中常用的图像格式是GIF、JPEG和PNG格式,JPEG压缩率特别高,GIF更适合小图像或小动画,对于4KB以下的图像文件,GIF比JPEG格式效果更好。
3.2控制页面图像的数量。在网页中不要使用过多的图像文件,因为每下载一个图像文件,浏览器都向Web服务器请求一次连接,因此在制作网页时,可以将多个小的图像合并成一个图像,减少图像的下载数量,提高网页的浏览速度。
3.3重用图像。在一个页面中,如果同一个图像多次出现,可以使用客户端浏览器的Cache。浏览器将从Cache中找到先前下载的图像文件显示,可以加快页面浏览速度。
3.4图像的大小。设计者在HTML代码中手动书写图像标签时,最好标记出图像显示的宽和高,页面在显示时,浏览器会根据图像的高和宽在页面中为图像留出位置,在图像下载完毕之前及时地显示其周围的文字内容,减少了浏览者等待的时间。
3.5不用图片来叙述内容。同样的文字内容,用文本储存比图片文件小得多,如果必须用图片来解决一些因内码不同而导致的乱码问题,也要包含解释文本,这样即使浏览者关闭了浏览器的图像显示功能,也能明白表达的意思。
3.6使用低分辨率图像。如果页面中需要使用大图像,就要用适当的方法解决大图像显示方法,使页面能够更快地显示。一种方法是使用该大图像的缩略图,为该缩略图设置链接、链接到原始的大图像位置;另一种方法是使用低分辨率图像,使用Dreamweaver提供的低分辨率源标记,让低分辨率的图像先下载,这样浏览者就可以很快地看到低分辨率的图像。
4使用JavaScript
在制作网页时,为了使页面具有一定的交互性和动态效果,常使用一些网页控件,在此建议尽量使用HTML和JavaScript来完成。因为HTML和JavaScript代码的解析时间比其他的网页控制解析的时间短得多,同样JavaScript具有非常强大的功能,可以制作出很多网页特效。
5少用背景音乐进行网页设计
由于音乐文件的容量较大,在客户端下载的时间会比较长,会大大降低网页浏览速度。设计者一定要在网页中加入背景音乐,建议最好使用容量较小的音乐文件,以提高网页下载速度。
总之,网页设计者在设计制作网页时,应该从浏览者的角度出发,认真思考和规划网站,使网站网页的容量尽可能达到最小,以提高网页的下载速度。
作者:李居兰 单位:徐州生物工程职业技术学院