我们为了(le)优化网页、加(jiā)快网页(yè)下载速度,除了对图片进行优化之(zhī)外,还需(xū)对网页其他各(gè)个元素进行(háng)优化。在网(wǎng)页编织过(guò)程中如能充(chōng)分利(lì)用编辑工具,也可以在网(wǎng)页制作中达到(dào)优化目的。
下面(miàn)是(shì)Dreamweaver中的一些优化技(jì)法:
合理(lǐ)调用CSS
进行(háng)网页设计时,运(yùn)用样式表单CSS来对页面元素进行布置,可以大大地减少(shǎo)HTML代(dài)码,这点我们已经很(hěn)清楚。
方法:
(1)是选定对象(xiàng),从(cóng)右(yòu)键(jiàn)菜单中选择定义好的样式加入; (2)是从(cóng)样式面板中为对象选择样式;
(3)是在标签选择(zé)器上的某标签上单击右键选择样式。
这三种方法(fǎ)虽(suī)然获得的(de)页(yè)面(miàn)效果一样(yàng),但由于第(dì)一种方(fāng)法会在HTML代码中(zhōng)产生一个“span”标签,如果过(guò)多地使(shǐ)用必定会使网页源(yuán)文件(jiàn)大大增肥,影响(xiǎng)下载速度(dù)。因此调用CSS时,应采用第二、第三种方法。
为服务器(qì)减负
在交互网页中(zhōng),用(yòng)户常(cháng)用表单向服务(wù)器(qì)提交数据,等待服(fú)务器(qì)的数据处理、返回浏览器……等待(dài)的过(guò)程(chéng)是很令人心(xīn)烦的。为此,我们在进行网页编辑时(shí),也有(yǒu)必要为服务器(qì)作个考虑。Dreamweaver中制作网页,能为(wéi)服务(wù)器减负的工作有(yǒu)一项做得(dé)较出色(sè),就是对用户所提交的表单的(de)合(hé)法(fǎ)性进行验证,只需在浏览(lǎn)器端进行,不必返回到服务器验证,既减轻了服(fú)务器的负担,又让浏览者(zhě)少一份(fèn)伤心的等待。
方法:选(xuǎn)中(zhōng)表单,打开“行为”面板,点击“+”号选“验证表单”,然后(hòu)进行设(shè)置即可。顺便(biàn)提醒(xǐng),这个验证过程实(shí)际上是(shì)使用JavaScript在浏览(lǎn)器端作验证。在(zài)Dreamweaver里进行上述操作(zuò)时,它(tā)会(huì)把这段JavaScript代码放在(zài)网页头部与之中,这(zhè)样必定会使页面的(de)完全显示时间变长,因为浏览器要先下(xià)载这段代码才下(xià)载其(qí)他页面(miàn)元素(sù)。因此,最好在Dreamweaver中(zhōng)打开代码编辑器,把这(zhè)段脚(jiǎo)本程序(xù)剪贴到源代码的最后边,让其在最(zuì)后下(xià)载(zǎi)。另(lìng)外,我们在为网页加(jiā)入JavaScript脚本(běn)特效时,你如果不希望(wàng)页面出现时马上生效(xiào),也(yě)不妨这样设置。
自我“减肥(féi)”
目前网页“减肥茶”很多,我们随处都可找到,而在(zài)Dreamweaver中,我们不必四处找“减肥茶”,利用(yòng)其自身的(de)“减肥(féi)”功能(néng)足(zú)可以使网页(yè)“苗条怡人(rén)”。
方法(fǎ):在(zài)“命令”菜(cài)单下选择(zé)“清除多余的HTML”,即(jí)可进行(háng)设(shè)置对网页冗余(yú)代码进行(háng)清除(chú)。
合理应用(yòng)表格(gé)
我们不但要为服务器减负,对使(shǐ)用(yòng)的浏览器我们更需要(yào)减负,也就是要尽可能地缩短浏览(lǎn)器对页面的(de)解析时(shí)间,上面提(tí)及(jí)的JavaScript脚本加入就是一个例子。影响浏览器对页面解析的还(hái)有表格,因(yīn)为浏览器(qì)对表格的(de)解析时(shí)间与表格的(de)大小、复杂程度成正比,而我们在Dreamweaver中为了版式的安排(pái),都是(shì)通过(guò)加入大(dà)量的(de)表格来进行(háng)定位的(de),有些人甚至(zhì)在(zài)大表格(gé)中套入多重的小表格,这实质上也是在(zài)加大浏(liú)览器的(de)负担,使页(yè)面呈(chéng)现时间大大加长。为此在使(shǐ)用表(biǎo)格时,应尽量将表格打散,并(bìng)要尽可能地避(bì)免表格(gé)的层层相(xiàng)套。 |