台北網頁製作公司用Dreamweaver進行網頁優化_主頁制作_網上學園

用Dreamweaver進行網頁優化 2001/07/24 ,
網站設計;17:30 中國電腦教育報 一葦

  在網頁編織過程中如能充分利用編輯工具,也可以在網頁制作中達到優化目的。下面是Dreamweaver中的一些優化技法:

  合理調用CSS

  進行網頁設計時,運用樣式表單CSS來對頁面元素進行佈實,可以大大地減少HTML代碼 ,這點我們已經很清楚。Dreamweaver中樣式表的加入方法有多種,一是選定對象,從右鍵菜單中選擇定義好的樣式加入;二是從樣式面板中為對象選擇樣式;三是在標簽選擇器上的某標簽上單擊右鍵選擇樣式。這三種方法雖然獲得的頁面效果一樣,但由於第一種方法會在HTML代碼中產生一個“span”標簽,如果過多地使用必定會使網頁源文件大大增肥,影響下載速度。因此調用CSS時,應埰用第二、第三種方法。

  為服務器減負

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

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

  合理應用表格

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

  自我“減肥”

  目前網頁“減肥茶”很多,我們隨處都可找到,而在Dreamweaver中,我們不必四處找“減肥茶”,利用其自身的“減肥”功能足可以使網頁“苗條怡人”。方法:在“Commands”菜單下選擇“Clean up HTML”,即可進行設實對網頁冗余代碼進行清除。

  怎麼樣,經過這樣一番清理,你的網頁是不是清爽了許多?!歡迎各位與我交流。

【發表評論】【初學者園地】【科技聊天】【關閉窗口】