分享Dreamweaver網頁優化的經驗
我們為了優化網頁、加快網頁下載速度,除了對圖片進行優化之外,還需對網頁其他各個元素進行優化。在網頁編織過程中如能充分利用編輯工具,也可以在網頁製作中達到優化目的。我們積累了一些Dreamweaver網頁優化經驗,在此拿出來與大家分享下,請大家互相指正。
合理調用CSS
進行網頁設計時,運用樣式表單CSS來對頁面元素進行佈置,可以大大地減少HTML代碼,這點我們已經很清楚。
方法:
(1)是選定對象,從右鍵菜單中選擇定義好的樣式加入; (2)是從樣式面板中為對象選擇樣式;
(3)是在標籤選擇器上的某標籤上單擊右鍵選擇樣式。
這三種方法雖然獲得的頁面效果一樣,但由於第一種方法會在HTML代碼中產生一個“span”標籤,如果過多地使用必定會使網頁源文件大大增肥,影響下載速度。因此調用CSS時,應採用第二、第三種方法。
為服務器減負
在交互網頁中,用户常用表單向服務器提交數據,等待服務器的數據處理、返回瀏覽器……等待的過程是很令人心煩的。為此,我們在進行網頁編輯時,也有必要為服務器作個考慮。Dreamweaver中製作網頁,能為服務器減負的工作有一項做得較出色,就是對用户所提交的表單的合法性進行驗證,只需在瀏覽器端進行,不必返回到服務器驗證,既減輕了服務器的負擔,又讓瀏覽者少一份傷心的等待。
方法:選中表單,打開“行為”面板,點擊“+”號選“驗證表單”,然後進行設置即可。順便提醒,這個驗證過程實際上是使用JavaScript在瀏覽器端作驗證。在Dreamweaver裏進行上述操作時,它會把這段JavaScript代碼放在網頁頭部與之中,這樣必定會使頁面的完全顯示時間變長,因為瀏覽器要先下載這段代碼才下載其他頁面元素。因此,最好在Dreamweaver中打開代碼編輯器,把這段腳本程序剪貼到源代碼的最後邊,讓其在最後下載。另外,我們在為網頁加入JavaScript腳本特效時,你如果不希望頁面出現時馬上生效,也不妨這樣設置。
自我“減肥”
目前網頁“減肥茶”很多,我們隨處都可找到,而在Dreamweaver中,我們不必四處找“減肥茶”,利用其自身的“減肥”功能足可以使網頁“苗條怡人”。
方法:在“命令”菜單下選擇“清除多餘的HTML”,即可進行設置對網頁宂餘代碼進行清除。
合理應用表格
我們不但要為服務器減負,對使用的瀏覽器我們更需要減負,也就是要儘可能地縮短瀏覽器對頁面的解析時間,上面提及的JavaScript腳本加入就是一個例子。影響瀏覽器對頁面解析的還有表格,因為瀏覽器對錶格的.解析時間與表格的大小、複雜程度成正比,而我們在Dreamweaver中為了版式的安排,都是通過加入大量的表格來進行定位的,有些人甚至在大表格中套入多重的小表格,這實質上也是在加大瀏覽器的負擔,使頁面呈現時間大大加長。為此在使用表格時,應儘量將表格打散,並要儘可能地避免表格的層層相套。
-
javascript閉包的高級使用方法
擴展Code:複製代碼代碼如下:varblogModule=(function(my){hoto=function(){//添加內部代碼};returnmy;}(blogModule));Say:將自身傳進方法,然後實現了方法的擴展,有點象零件組裝啊Code:複製代碼代碼如下:varblogModule=(function(my){varoldAddPhotoMethod=hoto;...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
ASP.NET 2.0 程序的基礎知識
成員關係的概念在人類社會中是一個層次比較低的概念,源於希望屬於某個羣組的意識。我們希望能覺得自己是某個團隊的一部分,讓別人知道我們是誰,因此Web搭上這個流行趨勢,採用這個概念只是時間早晚的問題。如果坐下來想一想曾經登錄過多少個站點並在這些站點上保存...
-
針對dom元素的分析應用
如果這個DOM元素沒有樣式也就談不上操作了。2.我們也可以直接用JS動態的向html裏寫入DOM元素。今天這章我們就講這兩個應用(一)對html裏現有的DOM元素進行操作。我上面説了,對現有的DOM元素進行操作,無非就是對樣式的操作。所以我們首先就要能獲取這個DOM元素的樣...