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