|
Adobe Dreamweaver，簡(jiǎn)稱“DW”，中文名稱夢(mèng)想編織者，最初為美國(guó)Macromedia公司開發(fā)，2005年被Adobe公司收購(gòu)。DW是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁(yè)代碼編輯器。利用對(duì) HTML、CSS、JavaScript等內(nèi)容的支持，設(shè)計(jì)師和程序員可以在幾乎任何地方快速制作和進(jìn)行網(wǎng)站建設(shè)。 在當(dāng)今搜索引擎的年代，SEO技術(shù)越來(lái)越得到重視，這樣就必須對(duì)我們的網(wǎng)頁(yè)進(jìn)行必要的優(yōu)化，要求對(duì)我們的網(wǎng)頁(yè)盡量的簡(jiǎn)潔，這樣便于網(wǎng)絡(luò)蜘蛛更好地爬取，也更好地為了用戶快速打開我們的網(wǎng)頁(yè)，這樣也大大減少了網(wǎng)站的跳出率，對(duì)網(wǎng)頁(yè)的優(yōu)化包括各個(gè)元素，大到圖片的像素，小到表格應(yīng)用，DIV+CSS的設(shè)置等等，那么今天我們要講的是如何利用Dreamweaver對(duì)網(wǎng)頁(yè)的優(yōu)化，在制作過(guò)程中如能充分利用編輯工具，也可以在網(wǎng)頁(yè)制作中達(dá)到優(yōu)化目的呢，下面是Dreamweaver中的一些優(yōu)化方法: 合理調(diào)用CSS進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，只有運(yùn)用樣式CSS來(lái)對(duì)頁(yè)面元素進(jìn)行布置才能大大地減少HTML代碼，樣式的設(shè)定方法有幾種 1、選定對(duì)象法：從右鍵菜單中選擇定義好的樣式加入; 2、樣式面板法：從樣式面板中為對(duì)象選擇樣式; 3、標(biāo)簽選擇器法：從標(biāo)簽選擇器上的某標(biāo)簽上單擊右鍵選擇樣式。 雖然這三種方法都可獲得的頁(yè)面一樣效果，但第一種方法會(huì)在網(wǎng)頁(yè)的HTML代碼中產(chǎn)生一個(gè)“span”標(biāo)簽，而span標(biāo)簽如果過(guò)多地使用將會(huì)使網(wǎng)頁(yè)源文件大大增加，這樣網(wǎng)頁(yè)文件的增加不要以為只會(huì)影響下載速度，其實(shí)不光影響速度更會(huì)影響網(wǎng)絡(luò)蜘蛛的抓取頁(yè)面，因?yàn)樵赟EO技術(shù)中常常會(huì)提到一個(gè)文件不能超過(guò)100K的說(shuō)法，因?yàn)樘髮?huì)大大降低網(wǎng)絡(luò)蜘蛛爬取效率的，所以我們制作CSS時(shí)，盡量應(yīng)采用第二或第三種方法。 二、數(shù)據(jù)傳送問(wèn)題 我們平時(shí)在做網(wǎng)頁(yè)時(shí)常常會(huì)用到數(shù)據(jù)的返回及處理，這樣就會(huì)時(shí)時(shí)刻記得地在服務(wù)器與客戶端交互數(shù)據(jù)，這樣就必須考慮到服務(wù)器的負(fù)擔(dān)，所以網(wǎng)頁(yè)中用戶常用表單向服務(wù)器提交數(shù)據(jù)就得盡量減少等待服務(wù)器的數(shù)據(jù)處理時(shí)間否則返回瀏覽器等待的過(guò)程是很令人心煩的。為此，我們?cè)谶M(jìn)行網(wǎng)頁(yè)編輯Dreamweaver制作網(wǎng)頁(yè)時(shí)就需對(duì)用戶所提交的表單的合法性進(jìn)行驗(yàn)證，而這些驗(yàn)證只需在瀏覽器客戶端進(jìn)行，不必返回到服務(wù)器驗(yàn)證，這樣就減少了客戶端與服務(wù)器端的頻繁交流數(shù)據(jù)，既減輕了服務(wù)器的負(fù)擔(dān)，又讓瀏覽者少一份傷心的等待。 方法:選中表單，打開“行為”面板，點(diǎn)擊“+”號(hào)選“驗(yàn)證表單”，然后進(jìn)行設(shè)置即可。 注意問(wèn)題，Dreamweaver行為方式驗(yàn)證過(guò)程實(shí)際上是調(diào)用JavaScript在瀏覽器客戶端通過(guò)驗(yàn)證。在Dreamweaver設(shè)置行為操作時(shí)，它會(huì)在網(wǎng)頁(yè)的頭部產(chǎn)生JavaScript代碼從而使得代碼因需下載而使得加載加長(zhǎng)，因此，最好在Dreamweaver中打開代碼編輯器，把JS代碼放到文件的末尾，讓其最后加載，還有一個(gè)好處就是有時(shí)不必生效也可放到到最后面。 三、“命令”菜單法 可以在“命令”菜單中選擇“清除多余的HTML”，也可適當(dāng)?shù)貙?duì)網(wǎng)頁(yè)冗余代碼進(jìn)行清除。 以上就是簡(jiǎn)單應(yīng)用Dreamweaver對(duì)網(wǎng)頁(yè)的優(yōu)化人幾點(diǎn)看法，當(dāng)然網(wǎng)頁(yè)優(yōu)化是一個(gè)復(fù)雜的過(guò)程，只有從細(xì)節(jié)做起才能取到更好的效果，細(xì)節(jié)決定成敗嘛。 Adobe Dreamweaver使用所見即所得的接口，亦有HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）編輯的功能，借助經(jīng)過(guò)簡(jiǎn)化的智能編碼引擎，輕松地創(chuàng)建、編碼和管理動(dòng)態(tài)網(wǎng)站。 |
溫馨提示：喜歡本站的話，請(qǐng)收藏一下本站！
本站發(fā)布的Win7純凈版系統(tǒng)、Win10純凈版和XP純凈版系統(tǒng)僅為個(gè)人學(xué)習(xí)測(cè)試使用，請(qǐng)?jiān)谙螺d后24小時(shí)內(nèi)刪除，不得用于任何商業(yè)用途，否則后果自負(fù)，請(qǐng)支持購(gòu)買微軟正版軟件！
本站所有資源全部來(lái)自于網(wǎng)絡(luò)資源,如侵犯到您的權(quán)益,請(qǐng)及時(shí)通知我們(),我們會(huì)及時(shí)處理.
Copyright © 2018-2020 蘿卜系統(tǒng)下載站 手機(jī)站 關(guān)于本站
