數位行銷

Dreamweaver網頁優化技巧

合理使用CSS


進行網頁設計時,運用樣式表單CSS來對頁面元素進行佈置,可以大大地減少HTML代碼,這點我們已經很清楚。
  方法:
  (1)是選定物件,從右鍵功能表中選擇定義好的樣式加入;
(2)是從樣式面板中為物件選擇樣式;
  (3)是在標籤選擇器上的某標籤上單點右鍵選擇樣式。
  這三種方法雖然獲得的頁面效果一樣,但由於第一種方法會在HTML代碼中產生一個“span”標籤,如果過多地使用必定會使網頁原始檔案大大增肥,影響下載速度。因此使用CSS時,應採用第二、第三種方法。

伺服器減輕負載


  在網頁中,用戶常用表單向伺服器提交資料,等待伺服器的資料處理、返回流覽器……等待的過程是很令人心煩的。為此,我們在進行網頁編輯時,也有必要為伺服器作個考慮。Dreamweaver中製作網頁,能為伺服器輕負載的工作有一項做得較出色,就是對用戶所提交的表單的合法性進行驗證,只需在流覽器端進行,不必返回到伺服器驗證,既減輕了伺服器的負擔,又讓流覽者少一份傷心的等待。
  方法:選中表單,打開“行為”面板,點擊“+”號選“驗證表單”,然後進行設置即可。順便提醒,這個驗證過程實際上是使用JavaScript在流覽器端作驗證。在Dreamweaver裏進行上述操作時,它會把這段JavaScript代碼放在網頁HEAD之中,這樣必定會使頁面的完全顯示時間變長,因為流覽器要先下載這段代碼才下載其他頁面元素。因此,最好在Dreamweaver中打開程式編輯器,把這段程式碼剪貼到源程式的最後,讓其在最後下載。另外,我們在為網頁加入JavaScript腳本特效時,你如果不希望頁面出現時馬上生效,也不妨這樣設置。

自我“減肥”


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

合理應用表格


  我們不但要為伺服器減輕負載,對使用的流覽器我們更需要減輕負載,也就是要盡可能地縮短流覽器對頁面的解析時間,上面提及的JavaScript腳本加入就是一個例子。影響流覽器對頁面解析的還有表格,因為流覽器對表格的解析時間與表格的大小、複雜程度成正比,而使用表格(TABLE)來進行定位,甚至在大表格中套入多重的小表格,這實質上會加大流覽器的負擔,使頁面呈現時間大大加長。
建議使用DIV可讓網頁速度加快,減輕伺服器負載,程式碼也更簡潔。

請參考
DIV+CSS對於網站設計的六大優勢
http://www.des13.com/index.php/web/90-divcss

最新文章

原創、翻譯及轉貼的資訊都在這裡。

網站是實現夢想的工具! 開始準備建置您的網站了嗎? 加Line好友
益盛科技

我們重視設計質感與行銷價值

。網頁設計。程式設計。Joomla教學。

 

聯絡資訊

ring@des13.com

點此加我們LINE  @igodos 加line好友

406台中市北屯區文心路四段955號11樓之2(需預約諮詢)

04-37072202 /  0919-413187 

thedes13 

 
OMO電商 社群整合,輕鬆提升5倍轉換率,追蹤客戶行為,自動化行銷!想了解,快與我們聯絡! ×
點此加我們LINE 連結line帳號
DMC Firewall is a Joomla Security extension!