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

本文目錄一覽：

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

如何用DW制作模板？

用DW制作模板步驟如下：

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

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

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

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

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

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

如何用dw制作模板

用dw制作模板的方法：

品牌型號(hào)：華碩。

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

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

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

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

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

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

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

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

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

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

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

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

一、建立模板

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

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

舉例：這里以制作一個(gè)模板為例來說明。在該頁面中，我們希望左側(cè)的網(wǎng)站標(biāo)識(shí)圖和底部的導(dǎo)航圖出現(xiàn)在每個(gè)頁面中。其中標(biāo)識(shí)圖由兩幅圖片疊加而成，導(dǎo)航圖上的文字“最近更新”、“在線閱讀”、“打包下載”等劃分成幾個(gè)熱區(qū)分別鏈接到不同的文件，它們?cè)诿總€(gè)頁面中都不變。右上部的主頁面區(qū)和左下角彈出式選單按鈕下面的頁面說明則各不相同。為了保持頁面整潔，我們用表格來布置這些元素。準(zhǔn)確地說它只是一個(gè)沒有可編輯區(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í)行該命令后會(huì)彈出一個(gè)對(duì)話框，其中有當(dāng)前已有的可編輯區(qū)域列表，選中要取消的.區(qū)域名稱，確認(rèn)即可。

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

二、使用模板

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

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

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

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

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

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

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

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

;

dreamweaver如何制作模板

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

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

也可以新建模板。

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

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

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

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

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

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

和做網(wǎng)頁一樣

做完后保存的時(shí)候選擇為“保存為模版”

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

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