在Dreamweaver 4.0中，我們就已接觸了模板與庫(kù)的概念，知道它們是批量生成風(fēng)格類(lèi)似的網(wǎng)頁(yè)的好工具。如今在Dreamweaver MX(以下簡(jiǎn)稱(chēng)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)建模板。

2、找到“Assert”子選項(xiàng)，在左邊的工具欄中單擊“Templates”按鈕，此時(shí)的模板為空，我們可以在右下角單擊“New Template”按鈕，一個(gè)空白的模板就會(huì)出現(xiàn)在面板中(如圖1)，點(diǎn)擊模板名稱(chēng)，是模板進(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ū)υ?huà)框，指定區(qū)域名稱(chēng)后，可以看到模板中出現(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ǎng)頁(yè)都套用了相同的模板，而且這些網(wǎng)頁(yè)都被保存在同一個(gè)站點(diǎn)目錄下，當(dāng)我們要對(duì)所有網(wǎng)頁(yè)的公共元素進(jìn)行改動(dòng)時(shí)，只需修改模板中的元素即可。

打開(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ì)話(huà)框：“下列網(wǎng)頁(yè)使用了當(dāng)前模板，是否進(jìn)行更新？”(如圖2)單擊“Update”，此時(shí)，網(wǎng)站中所有基于模板創(chuàng)建的關(guān)聯(lián)網(wǎng)頁(yè)都將得到更新(如圖3)。

圖2


圖3

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

圖4

注重，庫(kù)中的元素決不僅僅是圖像或文字本身，而且還包含了網(wǎng)頁(yè)中排列這些圖像的代碼。因此，我們也可以像模板中一樣，在網(wǎng)頁(yè)上添加相同的庫(kù)元素，從而批量生產(chǎn)風(fēng)格類(lèi)似的網(wǎng)頁(yè)。這時(shí)，我們只要在庫(kù)面板中將元素拖回到新網(wǎng)頁(yè)上即可，而相關(guān)的代碼會(huì)自動(dòng)復(fù)制到新網(wǎng)頁(yè)上。

而且，庫(kù)元素也可以實(shí)現(xiàn)網(wǎng)站的批量更新，我們?cè)趲?kù)面板中單擊庫(kù)元素，使庫(kù)進(jìn)入可編輯狀態(tài)(如圖5)，當(dāng)改變了庫(kù)元素并進(jìn)行保存時(shí)，凡是使用了庫(kù)元素的網(wǎng)頁(yè)，會(huì)自動(dòng)進(jìn)行同步更新。