DIV CSS 佈局教程網

　　做一個網站，更新太麻煩，特別是大規模的更新，而且工作量也非常大。真不知那些站長，是如何制作網頁模板的。隔三岔五將網站來個大更新，不知道他們是怎麼忙過來的。

　　告訴你這個秘密吧，其實是這樣的，他們很多都是在“批發”網頁，並且你的服務器中也有這樣的“批發站”!這個東西就是——模板。常見的網頁制作工具FrontPage和DreamWeaver中都有這項功能。如用DreamWeaver 3.0 制作網站的時候，使用模板就能減少大量的重復工作。

　　如何制作網頁模板第一步、建立模板

　　1、創建模板的頁面

　　最簡單的方法是就將一個網頁另存為模板文件，通過執行命令：File→Save as Template，DreamWeaver會在網站根目錄中建立一個模板的文件夾——Templates來保存這個模板。

　　當然，其實也可以新建一個模板：Window→Templates，會出現Templates面板，單擊右下角的New Template這個按鈕，輸入文件名之後，就建立好了一個空模板;再單擊Open Template按鈕打開這個模板，保存後自動存放在網站模板文件夾Templates當中。

　　新建、打開的模板頁面和普通的網頁基本沒什麼不同，同樣還可以加入表格、層、圖片、動畫、腳本和設置頁面屬性等。

　　2、要設定可編輯區域

　　設定模板可編輯區域，一般來說是有兩種方法的。

　　新建一個可編輯的區域：選擇命令按鈕：Modify→Template→New Editable Region。在空白區域中單擊後執行該命令就可以將該區域變為可編輯的區域。

　　標記某一個區域為可編輯的區域：選擇命令按鈕：Modify→Template→Mark Selectin as Editable Region。如果某個區域已經有一些文字了，並且希望以後在新建的超文本文件中部分保留其內容，先選中該區域再執行標記命令就可以了。

　　取消可編輯的狀態：選擇命令：Modify→Template→Unmark Editable Region。執行命令後會彈出一個對話框，其中有當前已有的可編輯的區域列表，選中要取消的區域名稱，點擊確認即可。

　　如何制作網頁模板第二步、使用模板

　　1、根據模板來新建頁面

　　彈出該對話框，從模板列表中選取一個模板，出現的新頁面中除了可編輯的區外均有背景，這個是不能進行修改的部分。空白處的Main編輯區就可一直接進行插入表格、文字或者圖片等操作，Exp編輯區要保留有原來的文字，修改或重新編輯也都可以。

　　2、對一個已有內容的頁面應用模板

　　選擇模板之後還會彈出一個對話框，讓您選擇現有的孤的立內容保存到那個可編輯的區域。要是不想保留就直接選擇“(none)”。

　　3、以全面更新站點更新模板

　　基於某一個模板建立了一些頁面之後，對模板進行修改保存的時候，就自動彈出了一個對話框，列出所有的使用了該模板的頁面，詢問是不是要更新。

　　還有另外一種方法是執行Modify→Template→Update Pages命令。從Update Pages的對話框中選擇一個站點或站點的某一種模板，單擊右變的Start按鈕，軟件會自動搜索與該模板相關聯的網頁並對其進行更新。也是非常方便的!