我們為了優化網頁、加快網頁下載速度，除了對圖片進行優化之外，還需對網頁其他各個元素進行優化。在網頁編織過程中如能充分利用編輯工具，也可以在網頁制作中達到優化目的。我們為了優化網頁、加快網頁下載速度，除了對圖片進行優化之外，還需對網頁其他各個元素進行優化。在網頁編織過程中如能充分利用編纂工具，也可以在網頁制作中達到優化目的。下面是Dreamweaver中的一些優化技法:

公道調用CSS

進行網頁設計時，運用樣式表單CSS來對頁面元素進行布置，可以大大地減少HTML代碼，這點我們已經很清晰。

方法:
     (1)是選定對象，從右鍵菜單中選擇定義好的樣式加入; (2)是從樣式面板中為對象選擇樣式
      (3)是在標簽選擇器上的某標簽上單擊右鍵選擇樣式。
    這三種方法固然獲得的頁面效果一樣，但因為第一種方法會在HTML代碼中產生一個“span”標簽，假如過多地使用必然會使網頁源文件大大增肥，影響下載速度。因此調用CSS時，應采用第二、第三種方法。

為服務器減負
在交互網頁中，用戶常用表單向服務器提交數據，等待服務器的數據處理、返回瀏覽器……等待的過程是很令人心煩的。為此，我們在進行網頁編纂時，也有必要為服務器作個考慮。Dreamweaver中制作網頁，能為服務器減負的工作有一項做得較精彩，就是對用戶所提交的表單的正當性進行驗證，只需在瀏覽器端進行，不必返回到服務器驗證，既減輕了服務器的負擔，又讓瀏覽者少一份傷心的等待。 方法:選中表單，打開“Behaviors”面板，點擊“+”號選“ValidateForm”，然后進行設置即可。順便提醒，這個驗證過程實際上是使用JavaScript在瀏覽器端作驗證。在Dreamweaver里進行上述操縱時，它會把這段JavaScript代碼放在網頁頭部與之中，這樣必然會使頁面的完全顯示時間變長，由于瀏覽器要先下載這段代碼才下載其他頁面元素。因此，最好在Dreamweaver中打開代碼編纂器，把這段腳本程序剪貼到源代碼的最后邊，讓其在最后下載。另外，我們在為網頁加入JavaScript腳本殊效時，你假如不但愿頁面泛起時馬上生效，也不妨這樣設置。目前網頁“減肥茶”良多，我們隨處都可找到，而在Dreamweaver中，我們不必四處找“減肥茶”，利用其自身的“減肥”功能足可以使網頁“苗條怡人”。方法:在“Commands”菜單下選擇“Clean upHTML”，即可進行設置對網頁冗余代碼進行清除。公道應用表格我們不但要為服務器減負，對使用的瀏覽器我們更需要減負，也就是要盡可能地縮短瀏覽器對頁面的解析時間，上面提及的JavaScript腳本加入就是一個例子。影響瀏覽器對頁面解析的還有表格，由于瀏覽器對表格的解析時間與表格的大小、復雜程度成正比，而我們在Dreamweaver中為了版式的鋪排，都是通過加入大量的表格來進行定位的，有些人甚至在大表格中套入多重的小表格，這實質上也是在加大瀏覽器的負擔，使頁面呈現時間大大加長。為此在使用表格時，應盡量將表格打散，并要盡可能地避免表格的層層相套。

文章標題：優化中級篇：用Dw進行網頁優化
分享網址：http://m.newbst.com/news37/171937.html

成都網站建設公司_創新互聯，為您提供網站維護、網站制作、App設計、動態網站、外貿建站、定制網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