本篇文章給大家談?wù)凞W網(wǎng)頁制作模板，以及dw網(wǎng)頁制作過程對應(yīng)的知識點(diǎn)，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、如何用DW制作模板？
• 2、如何用dw制作模板
• 3、DW批量做網(wǎng)頁的方法
• 4、dreamweaver如何制作模板

如何用DW制作模板？

用DW制作模板步驟如下：

1、首先是必須建立好一個頁的基本框架，把固定的元素先確定下來，留出一些空白的編輯區(qū)域給一些變動元素。

2、在菜單欄上依次打開【插入】——【模板對象】——【創(chuàng)建模板】。

3、重新命名你的網(wǎng)頁模板。創(chuàng)建網(wǎng)頁模板必須先建立網(wǎng)站站點(diǎn)。

4、將鼠標(biāo)光標(biāo)定位到需要插入編輯區(qū)域的地方，然后在菜單欄中打開【插入】——【模板對象】——【可編輯區(qū)域】。

5、建立好的可編輯區(qū)域后以后可以直接在這里面輸入相應(yīng)的內(nèi)容，大多數(shù)需要不斷更新的。然后就可以直接CTRL+S保存這個模板了，網(wǎng)頁模板的格式是.dwt。

6、使用網(wǎng)頁模板，可以在菜單欄中打開【文件】——【新建】——【模板中的頁】，選定剛剛重命名的制作好的模板就可以直接引用了。

如何用dw制作模板

用dw制作模板的方法：

品牌型號：華碩。

系統(tǒng)版本：UX30K723A。

軟件版本：win7，Dreamweaver 8，百度瀏覽器1.22.1.1。

1、以百度經(jīng)驗(yàn)首頁頭部舉例，將頁面分為兩大塊。

2、第一大塊內(nèi)容又可以分為兩小塊，左邊為一塊，右邊為一塊。

3、第一大塊內(nèi)容所有樣式，如下圖。

4、第一大塊樣式預(yù)覽，如下圖。

5、第二大塊中分為兩個小塊，左邊為百度經(jīng)驗(yàn)圖片，右邊為input框和按鈕。

6、第二塊元素的樣式如下圖。

7、最終代碼和效果圖如下。

DW批量做網(wǎng)頁的方法

DW批量做網(wǎng)頁的方法

DW是第一套針對專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。下面是Y JBYS我整理的DW批量做網(wǎng)頁的方法，希望對你有幫助!

一、建立模板

1、創(chuàng)建模板頁面

最簡單的辦法是將一個網(wǎng)頁另存為模板文件，通過執(zhí)行命令：File→Save as Template，DreamWeaver會在網(wǎng)站根目錄中建立一個模板文件夾——Templates來保存該模板。當(dāng)然，也可以新建一個模板：Window→Templates，會出現(xiàn)的Templates面板，單擊右下角的New Template按鈕，輸入文件名，就建立了一個空模板;再單擊Open Template按鈕打開該模板，保存后自動存放于網(wǎng)站模板文件夾Templates中。新建、打開的模板頁面和普通的網(wǎng)頁沒什么兩樣，同樣可以加入表格、層、圖片、動畫、腳本，設(shè)置頁面屬性等。

舉例：這里以制作一個模板為例來說明。在該頁面中，我們希望左側(cè)的網(wǎng)站標(biāo)識圖和底部的導(dǎo)航圖出現(xiàn)在每個頁面中。其中標(biāo)識圖由兩幅圖片疊加而成，導(dǎo)航圖上的文字“最近更新”、“在線閱讀”、“打包下載”等劃分成幾個熱區(qū)分別鏈接到不同的文件，它們在每個頁面中都不變。右上部的主頁面區(qū)和左下角彈出式選單按鈕下面的頁面說明則各不相同。為了保持頁面整潔，我們用表格來布置這些元素。準(zhǔn)確地說它只是一個沒有可編輯區(qū)域的“準(zhǔn)模板”，下面再設(shè)定可編輯區(qū)域。

2、設(shè)定可編輯區(qū)域

設(shè)定模板可編輯區(qū)域，一般來說有兩種方法。

新建可編輯區(qū)域：選擇命令：Modify→Template→New Editable Region。在某一空白區(qū)域中單擊后執(zhí)行該命令即可將該區(qū)域變?yōu)榭删庉媴^(qū)域。

標(biāo)記某一區(qū)域?yàn)榭删庉媴^(qū)域：選擇命令：Modify→Template→Mark Selectin as Editable Region。如果某區(qū)域已經(jīng)有一些文字，并且希望在以后新建的超文本文件中部分保留其內(nèi)容，先選中該區(qū)域再執(zhí)行標(biāo)記命令即可。

