隨著Internet的普及，很多人已經不滿足于僅僅上網沖浪，而希望深入地參與其中。現在，擁有自己的Web網站已經成為一種潮流。雖然制作一個簡單的網頁并不困難，但是制作出超凡脫俗的網站就不那么容易了，因此我們特意為大家準備了最新網站設計軟件Dreamweaver MX 2004的系列教程，希望對大家有所幫助。 
通常在一個網站中會有幾十甚至幾百個風格基本相似的頁面，如果每次都重新設定網
頁結構以及相同欄目下的導航條、各類圖標就顯得非常麻煩，不過我們可以借助Dreamweaver MX 2004的模板功能來簡化操作。其實模板的功能就是把網頁布局和內容分離，在布局設計好之后將其存儲為模板，這樣相同布局的頁面可以通過模板創建，因此能夠極大提高工作效率。
一、制作模板
制作模板和制作一個普通的頁面完全相同，只是不需要把頁面的所有部分都制作完成，僅僅需要制作出導航條、標題欄等各個頁面的公有部分，而把中間區域用頁面的具體內容來填充。
 


第一步:先在Dreamweaver MX 2004中運行“File→New”命令，接著從圖1所示的窗口中依次選定“Template page→HTML template”選項，點擊“Create”按鈕之后即可創建一個模板文件。
第二步:在頁面設計視圖下插入網頁框架、導航條、Flash標題等所有頁面公有的元素(圖2)，然后運行“File→Save”命令將這個模板保存下來。
 


小提示:可以先下載一個中意的網頁，然后在Dreamweaver MX 2004中打開它，僅僅保留框架等元素之后通過“File→Save as Template”命令將其保存為模板，這樣能夠省去很多制作模板的時間。
為了避免編輯時候誤操作而導致模板中的元素變化，模板中的內容默認為不可編輯，只有把某個區域或者某段文本設置為可編輯狀態之后，在由該模板創建的文檔中才可以改變這個區域。先用鼠標選取某個區域(也就是每個頁面不同內容的區域)，接著運行“Modify→Templates→New Editable Region”命令，并且在彈出的對話框中為這個區域設定一個名稱，這樣就完成了編輯區域的設置。
小提示:設定好編輯區域之后需要運行“File→Save”命令保存所做的修改。
二、使用模板 

有了模板之后，接下來就要在編輯網頁時候使用它們了。只要在Dreamweaver MX 2004主窗口中運行“File→New”命令即可看見圖1所示的新建窗口，接著進入“Templates”標簽即可查看到已經保存的模板，從中選取一種還可以在右部的預覽區進行預覽(圖3)，最后挑選一款中意的模板并點擊下部“Create”按鈕打開這個模板。
 

在打開的模板中，無法編輯的區域將呈高亮狀態顯示，但是有些位置是鎖定區域，卻不是高亮顯示，這主要是因為圖片正好蓋住了背景的顏色。對于這種情況，可以運行“Edit→Preferences”命令，在彈出窗口的“Category”列表中選取“Highlighting”一項，接著在右部區域中選取“Locked regions”旁邊的“Show”選項(圖4)，并且設定高亮顯示色為藍色，這樣就可以很清楚地分辨出模板中的鎖定區域了。
小提示:如果仍然看不見高亮顯示效果，還可以依次選中“View→Visual Aids→Invisible Elements”命令。
 

最后，我們只要在可編輯區域添加網頁的內容就可以了，比如添加一些文字說明或者是插入相應的圖片，最后通過“File→Save”命令保存頁面即可。
三、修改和更換模板
在通過模板創建了若干個頁面之后，如果需要更改頁面或者增加欄目，再對所有的頁面手工修改則非常麻煩，因此我們可以通過Dreamweaver MX 2004的模板修改功能來解決這個問題。比如我們對模板進行了修改之后，運行“File→Save”命令來保存模板，這時候會彈出提示框詢問是否更新所有使用了該模板的頁面(圖5)，確認之后就會顯示出更新的頁面總數以及更新的時間等信息。
 

另外，Dreamweaver MX 2004還提供了一個