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