取消可編輯狀態(tài)：選擇命令：Modify→Template→Unmark Editable Region。執(zhí)行該命令后會彈出一個對話框，其中有當(dāng)前已有的可編輯區(qū)域列表，選中要取消的.區(qū)域名稱，確認(rèn)即可。

舉例：在大片空白區(qū)中隨便單擊一下，執(zhí)行Modify→Template→New Editable Region命令，在彈出對話框中輸入名稱：Main;選中左下角本頁說明下面的文字，執(zhí)行Modify→Template→Mark Selectin as Editable Region命令，輸入名稱：exp?？梢钥吹娇删庉媴^(qū)顯示為淺藍(lán)色，保存即完成模板制作。

二、使用模板

1、根據(jù)模板新建頁面

命令：File→New From Template。彈出對話框，從模板列表中選取模板，出現(xiàn)的新頁面中除可編輯區(qū)外均有淡黃色背景，是不能進(jìn)行修改的部分。空白的Main編輯區(qū)可直接進(jìn)行插入表格、文字、圖片等操作，Exp編輯區(qū)保留有原來的文字，修改或重新編輯均可。2、對一個已經(jīng)有內(nèi)容的頁面應(yīng)用模板

命令：Modify→Template→Apply Template to Page。選擇模板后還會彈出一個對話框，讓您選擇現(xiàn)有的孤立內(nèi)容保存到哪個可編輯區(qū)域(Choose Editable Region for Orphaned Content)。要是不想保留則可以選擇“(none)”。

舉例：我們先新建一個普通頁面，輸入：“CIW電腦工作室”，執(zhí)行Modify→Template→Apply Template to Page命令，選擇模板test，現(xiàn)有內(nèi)容保存區(qū)域選擇Main，確認(rèn)后可看到頁面自動變成了模板頁的形式，而“CIW電腦工作室”這一行字就出現(xiàn)在主編輯窗口中。

3、更新模板以全面更新站點(diǎn)

基于某一模板建立了一些頁面后，對模板進(jìn)行修改后保存時，就會自動彈出一個對話框，列出所有使用了該模板的頁面，詢問是否要更新。

另外一種方法是執(zhí)行Modify→Template→Update Pages命令。從Update Pages對話框中選擇一個站點(diǎn)或站點(diǎn)的某一種模板(同一站點(diǎn)中可以使用多個模板)，單擊右側(cè)的Start按鈕，軟件會自動搜索與模板相關(guān)聯(lián)的網(wǎng)頁并進(jìn)行更新。非常方便!

舉例：Test模板左側(cè)圖形中的“讀書破萬站”圖片是用一個圖層疊加在另一幅圖片之上的，現(xiàn)在不想要它，同時還想將所有頁面中的該圖片均刪除。就可以打開模板test.dwt，刪除該圖層，保存模板，單擊右側(cè)的“Update”按鈕即可。

;

dreamweaver如何制作模板

和制普通網(wǎng)頁是一樣的。

不樣，保存的時候，另存為模板，這時候是dwt文件。

也可以新建模板。

要應(yīng)用模板也很簡單，新建一個空的網(wǎng)頁，打開文件面板，資源選項(xiàng)卡，模板，找到已存在的模板，右鍵，應(yīng)用就行了。

個人認(rèn)為DW的模板功能會增加大量的無效代碼，使頁面體積增大，所以從來不用。跟做網(wǎng)頁一樣，保存時（選保存為模板。

你還可以選擇（可編緝區(qū)域，做好的網(wǎng)頁另存為模版

使用的時候新建頁面然后修改模版套用就行了1、保存時：另存為模板，是dwt文件

2、應(yīng)用時：打開文件面板，資源選項(xiàng)卡，模板，找到已存在的模板，右鍵應(yīng)用即可。

3、詳細(xì)聯(lián)系：先做好你想作為模板的那張網(wǎng)頁文件-“另存為模板”要用的時候文件-新建-模板這時你的模板還不可以編輯在模板那張網(wǎng)頁在你以后要編輯的地方畫好框點(diǎn)框-插入-模板對象-可編輯區(qū)域如果想改編輯區(qū)域就要吧原來的可編輯區(qū)域去掉點(diǎn)原來的可編輯區(qū)域右鍵-模板—刪除模板標(biāo)記

和做網(wǎng)頁一樣

做完后保存的時候選擇為“保存為模版”

玩了再在模版上設(shè)置可編輯區(qū)你在制作網(wǎng)頁的時候和正常的一樣，但最好保留需要在所有網(wǎng)頁里的部分，比如導(dǎo)航條，其余的都刪掉，保存時選擇“另存為模板”，就OK了

關(guān)于DW網(wǎng)頁制作模板和dw網(wǎng)頁制作過程的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。