Dreamweaver中如何使用模板
作者：Eve Cole
更新時間：2009-05-30 18:50:16
在網頁設計工具Dreamweaver（以下簡稱DW，目前最高版本為4.02，本文範例中使用的是4.0版）裡有一項十分強大的功能，就是模板！
那模板有什麼魅力呢？它又有什麼樣的特色呢？
利用模板，我們可以固化網站每頁都出現的元素。
透過利用範本建立WEB頁，可使整個網站具有統一的風格。
只要修改模板，就可以修改應用了該模板的所有WEB頁，而不需要手動修改每一頁。例如需要更改你的版權時，你是不是要一頁一頁的進行版權修改？如果有上千頁呢？我相信你會一個頭兩三個大。但如果你用了模板的話，這些都不成為問題。
以下是個較全面的例子，能迅速的讓你掌握模板的使用。
1. 編輯頁面
打開DW，新建一個站點，我們就取名為「蜘蛛網」。
新建一個空白頁面作為內頁（通常一個網站只有一個首頁，所以對首頁我們可以不做成模板），取名為body.htm。
編輯這個頁面，完成如圖1。
圖1，編輯完成後的body.htm頁面，注意A處，此處將作為可編輯區域，下文會針對提及。
2. 生成模板
編輯完成後，我們將此頁儲存為範本（注意不是儲存為普通的htm網頁）。透過DW中的FileàSave As Template可以儲存為模板，執行此命令後會彈出Save As Template窗口，如圖2。
圖2，Save As Template視窗。
圖2中的B處為選擇站點，我們選擇“ 蜘蛛網”，C處為我們要存為的模板檔名，我們填入body。按右上角的Save儲存。
這時我們按F8調出site（網站管理員），在Templates資料夾中可以看到body.dwt（當有模板檔案時，DW會自動產生Templates資料夾，dwt為模板類型檔案）
3. 編輯模板
在Site中開啟body.dwt模板文件，將會發現跟body.htm頁面好像沒什麼分別，但其實是不一樣的，在body.htm中是無法添加可編輯區域的。可編輯區域只能在範本檔案中新增。
為了讓大家更好的理解“可編輯區域”，我們先用這個模板產生一個htm檔案：點FileàNew From Template，彈出Select Template窗口，在emplates中選擇body，再點擊右上角的Select即可產生一個新的htm檔。我們將此新建頁面改名為body2.htm。現在我們用DW將body.htm與body2.htm兩個檔案都打開，比較一下有什麼不同。你會發現在body2.htm頁面的右上角寫著「Template:body」幾個字。 （說明此頁是由body.dwt模板檔案產生）同時你會驚訝的發現body2.htm檔案竟然不可以編輯（body.htm可以編輯）。對了，這就是由於在body.dwt模板檔案中沒有定義「可編輯區域」的結果，使得生成的頁面都不可編輯了。所以我們必須在模板檔案中新增可編輯區域。以下是新增可編輯區域的步驟：
1） 開啟body.dwt範本文件，我們希望中間的表格可以編輯（也就是圖1的A處）。但是要在body.dwt檔案中，而不是body.htm），所以要在此處新增可編輯區域。
2） 將滑鼠遊標放入A處表格裡，點選滑鼠右鍵，選擇New Editable Region…， 彈出New Editable Region窗口，要求填入此可編輯區域的名稱（我們通常稱為可編輯區域標記）。我們填入Region01，點選ok關閉此視窗完成目前可編輯區域標記的編輯。此時可以看到表格中有如圖3的顯示。
圖3，New Editable Region視窗。
說明此處有一個標記為Region01的可編輯區域。
到此為止我們定義了一個可編輯區域，如果有多個編輯區域，同樣可以如法炮製。
※也可以透過ModifyàTemplatesàNew Editable Region…產生新的可編輯區域，如果想要刪除可編輯區域，可透過ModifyàTemplatesàRemove Editable Region…，然後按下提示操作即可。
4. 用模板產生頁面
其實我們前面也提過用模板產生頁面的步驟，就是透過FileàNew From Template。請參考第三步的有關步驟。現在我們用模板產生一個名為body3.htm的頁面。這時你會發現，在body3.htm頁面中除了可編輯區域Region01可以編輯外，別的地方滑鼠都成了限制狀態。我們在此可編輯區域中加入我們需要的內容，例如我們隨便寫入一篇文章。這樣就可以根據我們的需要，利用模板來產生頁面。
5. 修改範本內容與更新網站文件
打開body.dwt模板文件，將我們需要修改的地方進行修改，例如我們把logo圖片換掉或修改任何非可編輯區域，甚至添加或刪除可編輯區域等。
下面就用換logo來說明範本是如何更新檔案的。
我們把logo圖片換成另外我們喜歡的圖片，完成後保存body.dwt文件，這時DW會彈出窗口詢問是否需要更新文件，選擇Update，DW就會自動的將所有用此模板生成的頁面都更新，更新時DW會彈出Update Pages窗口，完成後，在Update Pages窗口中會給予更新日誌。
※如果選擇了don't Update，DW直接保持模板文件，暫時不更新頁面，但我們可以手動更新頁面，只要選擇ModifyàTemplatesàUpdate Pages…即可。
這時我們開啟任一用body.dwt產生的頁面，如body3.htm。會發現logo圖片已經改變。
不難發現，利用這個功能，我們可以輕鬆的解決站點更新問題，模板的功能十分強大，此文只起到拋磚引玉的作用，很多功能由於篇幅問題未能提及，自己要多嘗試，這樣才能充分領略DW的模板風采。
在DW中，還有一項稱為庫的功能，跟模板可以有機的配合，這樣會使模板的功能更加強大，如果讀者反應有興趣的話，我願意為大家獻上這一份禮物。
