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