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