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