本篇文章給大家談?wù)刣w怎么用模板創(chuàng)建網(wǎng)頁，以及dw怎么做模板網(wǎng)頁對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、DW批量做網(wǎng)頁的方法
• 2、DW怎么把首頁設(shè)為模板，子網(wǎng)頁用模板設(shè)計(jì)
• 3、dreamweaver如何制作網(wǎng)頁？
• 4、dreamweaver如何創(chuàng)建模板
• 5、DW制作網(wǎng)頁的基本步驟

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)建模板頁面

最簡單的辦法是將一個(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)行修改的部分。空白的Main編輯區(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”按鈕即可。

;

DW怎么把首頁設(shè)為模板，子網(wǎng)頁用模板設(shè)計(jì)

剛進(jìn)入dreamweaver點(diǎn)擊新建下方的更多，然后選擇空白頁，頁面類型選擇html模板，布局選無就行了。

插入一個(gè)表格（菜單欄中選擇插入，再找到表格），表格里的布局自己根據(jù)需要設(shè)置，在這里我設(shè)置為行數(shù)為5，列為1，表格寬度為1000像素。插入表格后，選中整個(gè)表格，選中后表框會(huì)加黑加粗，在下方設(shè)置為居中對(duì)齊。

在表格第一行插入圖像（菜單欄中選擇插入，再找到圖像），第二行加入滾動(dòng)字幕。第三行插入表格（方法同上），1行4列，表格寬度為百分之一百。插入表格之后，再選中第三行的表格，選中后表格邊框會(huì)加黑加粗，在下方設(shè)置表格為居中對(duì)齊，寬度為20%。

第三行中選入一些文字，如首頁，李白，杜甫，白居易。新建一個(gè)css文件，再建一個(gè)css，設(shè)置好類型中的顏色和背景中的顏色，加以區(qū)分。選中第三行，使用剛才新建的css，再新建一個(gè)css，表格的邊框使用該css。

在第四行插入可編輯區(qū)域。點(diǎn)擊確定，可編輯區(qū)域中的文字即EditRegion3可以去掉，換行可以擴(kuò)大可編輯區(qū)域的面積。

在第五行插入可編輯區(qū)域，我還插入了一條水平線，并加上了版權(quán)。最后保存。此時(shí)模板已經(jīng)建好。

新建，模板中的頁，找到新建的模板，創(chuàng)建，保存為index.html（即網(wǎng)站的主頁）,再重新打開新建的模板，在可編輯區(qū)預(yù)報(bào)輸入李白的資料，保存為libai.com，此時(shí)你會(huì)發(fā)現(xiàn)只有在可編輯區(qū)域才能輸入內(nèi)容，其他區(qū)域都是不可操作的，這就是模板的特點(diǎn)。同理，在新建兩個(gè)作為杜甫和白居易的網(wǎng)頁。

現(xiàn)在就差用超鏈接把上面做的幾個(gè)網(wǎng)頁連接起來了。在模板中選中首頁，在下方html中的鏈接中輸入首頁的名稱，即index.html，同理，選中李白，杜甫，白居易將他們連起來。超鏈接做好后在文字下方會(huì)多出一條橫線。

做完了之后在index.html中打開可以看看做出的效果，點(diǎn)擊圖中的小地球圖標(biāo)就可進(jìn)行查看。

dreamweaver如何制作網(wǎng)頁？

在dw中點(diǎn)擊“文件-新建-常規(guī)-基本頁-HTML”，這樣就可以輕松的建好了一個(gè)網(wǎng)頁。英文版的默認(rèn)為文件名untitled.htm。中文版的默認(rèn)為文件名“無標(biāo)題文檔”。htm表示的是這個(gè)網(wǎng)頁文件是一個(gè)靜態(tài)的HTML文件。

下載了網(wǎng)頁模板程序后，用dreamweaver修改的具體操作步驟：

在標(biāo)題空格那里輸入網(wǎng)頁的名稱，點(diǎn)擊—頁面屬性，打開這個(gè)窗口后在這里可以設(shè)置網(wǎng)站標(biāo)題、背景顏色還有背景圖像，超級(jí)鏈接顏色，其他都保持默認(rèn)值就可以了。

這個(gè)時(shí)候光標(biāo)在左上角，你可以輸入一句話，如“歡迎大家來到我的主頁”，用文字，用菜單“窗口/屬性”打開屬性面板，取文字的大小，再把文字設(shè)置為居中，然后在文字的前面敲幾下回車就位于頁面中間了。

要選取字體，即選擇字體中的最后一項(xiàng)：即編輯字體列表。然后在對(duì)話框中選+號(hào)，接著在“可用字體”欄中選擇需要加入到字體，點(diǎn)擊中間的按鈕就可以加入了。

dreamweaver如何創(chuàng)建模板

一、模板的創(chuàng)建和設(shè)置

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

2）模板的作用：有利于保持網(wǎng)頁風(fēng)格的一致；提高工作效率。

1．創(chuàng)建模板

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

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

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

2．設(shè)置模板頁面屬性

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

2）設(shè)置：Modify菜單-Page Properties

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

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

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

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

Modify菜單-Templates-Remove Editable Region

二、模板的應(yīng)用和更新

1．應(yīng)用模板創(chuàng)建文檔

1）應(yīng)用模板創(chuàng)建文檔

使用模板創(chuàng)建新文檔：File菜單-New From Template

或：File菜單-New-從模板面板中拖一個(gè)模板到文檔

對(duì)現(xiàn)有文檔應(yīng)用模板：Modify菜單-Templates-Apply Template to Page-模板面板中選定模板-單擊Select

或：從模板面板中拖一個(gè)模板到文檔中

或：從模板面板中選定一個(gè)模板，單擊Apply

2）可編輯區(qū)和鎖定區(qū)

在應(yīng)用了模板的文檔中，只有可編輯區(qū)的內(nèi)容才可以修改。

3）把頁面從模板中分離出來

如果要對(duì)應(yīng)用了模板的頁面的鎖定區(qū)進(jìn)行修改，必須先把頁面從模板中分離出來。

具體操作：Modify菜單-Templates-Detach From Template

2．修改模板

在模板面板中選定模板、單擊編輯按鈕或雙擊模板名稱或使用快捷菜單的Edit、編輯完成后保存

3．更新站點(diǎn)中使用模板的所有文件

DW制作網(wǎng)頁的基本步驟

01

在網(wǎng)上下載dw的軟件，點(diǎn)擊打開軟件。

02

點(diǎn)擊文件，找到新建，開始進(jìn)行下一個(gè)步驟。

03

創(chuàng)建一個(gè)html，然后確定文檔類型，然后點(diǎn)擊確定。

04

在代碼中的body/body中加入我們的代碼內(nèi)容。

05

填寫好你想寫的代碼內(nèi)容后，點(diǎn)擊保存，點(diǎn)擊F12，預(yù)覽效果，簡單網(wǎng)頁內(nèi)容就寫好了。

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