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