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