我們?yōu)榱藘?yōu)化網(wǎng)頁(yè)、加快網(wǎng)頁(yè)下載速度，除了對(duì)圖片進(jìn)行優(yōu)化之外，還需對(duì)網(wǎng)頁(yè)其他各個(gè)元素進(jìn)行優(yōu)化。在網(wǎng)頁(yè)編織過程中如能充分利用編輯工具，也可以在網(wǎng)頁(yè)制作中達(dá)到優(yōu)化目的。我們?yōu)榱藘?yōu)化網(wǎng)頁(yè)、加快網(wǎng)頁(yè)下載速度，除了對(duì)圖片進(jìn)行優(yōu)化之外，還需對(duì)網(wǎng)頁(yè)其他各個(gè)元素進(jìn)行優(yōu)化。在網(wǎng)頁(yè)編織過程中如能充分利用編纂工具，也可以在網(wǎng)頁(yè)制作中達(dá)到優(yōu)化目的。下面是Dreamweaver中的一些優(yōu)化技法:

公道調(diào)用CSS

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

方法:
     (1)是選定對(duì)象，從右鍵菜單中選擇定義好的樣式加入; (2)是從樣式面板中為對(duì)象選擇樣式
      (3)是在標(biāo)簽選擇器上的某標(biāo)簽上單擊右鍵選擇樣式。
    這三種方法固然獲得的頁(yè)面效果一樣，但因?yàn)榈谝环N方法會(huì)在HTML代碼中產(chǎn)生一個(gè)“span”標(biāo)簽，假如過多地使用必然會(huì)使網(wǎng)頁(yè)源文件大大增肥，影響下載速度。因此調(diào)用CSS時(shí)，應(yīng)采用第二、第三種方法。

為服務(wù)器減負(fù)
在交互網(wǎng)頁(yè)中，用戶常用表單向服務(wù)器提交數(shù)據(jù)，等待服務(wù)器的數(shù)據(jù)處理、返回瀏覽器……等待的過程是很令人心煩的。為此，我們?cè)谶M(jìn)行網(wǎng)頁(yè)編纂時(shí)，也有必要為服務(wù)器作個(gè)考慮。Dreamweaver中制作網(wǎng)頁(yè)，能為服務(wù)器減負(fù)的工作有一項(xiàng)做得較精彩，就是對(duì)用戶所提交的表單的正當(dāng)性進(jìn)行驗(yàn)證，只需在瀏覽器端進(jìn)行，不必返回到服務(wù)器驗(yàn)證，既減輕了服務(wù)器的負(fù)擔(dān)，又讓瀏覽者少一份傷心的等待。 方法:選中表單，打開“Behaviors”面板，點(diǎn)擊“+”號(hào)選“ValidateForm”，然后進(jìn)行設(shè)置即可。順便提醒，這個(gè)驗(yàn)證過程實(shí)際上是使用JavaScript在瀏覽器端作驗(yàn)證。在Dreamweaver里進(jìn)行上述操縱時(shí)，它會(huì)把這段JavaScript代碼放在網(wǎng)頁(yè)頭部與之中，這樣必然會(huì)使頁(yè)面的完全顯示時(shí)間變長(zhǎng)，由于瀏覽器要先下載這段代碼才下載其他頁(yè)面元素。因此，最好在Dreamweaver中打開代碼編纂器，把這段腳本程序剪貼到源代碼的最后邊，讓其在最后下載。另外，我們?cè)跒榫W(wǎng)頁(yè)加入JavaScript腳本殊效時(shí)，你假如不但愿頁(yè)面泛起時(shí)馬上生效，也不妨這樣設(shè)置。目前網(wǎng)頁(yè)“減肥茶”良多，我們隨處都可找到，而在Dreamweaver中，我們不必四處找“減肥茶”，利用其自身的“減肥”功能足可以使網(wǎng)頁(yè)“苗條怡人”。方法:在“Commands”菜單下選擇“Clean upHTML”，即可進(jìn)行設(shè)置對(duì)網(wǎng)頁(yè)冗余代碼進(jìn)行清除。公道應(yīng)用表格我們不但要為服務(wù)器減負(fù)，對(duì)使用的瀏覽器我們更需要減負(fù)，也就是要盡可能地縮短瀏覽器對(duì)頁(yè)面的解析時(shí)間，上面提及的JavaScript腳本加入就是一個(gè)例子。影響瀏覽器對(duì)頁(yè)面解析的還有表格，由于瀏覽器對(duì)表格的解析時(shí)間與表格的大小、復(fù)雜程度成正比，而我們?cè)贒reamweaver中為了版式的鋪排，都是通過加入大量的表格來(lái)進(jìn)行定位的，有些人甚至在大表格中套入多重的小表格，這實(shí)質(zhì)上也是在加大瀏覽器的負(fù)擔(dān)，使頁(yè)面呈現(xiàn)時(shí)間大大加長(zhǎng)。為此在使用表格時(shí)，應(yīng)盡量將表格打散，并要盡可能地避免表格的層層相套。

文章名稱：優(yōu)化中級(jí)篇：用Dw進(jìn)行網(wǎng)頁(yè)優(yōu)化
本文路徑：http://chinadenli.net/news/171937.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、外貿(mào)建站、用戶體驗(yàn)、外貿(mào)網(wǎng)站建設(shè)、定制開發(fā)、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)