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