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