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