技巧:用Dreamweaver進(jìn)行網(wǎng)頁(yè)優(yōu)化

      作者:
      2010-01-21
      2479
      我們?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è)編織過(guò)程中如能充分利用編輯工具,也可以在網(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è)面效果一樣,但由于第一種方法會(huì)在HTML代碼中產(chǎn)生一個(gè)“span”標(biāo)簽,假如過(guò)多地使用必定會(huì)使網(wǎng)頁(yè)源文件大大增肥,影響下載速度。因此調(diào)用CSS時(shí),應(yīng)采用第二、第三種方法。 

        為服務(wù)器減負(fù) 

        在交互網(wǎng)頁(yè)中,用戶常用表單向服務(wù)器提交數(shù)據(jù),等待服務(wù)器的數(shù)據(jù)處理、返回瀏覽器……等待的過(guò)程是很令人心煩的。為此,我們?cè)谶M(jìn)行網(wǎng)頁(yè)編輯時(shí),也有必要為服務(wù)器作個(gè)考慮。Dreamweaver中制作網(wǎng)頁(yè),能為服務(wù)器減負(fù)的工作有一項(xiàng)做得較出色,就是對(duì)用戶所提交的表單的合法性進(jìn)行驗(yàn)證,只需在瀏覽器端進(jìn)行,不必返回到服務(wù)器驗(yàn)證,既減輕了服務(wù)器的負(fù)擔(dān),又讓瀏覽者少一份傷心的等待。 方法:選中表單,打開(kāi)“Behaviors”面板,點(diǎn)擊“+”號(hào)選“ValidateForm”,然后進(jìn)行設(shè)置即可。順便提醒,這個(gè)驗(yàn)證過(guò)程實(shí)際上是使用JavaScript在瀏覽器端作驗(yàn)證。在Dreamweaver里進(jìn)行上述操作時(shí),它會(huì)把這段JavaScript代碼放在網(wǎng)頁(yè)頭部與之中,這樣必定會(huì)使頁(yè)面的完全顯示時(shí)間變長(zhǎng),因?yàn)闉g覽器要先下載這段代碼才下載其他頁(yè)面元素。因此,最好在Dreamweaver中打開(kāi)代碼編輯器,把這段腳本程序剪貼到源代碼的最后邊,讓其在最后下載。另外,我們?cè)跒榫W(wǎng)頁(yè)加入JavaScript腳本特效時(shí),你假如不希望頁(yè)面出現(xiàn)時(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è)面解析的還有表格,因?yàn)闉g覽器對(duì)表格的解析時(shí)間與表格的大小、復(fù)雜程度成正比,而我們?cè)贒reamweaver中為了版式的安排,都是通過(guò)加入大量的表格來(lái)進(jìn)行定位的,有些人甚至在大表格中套入多重的小表格,這實(shí)質(zhì)上也是在加大瀏覽器的負(fù)擔(dān),使頁(yè)面呈現(xiàn)時(shí)間大大加長(zhǎng)。為此在使用表格時(shí),應(yīng)盡量將表格打散,并要盡可能地避免表格的層層相套。

      1
      2
      分享到:

      0

      喜歡他,就推薦他上首頁(yè)吧^_^

      推薦閱讀

      ×

      賽事服務(wù)聯(lián)系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

      版權(quán)信息

        移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)

      主站蜘蛛池模板: 日本不卡在线一区二区三区视频| 色一情一乱一伦一区二区三区 | 中文字幕一区二区人妻| 亚洲AV日韩综合一区| 久久蜜桃精品一区二区三区| 3D动漫精品一区二区三区| 日韩一区二区三区无码影院 | 国产91精品一区二区麻豆网站| 色老头在线一区二区三区| 亚洲福利精品一区二区三区| 欧美日韩精品一区二区在线观看 | 国内偷窥一区二区三区视频| 无码国产精品一区二区免费3p | 极品尤物一区二区三区| 国产精品福利一区二区久久| 国产精品伦子一区二区三区| 久久婷婷色综合一区二区| 欧美日韩综合一区二区三区| 色噜噜AV亚洲色一区二区| 亚洲日韩精品国产一区二区三区| 国模私拍一区二区三区| 久久国产精品无码一区二区三区 | 精品一区二区三区在线播放| 亚洲人AV永久一区二区三区久久| 男人的天堂亚洲一区二区三区| 亚洲国产精品一区二区九九 | 插我一区二区在线观看| 日本成人一区二区三区| 久久毛片一区二区| 国产伦精品一区二区三区女| 日韩免费视频一区| 亚洲狠狠狠一区二区三区| 一区在线免费观看| 日本福利一区二区| 国产在线乱子伦一区二区| 高清一区二区三区免费视频| 天天看高清无码一区二区三区| 国产高清一区二区三区视频| 波多野结衣一区视频在线| 台湾无码一区二区| 亚洲一区综合在线播放|