網頁模板就是已經做好的網頁框架，使用網頁編輯軟件輸入自己需要的內容，再發(fā)布到自己的網站。每個網頁模板壓縮包內包含：PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改)，按鈕圖片PSD文件、Flash源文件和字體文件，推薦使用Dreamweaver軟件向網頁模板添加內容。

1）模板的概念：作為創(chuàng)建其它文檔的樣板的文檔。創(chuàng)建模板時，可以說明哪些網頁元素不可編輯，哪些元素可以編輯。其擴展名為.dwt。

2）模板的作用：有利于保持網頁風格的一致；提高工作效率。

1．創(chuàng)建模板

1）創(chuàng)建一個全新的模板：在模板面板中，使用快捷菜單按鈕或單擊面板上的新建按鈕

模板面板的打開：Window菜單--Templates

2）創(chuàng)建基于文檔的模板：File菜單-Save As Template

2．設置模板頁面屬性

1）用模板創(chuàng)建的文檔繼承模板的頁面屬性，頁標題除外。

2）設置：Modify菜單-Page Properties

3．定義模板的可編輯區(qū)

1）定義模板的可編輯區(qū)

在模板文檔中選定對象、Modify菜單、Templates、New Editable Region

2）取消可編輯區(qū)標記

Modify菜單-Templates-Remove Editable Region

div是網頁的一個標簽就好比html標簽，div是一個層css網頁模版就是用css寫好的網頁布局，可以用來編排網頁，直接把那個css文件拷過來，然后就可以用那些樣式了。

1.pc端網站開發(fā)：web前端可以使用html+css制作出很多精美的pc端網頁，網站的特效可以使用js+jquery來完成。

2.移動端+app開發(fā)：現在的web前端工作者不局限于pc端了，移動端+app，web前端工作者也可以完成，使用前端工具+框架制作出精美的移動端頁面或app。

3.html5游戲開發(fā)：隨著html5的興起，web前端也可以做小游戲了，使用canvas可以完成很多小游戲以及游戲引擎