- 相關(guān)推薦
Dreamweaver定義模板批量制作網(wǎng)頁
其實(shí)只要用好模板工具，就能很好地“批發(fā)”網(wǎng)頁。常見的網(wǎng)頁制作工具如DreamWeaver中都有這項(xiàng)功能，使用模板就能減少大量的重復(fù)勞動(dòng)。下面就由小編為大家介紹一下Dreamweaver定義模板批量制作網(wǎng)頁，歡迎大家閱讀！
一、建立模板
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)色，保存即完成模板制作。
二、使用模板批量制作網(wǎng)頁
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”按鈕即可。
注意：新建和使用模板前需定義站點(diǎn)。方法是，執(zhí)行命令：Site→Define Sites;指定站點(diǎn)名稱和本地根目錄(Local Root)。模板使用的是相對(duì)路徑，如果沒有指定網(wǎng)站在本地的位置，軟件就不能準(zhǔn)確找到并保存模板文件;并且應(yīng)用模板新建和更新頁面時(shí)，頁面中的超鏈接也不能隨頁面文件保存位置的不同而相應(yīng)變化。
為期兩周的網(wǎng)頁實(shí)訓(xùn)終于結(jié)束了。為什么說終于結(jié)束了呢？因?yàn)閮蓚�(gè)星期做五個(gè)時(shí)間太緊了，我們每天晚上都是加班加點(diǎn)。但是結(jié)果是令人欣慰的，我們大都按時(shí)按質(zhì)完成了任務(wù)，而且是一個(gè)比一個(gè)做得好！總的來說，還是有很大的收獲。
本次實(shí)訓(xùn)共有五個(gè)任務(wù)，它們分別是：沈陽植物園網(wǎng)、開元科技網(wǎng)、家臺(tái)灣旅游網(wǎng)、我愛低碳網(wǎng)、博愛助學(xué)網(wǎng)。要求是每個(gè)至少要8個(gè)或8個(gè)以上的頁面，并運(yùn)用flash做動(dòng)畫，用css美化頁面等。
整個(gè)實(shí)訓(xùn)的過程可以說是所學(xué)知識(shí)的一個(gè)整理，一個(gè)綜合，一個(gè)靈活運(yùn)用。之前我們課堂上學(xué)的東西是一個(gè)個(gè)知識(shí)點(diǎn)，比較零散。雖然在實(shí)訓(xùn)之前我們也做過兩個(gè)，但那是我們小組合作的，所以有些知識(shí)點(diǎn)我們并沒有都用到。而這次實(shí)訓(xùn)是自己一個(gè)人做，做的各個(gè)環(huán)節(jié)都要自己親力親為，可以說是一個(gè)挑戰(zhàn)，同時(shí)也是對(duì)知識(shí)的一種升華。它不僅是dreamweaver軟件的熟練操作，也是potoshop、flash軟件的熟練運(yùn)用。我們需要自己設(shè)計(jì)的logo這就需要運(yùn)用到potoshop軟件強(qiáng)大的圖形圖像處理功能，需要做出生動(dòng)的網(wǎng)頁效果，就需要flash做出動(dòng)態(tài)的文字效果和圖片切換效果。
在設(shè)計(jì)的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨(dú)自設(shè)計(jì)、制作，難免會(huì)遇到過各種各樣的問題，同時(shí)在設(shè)計(jì)的過程中發(fā)現(xiàn)了自己的不足之處，對(duì)以前所學(xué)過的知識(shí)理解得不夠深刻，掌握得不夠牢固，在css的具體應(yīng)用還不是和很熟練，沒有能完全達(dá)到自己預(yù)期的效果，還好通過老師的細(xì)心指導(dǎo)才能達(dá)到最終效果通過這次網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)，一定把以前所學(xué)過的知識(shí)重新溫故。
兩周網(wǎng)頁設(shè)計(jì)與制作的實(shí)訓(xùn)課程結(jié)束了，回顧這次課程設(shè)計(jì)實(shí)訓(xùn)，至今我仍感慨頗多。的確，從選材到開始制作，從理論到實(shí)踐，在兩周的實(shí)訓(xùn)日子里，可以說得是苦多于甜，但是可以學(xué)到很多很多的的東西，同時(shí)不僅可以鞏固了以前所學(xué)過的知識(shí)，而且學(xué)到了很多在書本上所沒有學(xué)到過的知識(shí)。更懂得并親身體會(huì)到了理論與實(shí)際相結(jié)合的重要性，只有理論知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，把所學(xué)的理論知識(shí)與實(shí)踐相結(jié)合起來，從理論中得出結(jié)論，才能真正為掌握技術(shù)，從而提高自己的實(shí)際動(dòng)手能力和獨(dú)立思考的能力。
【Dreamweaver定義批量制作網(wǎng)頁】相關(guān)文章：
Dreamweaver制作網(wǎng)頁的基本步驟10-09
Dreamweaver怎樣制作網(wǎng)頁發(fā)布網(wǎng)站04-01
Dreamweaver創(chuàng)建網(wǎng)頁的基本方法04-01
怎么用Dreamweaver設(shè)計(jì)網(wǎng)頁12-28
Dreamweaver如何制作錨點(diǎn)鏈接09-14
Dreamweaver制作圖像熱點(diǎn)鏈接的方法04-14
網(wǎng)頁制作練習(xí)試題03-24