- 相關(guān)推薦
怎么用Dreamweaver對網(wǎng)頁(yè)進(jìn)行優(yōu)化
我們?yōu)榱藘?yōu)化網(wǎng)頁(yè)、加快網(wǎng)頁(yè)下載速度,除了對圖片進(jìn)行優(yōu)化之外,還需對網(wǎng)頁(yè)其他各個(gè)元素進(jìn)行優(yōu)化。在網(wǎng)頁(yè)編織過(guò)程中如能充分利用編輯工具,也可以在網(wǎng)頁(yè)制作中達到優(yōu)化目的。
下面是Dreamweaver中的一些優(yōu)化技法:
合理調用CSS
進(jìn)行網(wǎng)頁(yè)設計時(shí),運用樣式表單CSS來(lái)對頁(yè)面元素進(jìn)行布置,可以大大地減少HTML代碼,這點(diǎn)我們已經(jīng)很清楚。
方法:
(1)是選定對象,從右鍵菜單中選擇定義好的樣式加入; (2)是從樣式面板中為對象選擇樣式;
(3)是在標簽選擇器上的某標簽上單擊右鍵選擇樣式。
這三種方法雖然獲得的頁(yè)面效果一樣,但由于第一種方法會(huì )在HTML代碼中產(chǎn)生一個(gè)“span”標簽,如果過(guò)多地使用必定會(huì )使網(wǎng)頁(yè)源文件大大增肥,影響下載速度。因此調用CSS時(shí),應采用第二、第三種方法。
為服務(wù)器減負
在交互網(wǎng)頁(yè)中,用戶(hù)常用表單向服務(wù)器提交數據,等待服務(wù)器的數據處理、返回瀏覽器……等待的過(guò)程是很令人心煩的。為此,我們在進(jìn)行網(wǎng)頁(yè)編輯時(shí),也有必要為服務(wù)器作個(gè)考慮。Dreamweaver中制作網(wǎng)頁(yè),能為服務(wù)器減負的工作有一項做得較出色,就是對用戶(hù)所提交的表單的合法性進(jìn)行驗證,只需在瀏覽器端進(jìn)行,不必返回到服務(wù)器驗證,既減輕了服務(wù)器的負擔,又讓瀏覽者少一份傷心的等待。
方法:選中表單,打開(kāi)“行為”面板,點(diǎn)擊“+”號選“驗證表單”,然后進(jìn)行設置即可。順便提醒,這個(gè)驗證過(guò)程實(shí)際上是使用JavaScript在瀏覽器端作驗證。在Dreamweaver里進(jìn)行上述操作時(shí),它會(huì )把這段JavaScript代碼放在網(wǎng)頁(yè)頭部與之中,這樣必定會(huì )使頁(yè)面的完全顯示時(shí)間變長(cháng),因為瀏覽器要先下載這段代碼才下載其他頁(yè)面元素。因此,最好在Dreamweaver中打開(kāi)代碼編輯器,把這段腳本程序剪貼到源代碼的最后邊,讓其在最后下載。另外,我們在為網(wǎng)頁(yè)加入JavaScript腳本特效時(shí),你如果不希望頁(yè)面出現時(shí)馬上生效,也不妨這樣設置。
自我“減肥”
目前網(wǎng)頁(yè)“減肥茶”很多,我們隨處都可找到,而在Dreamweaver中,我們不必四處找“減肥茶”,利用其自身的“減肥”功能足可以使網(wǎng)頁(yè)“苗條怡人”。
方法:在“命令”菜單下選擇“清除多余的HTML”,即可進(jìn)行設置對網(wǎng)頁(yè)冗余代碼進(jìn)行清除。
合理應用表格
我們不但要為服務(wù)器減負,對使用的瀏覽器我們更需要減負,也就是要盡可能地縮短瀏覽器對頁(yè)面的解析時(shí)間,上面提及的JavaScript腳本加入就是一個(gè)例子。影響瀏覽器對頁(yè)面解析的還有表格,因為瀏覽器對表格的解析時(shí)間與表格的大小、復雜程度成正比,而我們在Dreamweaver中為了版式的安排,都是通過(guò)加入大量的表格來(lái)進(jìn)行定位的,有些人甚至在大表格中套入多重的小表格,這實(shí)質(zhì)上也是在加大瀏覽器的負擔,使頁(yè)面呈現時(shí)間大大加長(cháng)。為此在使用表格時(shí),應盡量將表格打散,并要盡可能地避免表格的層層相套。
【怎么用Dreamweaver對網(wǎng)頁(yè)進(jìn)行優(yōu)化】相關(guān)文章:
Dreamweaver網(wǎng)頁(yè)優(yōu)化技巧07-08
關(guān)于Dreamweaver中怎么讓html網(wǎng)頁(yè)中的table邊框細線(xiàn)顯示?08-15
怎么做好站內網(wǎng)頁(yè)圖片的SEO優(yōu)化08-02
網(wǎng)頁(yè)Meta標簽優(yōu)化教程05-24
Dreamweaver制作網(wǎng)頁(yè)中表格外觀(guān)的技巧07-16
學(xué)會(huì )如何對網(wǎng)站進(jìn)行優(yōu)化05-11
網(wǎng)站優(yōu)化有計劃的進(jìn)行10-27
如何用Dreamweaver批量做web網(wǎng)頁(yè)詳細步驟09-17