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