2024-09-09
咱們為了優化網頁、加速網頁下載速度,除了對圖片進行優化之外,還需對網頁其他各個元素進行優化。在網頁編織過程中如能充分利用編輯工具,也能夠在網頁制造中達到優化目的。下面是Dreamweaver中的一些優化技法:
合理調用CSS
進行網頁設計時,運用款式表單CSS來對頁面元素進行布置,能夠大大地減少HTML代碼,這點咱們已經很清楚。
辦法:
(1)是選定對象,從右鍵菜單中挑選定義好的款式參加; (2)是從款式面板中為對象挑選款式;
(3)是在標簽挑選器上的某標簽上單擊右鍵挑選款式。
這三種辦法盡管取得的頁面作用相同,但由于榜首種辦法會在HTML代碼中產生一個“span”標簽,假如過多地運用必定會使網頁源文件大大增肥,影響下載速度。因而調用CSS時,應采用第二、第三種辦法。
為服務器減負
在交互網頁中,用戶常用表單向服務器提交數據,等候服務器的數據處理、回來閱讀器……等候的過程是很令人心煩的。為此,咱們在進行網頁編輯時,也有必要為服務器作個考慮。Dreamweaver中制造網頁,能為服務器減負的作業有一項做得較超卓,便是對用戶所提交的表單的合法性進行驗證,只需在閱讀器端進行,不必回來到服務器驗證,既減輕了服務器的擔負,又讓閱讀者少一份悲傷的等候。 辦法:選中表單,打開“Behaviors”面板,點擊“+”號選“ValidateForm”,然后進行設置即可。趁便提示,這個驗證過程實際上是運用JavaScript在閱讀器端作驗證。在Dreamweaver里進行上述操作時,它會把這段JavaScript代碼放在網頁頭部與之中,這樣必定會使頁面的完全顯示時刻變長,由于閱讀器要先下載這段代碼才下載其他頁面元素。因而,好在Dreamweaver中打開代碼編輯器,把這段腳本程序剪貼到源代碼的終邊,讓其在終下載。另外,咱們在為網頁參加JavaScript腳本特效時,你假如不希望頁面出現時立刻收效,也不妨這樣設置。
自我“瘦身”
目前網頁“瘦身茶”很多,咱們隨處都可找到,而在Dreamweaver中,咱們不必四處找“瘦身茶”,利用其本身的“瘦身”功用足能夠使網頁“修長怡人”。
辦法:在“Commands”菜單下挑選“Clean upHTML”,即可進行設置對網頁冗余代碼進行清除。
合理運用表格
咱們不光要為服務器減負,對運用的閱讀器咱們更需求減負,也便是要盡可能地縮短閱讀器對頁面的解析時刻,上面提及的JavaScript腳本參加便是一個例子。影響閱讀器對頁面解析的還有表格,由于閱讀器對表格的解析時刻與表格的大小、復雜程度成正比,而咱們在Dreamweaver中為了版式的組織,都是通過參加很多的表格來進行定位的,有些人甚至在大表格中套入多重的小表格,這實質上也是在加大閱讀器的擔負,使頁面呈現時刻大大加長。為此在運用表格時,應盡量將表格打散,并要盡可能地避免表格的層層相套。