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