怎么用Dreamweaver合理為網(wǎng)頁優(yōu)化

本篇內(nèi)容主要講解“怎么用Dreamweaver合理為網(wǎng)頁優(yōu)化”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么用Dreamweaver合理為網(wǎng)頁優(yōu)化”吧!

合理調(diào)用CSS

進行網(wǎng)頁設(shè)計時，運用樣式表單CSS來對頁面元素進行布置，可以大大地減少HTML代碼，這點我們已經(jīng)很清楚。

方法:

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

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

這三種方法雖然獲得的頁面效果一樣，但由于第一種方法會在HTML代碼中產(chǎn)生一個“span”標簽，如果過多地使用必定會使網(wǎng)頁源文件大大增肥，影響下載速度。因此調(diào)用CSS時，應(yīng)采用第二、第三種方法。

為服務(wù)器減負

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

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

自我“減肥”

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

方法:在“命令”菜單下選擇“清除多余的HTML”，即可進行設(shè)置對網(wǎng)頁冗余代碼進行清除。

合理應(yīng)用表格

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

到此，相信大家對“怎么用Dreamweaver合理為網(wǎng)頁優(yōu)化”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學習！