使用DW製作網頁時候，網頁的框架往往在某些方面有固定的格式，像是導航欄、banner條，如果每製作一個網頁就要重新設計這些內容是很耗時間的，下面是小編爲大家搜索整理的如何用DW編輯網站模板，希望大家能有所收穫，更多精彩內容請及時關注我們應屆畢業生考試網!
在Site中打開網站模板文件，將會發現跟頁面好像沒什麼分別，但其實是不一樣的，在中是無法添加可編輯區域的。可編輯區域只能在模板文件中添加。爲了讓大家更好的理解“可編輯區域”，我們先用此模板生成一個htm文件：點FileàNew From Template，彈出Select Template窗口，在emplates中選擇body，再點擊右上角的Select即可生成一個新的'htm文件。我們將此新建頁面改名爲。現在我們用DW將與兩文件都打開，比較一下有什麼不同。你會發現在頁面的右上角寫着“Template:body”幾個字。同時你會驚訝的發現文件竟然不可以編輯。對了，這就是由於在模板文件中沒有定義“可編輯區域”的結果，使得生成的頁面都不可編輯了。所以我們必須在模板文件中添加可編輯區域。下面是添加可編輯區域的步驟：
1) 打開模板文件，我們希望中間的表格可以編輯。但是要在文件中，而不是)，所以要在此處添加可編輯區域。
2) 將鼠標光標放入A處表格裏，點擊鼠標右鍵，選擇New Editable Region…， 彈出New Editable Region窗口，要求填入此可編輯區域的名稱。我們填入Region01，點擊ok關閉此窗口完成當前可編輯區域標記的編輯。
說明此處有一個標記爲Region01的可編輯區域。
到此爲止我們定義了一個可編輯區域，如果有多個編輯區域，同樣可以如法炮製。
注：通過ModifyàTemplatesàNew Editable Region…網站模板可以生成新的可編輯區域，如果想刪除可編輯區域，可通過ModifyàTemplatesàRemove Editable Region…，然後按提示操作即可。
【相關閱讀】Dreamweaver文檔窗口
在“文檔”窗口中通過“代碼”視圖、“拆分代碼”視圖、“設計”視圖、“代碼”視圖和“設計”視圖(拆分視圖)或“實時”視圖查看文檔。
“文檔”窗口顯示當前文檔。可以選擇下列任一視圖：
“設計”視圖 一個用於可視化頁面佈局、可視化編輯和快速應用程序開發的設計環境。在該視圖中，Dreamweaver 顯示文檔的完全可編輯的可視化表示形式，類似於在瀏覽器中查看頁面時看到的內容。
“代碼”視圖 一個用於編寫和編輯 HTML、JavaScript、服務器語言代碼(如 PHP 或 ColdFusion 標記語言 (CFML))以及任何其它類型代碼的手工編碼環境。
拆分“代碼”視圖 “代碼”視圖的一種拆分版本，使您可以通過滾動以同時對文檔的不同部分進行操作。
代碼和“設計”視圖 使您可以在一個窗口中同時看到同一文檔的“代碼”視圖和“設計”視圖。
“實時”視圖 與“設計”視圖類似，“實時”視圖更逼真地顯示文檔在瀏覽器中的表示形式，並使您能夠像在瀏覽器中那樣與文檔交互。“實時”視圖不可編輯。不過，您可以在“代碼”視圖中進行編輯，然後刷新“實時”視圖來查看所做的更改。
實時“代碼”視圖 僅當在“實時”視圖中查看文檔時可用。“實時代碼”視圖顯示瀏覽器用於執行該頁面的實際代碼，當您在“實時”視圖中與該頁面進行交互時，它可以動態變化。“實時代碼”視圖不可編輯。
當“文檔”窗口處於最大化狀態(默認值)時，“文檔”窗口頂部會顯示選項卡，上面顯示了所有打開的文檔的文件名。如果您尚未保存已做的更改，則 Dreamweaver 會在文件名後顯示一個星號。
若要切換到某個文檔，請單擊它的選項卡。
Dreamweaver 還會在文檔的選項卡下(如果在單獨窗口中查看文檔，則在文檔標題欄下)顯示“相關文件”工具欄。相關文檔指與當前文件關聯的文檔，例如 CSS 文件或 JavaScript 文件。若要在“文檔”窗口中打開這些相關文件之一，請在“相關文件”工具欄中單擊其文件名。
