用Dreamweaver合理為為網頁進行最佳化

來源:互聯網
上載者:User

  我們為了最佳化網頁、加快網頁下載速度,除了對圖片進行最佳化之外,還需對網頁其他各個元素進行最佳化。在網頁編織過程中如能充分利用編輯工具,也可以在網頁製作中達到最佳化目的。

  下面是Dreamweaver中的一些最佳化技法:

  合理調用CSS

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

  方法:

  (1)是選取的物件,從右鍵菜單中選擇定義好的樣式加入; (2)是從樣式面板中為對象選擇樣式;

  (3)是在標籤選取器上的某標籤上單擊右鍵選擇樣式。

  這三種方法雖然獲得的頁面效果一樣,但由於第一種方法會在HTML代碼中產生一個“span”標籤,如果過多地使用必定會使網頁源檔案大大增肥,影響下載速度。因此調用CSS時,應採用第二、第三種方法。

  為伺服器減負

  在互動網頁中,使用者常用表單向伺服器提交資料,等待伺服器的資料處理、返回瀏覽器……等待的過程是很令人心煩的。為此,我們在進行網頁編輯時,也有必要為伺服器作個考慮。Dreamweaver中製作網頁,能為伺服器減負的工作有一項做得較出色,就是對使用者所提交的表單的合法性進行驗證,只需在瀏覽器端進行,不必返回到伺服器驗證,既減輕了伺服器的負擔,又讓瀏覽者少一份傷心的等待。

  方法:選中表單,開啟“行為”面板,點擊“+”號選“驗證表單”,然後進行設定即可。順便提醒,這個驗證過程實際上是使用JavaScript在瀏覽器端作驗證。在Dreamweaver裡進行上述操作時,它會把這段JavaScript代碼放在網頁頭部與之中,這樣必定會使頁面的完全顯示時間變長,因為瀏覽器要先下載這段代碼才下載其他頁面元素。因此,最好在Dreamweaver中開啟代碼編輯器,把這段指令碼程式剪貼到原始碼的最後邊,讓其在最後下載。另外,我們在為網頁加入JavaScript指令碼特效時,你如果不希望頁面出現時馬上生效,也不妨這樣設定。

  自我“減肥”

  目前網頁“減肥茶”很多,我們隨處都可找到,而在Dreamweaver中,我們不必四處找“減肥茶”,利用其自身的“減肥”功能足可以使網頁“苗條怡人”。

  方法:在“命令”菜單下選擇“清除多餘的HTML”,即可進行設定對網頁冗餘代碼進行清除。

  合理應用表格

  我們不但要為伺服器減負,對使用的瀏覽器我們更需要減負,也就是要儘可能地縮短瀏覽器對頁面的解析時間,上面提及的JavaScript指令碼加入就是一個例子。影響瀏覽器對頁面解析的還有表格,因為瀏覽器對錶格的解析時間與表格的大小、複雜程度成正比,而我們在Dreamweaver中為了版式的安排,都是通過加入大量的表格來進行定位的,有些人甚至在大表格中套入多重的小表格,這實質上也是在加大瀏覽器的負擔,使頁面呈現時間大大加長。為此在使用表格時,應盡量將表格打散,並要儘可能地避免表格的層層相套。

        :更多精彩教程請關注三聯網頁設計教程 欄目,

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。