如何制作網頁模板
首先你要明白網頁制作的流程：
1、網頁設計師（主要是用PS）先將網頁設計出來。
2、進行網頁制作，就是切片，div+css布局，將圖片變成網頁。
3、后臺制作。可以自己開發，也可以套用cms，如dedecms，phpcms。等
4、具體步驟就是這樣。詳細的牽扯到一些技術，就是html，div+css,js，（jquery,js框架）。
后臺目前流行PHP語言。這些都是基礎
5、需要學習的有，html，div+css ， js （jquery） ， php等。
教程網站，百度“W3C”，即可
如果你只是制作模板，那么就學習html，div+css ， js （jquery）即可
網站模板怎么制作
制作網頁模板是制作網頁的一種非常便捷和有效地方法。制作網站的時候，如果許多網頁的某一部分都相同（一般是頂部和底部），那么可以把這些部分制作成模板，然后以后要新建一個頁面就可以從模板頁創建。下面給大家介紹一下如何用Dreamweaver制作網頁模板的方法。
新建一個ASP網頁并且保存。如圖所示
連接好數據庫，見筆者之前分享的經驗
在網頁中插入模板的內容，并添加好各個超鏈接
頁面設計好后把網頁另存為模板。操作如圖所示。
接著在需要編輯的部分插入“可編輯區域”，操作如圖所示。
保存后，我們就可以在網站根目錄下的“Templates”文件夾下看見我們剛剛新建的模板了。以后要修改模板的內容就可以直接打開編輯了。
網頁模板的詳細制作過程
1.找到需要的素材，
2.把經常不變的（比如導航，公司logo，左邊的導航，友情鏈接，底部的版權等等信息先做好）然后留出一塊或者多塊區域，插入可編輯區域，用于編輯每個不同的頁面，因為每個頁面內容都不一樣。
3.然后保存為模板
4.在新建頁面時可以選擇模板，創建頁面，一個站點可以制作幾個模板來用。
5.保存模板時會自動存于根目錄下生成個文件夾，所以最好先建個根目錄
如何用Dreamweaver制作網頁模板
隔三岔五將網站來個大更新，不知道他們是怎么忙過來的。 告訴你這個秘密吧，其實是這樣的，他們很多都是在“批發”網頁，并且你的服務器中也有這樣的“批發站”!這個東西就是——模板。常見的網頁制作工具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按鈕，軟件會自動搜索與該模板相關聯的網頁并對其進行更新。也是非常方便的!
網頁設計模版是什么?應該怎么設計？
網頁模板就是已經做好的網頁框架，使用網頁編輯軟件輸入自己需要的內容，再發布到自己的網站。每個網頁模板壓縮包內包含：PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改)，按鈕圖片PSD文件、Flash源文件和字體文件，推薦使用Dreamweaver軟件向網頁模板添加內容。
創建和設置
1)模板的概念：作為創建其它文檔的樣板的文檔。創建模板時，可以說明哪些網頁元素不可編輯，哪些元素可以編輯。其擴展名為.dwt。
2)模板的作用：有利于保持網頁風格的一致;提高工作效率。
1.創建模板
1)創建一個全新的模板：在模板面板中，使用快捷菜單按鈕或單擊面板上的新建按鈕
模板面板的打開：Window菜單--Templates
2)創建基于文檔的模板：File菜單-Save As Template
2.設置模板頁面屬性
1)用模板創建的文檔繼承模板的頁面屬性，頁標題除外。
2)設置：Modify菜單-Page Properties
3.定義模板的可編輯區
1)定義模板的可編輯區
在模板文檔中選定對象、Modify菜單、Templates、New Editable Region
2)取消可編輯區標記
Modify菜單-Templates-Remove Editable Region
應用和更新
1.應用模板創建文檔
1)應用模板創建文檔
使用模板創建新文檔：File菜單-New From Template
或：File菜單-New-從模板面板中拖一個模板到文檔
對現有文檔應用模板：Modify菜單-Templates-Apply Template to Page-模板面板中選定模板-單擊Select
或：從模板面板中拖一個模板到文檔中
或：從模板面板中選定一個模板，單擊Apply
2)可編輯區和鎖定區
在應用了模板的文檔中，只有可編輯區的內容才可以修改。
3)把頁面從模板中分離出來
如果要對應用了模板的頁面的鎖定區進行修改，必須先把頁面從模板中分離出來。
具體操作：Modify菜單-Templates-Detach From Template
2.修改模板
在模板面板中選定模板、單擊編輯按鈕或雙擊模板名稱或使用快捷菜單的Edit、編輯完成后保存
3.更新站點中使用模板的所有文件
Modify菜單-Templates-Update Pages
如何用Photoshop制作網頁模板
網頁中的元素有很多，像Banner條、文本框、文字、版權、Logo、廣告等。盡量把這些相對獨立的元素放在不同的圖層中，這樣方便以后的再編輯。 不過圖層一多，就顯得很凌亂，可建立多個圖層組來進行管理。單擊圖層面板右上角的小三角按鈕，從彈出菜單中選擇“新建組”，在隨后出現的對話框中為新建組取一個名稱(如：“網頁頂部”)，確定即可。這時圖層面板中多出一個文件夾圖標，即圖層組。把相關聯的圖層都拖放到同一組中，比如網頁頂部的所有元素，標題、菜單、Logo等都放到“網頁頂部”組中(見圖1)。同樣方法可以建立多個組，在組的下面還可以建立子組。 點擊圖層組前面的小三角，就可以像文件夾一樣展開或折疊它，這樣圖層面板就顯示干凈利落得多，要修改某個元素也能很容易找到。對同一組中的所以圖層可以方便地進行統一操作，如整體復制、刪除、隱藏、合并等。 小提示： ★如果你想借鑒某個網頁的設計，不妨把它截成圖片放在最下面的圖層中，再拉出多個參考線劃出網頁的大致版式，再在此基礎之上邊參考邊制作自己的網頁。 從Photoshop到Dreamweaver的轉換 在Photoshop中設計好之后，下面就要用切片工具把它轉換成網頁。有些人在切片之前喜歡合并圖層，其實沒有必要，合不合并圖層對最終生成的網頁沒有多大影響，反而會妨礙以后的編輯修改。 第1步：我們最終需要的，只是Photoshop中制作的圖形和框架。選擇切片工具(快捷鍵為K)，把需要的每個圖形獨立切分出來。每切分出一個圖形，在它的左上角會顯示出切片編號(見圖2)。 第2步：在工具箱右擊切片工具，從彈出菜單中選擇“切片選擇工具”，用它可以選取、移動切片，并可以調整切片的大小。右擊某個切片還可以刪除或劃分這個切片。
