DreamweaverMX實(shí)現(xiàn)網(wǎng)站批量更新_Dreamweaver教程
在Dreamweaver 4.0中,我們就已接觸了模板與庫(kù)的概念,知道它們是批量生成風(fēng)格類似的網(wǎng)頁(yè)的好工具。如今在Dreamweaver MX(以下簡(jiǎn)稱DW MX)中,模板與庫(kù)的功能得到了進(jìn)一步細(xì)化與加強(qiáng),尤其是實(shí)現(xiàn)關(guān)聯(lián)網(wǎng)頁(yè)自動(dòng)更新的特點(diǎn),使得模板與庫(kù)成為DW MX的一大亮色。
1、首先我們來(lái)看看模板的應(yīng)用,與Dreamweaver 4.0不同的是,DW MX把模板的操作拓展到了“Modify”與“Insert”兩個(gè)菜單下,同時(shí),在“File”選項(xiàng)的“Assert”子選項(xiàng)中也可以直接創(chuàng)建模板。

圖1
2、找到“Assert”子選項(xiàng),在左邊的工具欄中單擊“Templates”按鈕,此時(shí)的模板為空,我們可以在右下角單擊“New Template”按鈕,一個(gè)空白的模板就會(huì)出現(xiàn)在面板中(如圖1),點(diǎn)擊模板名稱,是模板進(jìn)入可編輯狀態(tài),注重,此時(shí)的模板還沒(méi)有任何添加任何元素,我們可以像編輯普通網(wǎng)頁(yè)一樣在模板上添加表格、圖像、文字等。添加完后,保存模板,可以在默認(rèn)站點(diǎn)文件夾的“Templates”子文件夾下找到剛才做好的模板,擴(kuò)展名為.dwt。
假如嫌這樣麻煩,DW MX還提供了一種更直接的方法,編輯好要保存為模板的網(wǎng)頁(yè)后,在“File”菜單中點(diǎn)擊“Save as Templates”,即可生成模板。
3、模板生成之后,還要建立可編輯區(qū)域,為將來(lái)填入不同的網(wǎng)頁(yè)內(nèi)容做預(yù)備,打開(kāi)模板,單擊菜單“Insert/Template Object/Editable Region”,出現(xiàn)可編輯區(qū)域?qū)υ捒颍付▍^(qū)域名稱后,可以看到模板中出現(xiàn)了藍(lán)色的方框。保存后就建立了可編輯區(qū)的模板。
4、如何批量生成網(wǎng)頁(yè)呢?單擊菜單“File/New”,選擇“Templates”選項(xiàng),馬上就可以看到建立生成的模板,單擊“Create”按鈕,模板就開(kāi)始自動(dòng)套用在網(wǎng)頁(yè)上。這個(gè)時(shí)候我們可以看到,原來(lái)的模板區(qū)域是黃色,其中的元素已經(jīng)固定,不能編輯,而我們剛剛指定的可編輯區(qū)域是藍(lán)色,可以編輯。這樣一來(lái),不但大大簡(jiǎn)化了我們生成相似網(wǎng)頁(yè)的工作量,而且有效地保證了網(wǎng)頁(yè)風(fēng)格的一致性。
5、最后,就是關(guān)聯(lián)網(wǎng)頁(yè)批量更新,這是大型網(wǎng)站更新網(wǎng)頁(yè)時(shí)必不可少的一項(xiàng)技術(shù),在DW MX中可以輕易實(shí)現(xiàn)。因?yàn)槲覀兯械木W(wǎng)頁(yè)都套用了相同的模板,而且這些網(wǎng)頁(yè)都被保存在同一個(gè)站點(diǎn)目錄下,當(dāng)我們要對(duì)所有網(wǎng)頁(yè)的公共元素進(jìn)行改動(dòng)時(shí),只需修改模板中的元素即可。

圖2
打開(kāi)“Templates”子選項(xiàng),雙擊關(guān)聯(lián)網(wǎng)頁(yè)的模板,這時(shí)候模板進(jìn)入了可編輯狀態(tài),黃色區(qū)域消失,改變的模板的內(nèi)容后,保存時(shí)就會(huì)出現(xiàn)一個(gè)提示對(duì)話框:“下列網(wǎng)頁(yè)使用了當(dāng)前模板,是否進(jìn)行更新?”(如圖2)單擊“Update”,此時(shí),網(wǎng)站中所有基于模板創(chuàng)建的關(guān)聯(lián)網(wǎng)頁(yè)都將得到更新(如圖3)。

圖3
與模板類似,DW MX的庫(kù)就顯得更加靈活,在“Assert”選項(xiàng)卡上單擊“Library”,打開(kāi)庫(kù),暫時(shí)庫(kù)中沒(méi)有任何元素,我們把網(wǎng)頁(yè)中要生成庫(kù)的元素,如表格、圖像,直接拖到庫(kù)面板中即可(如圖4)。

圖4
注重,庫(kù)中的元素決不僅僅是圖像或文字本身,而且還包含了網(wǎng)頁(yè)中排列這些圖像的代碼。因此,我們也可以像模板中一樣,在網(wǎng)頁(yè)上添加相同的庫(kù)元素,從而批量生產(chǎn)風(fēng)格類似的網(wǎng)頁(yè)。這時(shí),我們只要在庫(kù)面板中將元素拖回到新網(wǎng)頁(yè)上即可,而相關(guān)的代碼會(huì)自動(dòng)復(fù)制到新網(wǎng)頁(yè)上。
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開(kāi)發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- Dreamweaver網(wǎng)頁(yè)制作教程:應(yīng)用模板
- Dreamweaver基礎(chǔ)教程:層及其應(yīng)用
- Dreamweaver開(kāi)發(fā)ASP實(shí)例視頻教程表單驗(yàn)證
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver中應(yīng)用CSS的技巧
- Dreamweaver MX進(jìn)階教程:制作反饋表單
- 使用Dreamweaver來(lái)詳細(xì)了解CSS的多樣性
- Dreamweaver MX進(jìn)階教程:固定單元格寬度
- 用Dreamweaver設(shè)計(jì)自動(dòng)關(guān)閉的網(wǎng)頁(yè)
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
猜你也喜歡看這些
- Dreamweaver8制作網(wǎng)頁(yè)教程下載
- Dreamweaver 8 ASP動(dòng)態(tài)網(wǎng)頁(yè)編程完全自學(xué)手冊(cè)
- 《Dreamweaver CS3網(wǎng)頁(yè)設(shè)計(jì)技能進(jìn)化手冊(cè)》--樣章、樣例、教學(xué)視頻
- Dreamweaver 8完美網(wǎng)頁(yè)設(shè)計(jì):白金案例篇
- 學(xué)通JavaScript視頻教程下載
- 呂聰賢dreamweaver視頻教程下載
- PHP+MYSQL網(wǎng)站設(shè)計(jì)入門實(shí)踐
- 零基礎(chǔ)學(xué)Dreamweaver CS3+ASP 教案PPT/隨書(shū)光盤
- 中文版Dreamweaver 8入門必練
- 中文版Dreamweaver 8從入門到精通
- 相關(guān)鏈接:
- 教程說(shuō)明:
Dreamweaver教程-DreamweaverMX實(shí)現(xiàn)網(wǎng)站批量更新
。