一、模板

做一個(gè)網(wǎng)站，有時(shí)候很重要的一點(diǎn)就是整個(gè)網(wǎng)站的風(fēng)格要統(tǒng)一。一些網(wǎng)頁(yè)的版式都是相同的。
其中標(biāo)題和下面的一排按鈕，還有表格的編排方式，還有里面已經(jīng)制作好的9磅CSS樣式，這些風(fēng)格都是固定的。新作一張網(wǎng)頁(yè)上面這些都不變，而只要替換文字和一些圖片就行了。按照我們的習(xí)慣方法是重新做一張，經(jīng)過漫長(zhǎng)和痛苦的等待，終于做成了和前面一模一樣的網(wǎng)頁(yè)。這時(shí)發(fā)現(xiàn)還有N張網(wǎng)頁(yè)也要同樣制作。

這時(shí)候，我們就需要用到模板，他可以將網(wǎng)頁(yè)中不變的元素固定下來，然后用來應(yīng)用到其他的網(wǎng)頁(yè)上去。這樣我們只要修改相應(yīng)的部分就可以了無需再痛苦萬分的一切重來了。模板可以由一個(gè)網(wǎng)頁(yè)來生成。制作過程如下：

1、 制作好一個(gè)頁(yè)面。

上面凡是不需要變化的元素都統(tǒng)一在圖上做好了。

2、 選擇菜單File→Save As Template（另存為模板）。

系統(tǒng)彈出對(duì)話框。在Save As文本框中填寫模板名字，按Save。
3、 如果仔細(xì)觀察標(biāo)題欄的話會(huì)發(fā)現(xiàn)標(biāo)題欄上已經(jīng)發(fā)生了變化。<>表示現(xiàn)在編輯的是模板了。模板的擴(kuò)展名也是.dwt。
4、 接下來我們要做的一個(gè)重要工作就是設(shè)置可編輯區(qū)域。如果現(xiàn)在直接存盤的話，這個(gè)模板生成的頁(yè)面是無法進(jìn)行內(nèi)容修改的。因?yàn)闆]有指定什么地方是可以修改的。只有設(shè)置了可編輯區(qū)域，我們以后編輯網(wǎng)頁(yè)的時(shí)候才能夠?qū)W(wǎng)頁(yè)進(jìn)行修改。在這個(gè)例子中，三個(gè)表格中的單元格是要可以替換內(nèi)容的。因此就對(duì)這三個(gè)單元格設(shè)置可編輯區(qū)域。在一個(gè)單元格中單擊。選擇菜單Modify→Templates→New Editable Region（新可編輯區(qū)域）。在系統(tǒng)彈出的對(duì)話框中填入可編輯區(qū)域名稱。按OK。在頁(yè)面中就生成了一個(gè){}包圍的可編輯區(qū)域的標(biāo)記。
5、 同樣制作其他兩個(gè)單元格為可編輯區(qū)域。

6、 保存模板，系統(tǒng)彈出提示框，“對(duì)模板進(jìn)行了修改，保存后是否自動(dòng)更新所有應(yīng)用改模板的網(wǎng)頁(yè)”。選擇是，系統(tǒng)會(huì)進(jìn)行搜索，并報(bào)告搜索結(jié)果。確認(rèn)即可。一個(gè)模板就做好了。

如何應(yīng)用一個(gè)模板到頁(yè)面呢？

1、 新建一個(gè)空白頁(yè)面。

2、 選擇菜單window→Templates打開模板面板。單擊做好的模板。按面板上的Apply按鈕即可。
3、 其中，頁(yè)面中的黃色部分就是模板的不可編輯區(qū)域。將頁(yè)面中{}包含的部分刪去。填上相應(yīng)的內(nèi)容。一個(gè)頁(yè)面就做好了。

由此可見模板有很多的好處。1、可以生成大批的風(fēng)格相近的網(wǎng)頁(yè)。2、一旦模板修改了，就修改了一批網(wǎng)頁(yè)。模板修改完畢存盤時(shí)，會(huì)跳出一個(gè)對(duì)話框提示是否要把修改的模板重新應(yīng)用到網(wǎng)頁(yè)上去。選擇Update按鈕，就把模板全部重新應(yīng)用了這樣的話，修改了一個(gè)頁(yè)面就修改了整個(gè)網(wǎng)站的頁(yè)面。是大大提高效率的。要編輯模板只要在模板面板中雙擊模板即可。

有的時(shí)候我們制作了一個(gè)應(yīng)用模板的網(wǎng)頁(yè)。但是我們想對(duì)網(wǎng)頁(yè)的不可編輯區(qū)域進(jìn)行修改的話，需要把模板和網(wǎng)頁(yè)進(jìn)行分離。在網(wǎng)頁(yè)中選擇菜單Modify→Template→Detach From Template分離模板即可。這時(shí)就和一般的網(wǎng)頁(yè)一樣可以自由編輯了。

二、庫(kù)

和模板有異曲同工之妙的就是庫(kù)。模板可以用來制作整體網(wǎng)頁(yè)的重復(fù)部分。庫(kù)就是面向網(wǎng)頁(yè)局部重復(fù)部分的。例如，在某些頁(yè)面上要寫上 XXXX版權(quán)所有，歡迎mail我之類的話。每次重復(fù)輸入這些東西是讓人惱火的。我們可以把這些東東做成庫(kù)部件。以后重復(fù)使用。制作方法：我們以制作版權(quán)信息為例。

1、 輸入文字和信息

2、 選擇菜單window→Library打開庫(kù)面板。選中文字。拖拽進(jìn)入面板，命名即可。圖中黃色部分即為庫(kù)部件。已經(jīng)變?yōu)檎w了。

以后要插入庫(kù)部件的時(shí)候，只要在庫(kù)面板中單擊改部件，選擇Insert按鈕就可以完成部件插入。編輯部件只要在面板中雙擊部件就可以了。同樣修改了一個(gè)部件，系統(tǒng)會(huì)提示是否重新應(yīng)用到所有使用庫(kù)部件的頁(yè)面。按Update按鈕即可完成。大家可以注意到，一旦使用了庫(kù)和模板之后。在站點(diǎn)根目錄下就多了兩個(gè)目錄。Templates目錄為模板目錄，所有擴(kuò)展名為dwt的模板都存放在里面。Library目錄為庫(kù)目錄，庫(kù)部件擴(kuò)展名為.lbi。

Dreamweaver教程我們已基本講解完成，我們將在以后的文章中繼續(xù)深入了解Dreamweaver的一些技巧操作。也由衷地希望你能編制出更為漂亮的網(wǎng)頁(yè)，記得讓我們與你共同分享噢！如果你需要幫助的話，請(qǐng)你與我們保持聯(lián)系。

三、Dnawo注：代碼中如何區(qū)別模板與庫(kù)？

模板的代碼形如：
<!-- InstanceBegin template="/Templates/xxx.dwt" codeOutsideHTMLIsLocked="false" -->
<!-- InstanceBeginEditable name="edit1" --><!-- InstanceEndEditable -->
<!-- InstanceEnd -->

庫(kù)的代碼形如：
<!-- #BeginLibraryItem "/Library/xxx.lbi" --><!-- #EndLibraryItem -->

dreamover 模板