如何利用dreamweaver工具批量制作網(wǎng)頁模板

時間：2022-05-29 06:45:01 | 來源：網(wǎng)絡(luò)營銷

時間：2022-05-29 06:45:01 來源：網(wǎng)絡(luò)營銷

對于網(wǎng)頁模板的出現(xiàn)，可以說在很大程度上節(jié)省了美工和程序人員的工作時間，并大幅度提高了工作效率，一個合格的網(wǎng)頁模板的確讓我們可以有一條更好的路徑對待一些低端的客戶，能夠快速的去完成我們的一些任務(wù)，而且這也是網(wǎng)頁模板的理念所在。

特別是大規(guī)模對網(wǎng)站進(jìn)行更新和改版，如果不是用cms系統(tǒng)，手工工作量將是非常大的。其實只要我們能用好模板工具，就能很好地批量制作網(wǎng)頁，尤其是那些經(jīng)常需要做一些類似的網(wǎng)站，如果每次都是一個個的制作是很費時間的，今天，我就借助億企邦的平臺給大家分享一下如何利用dreamweaver工具來批量制作網(wǎng)頁模板：

一、建立模板

首先，我們需要利用dreamweaver工具來建立模板，這其中又分為2個步驟：創(chuàng)建模板頁面和設(shè)定可編輯區(qū)域：

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ū)和左下角彈出式選單按鈕下面的頁面說明則各不相同。為了保持頁面整潔，我們用表格來布置這些元素，或為這些建立網(wǎng)站的樣式指南（具體可查看億企邦的《如何創(chuàng)建網(wǎng)站或應(yīng)用程序的樣式指南和標(biāo)準(zhǔn)》相關(guān)介紹）。

準(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ū)域為可編輯區(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)色，保存即完成模板制作（建議大家也要考慮一下手機(jī)端的顯示樣式，具體可查看億企邦的《如何制作一個響應(yīng)式網(wǎng)頁》詳細(xì)介紹）。

二、使用模板批量制作網(wǎng)頁

接下來，我們就可以使用剛才所做的模板來批量制作網(wǎng)頁了，具體步驟如下：

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

命令：File→New From Template，彈出對話框，從模板列表中選取模板，出現(xiàn)的新頁面中除可編輯區(qū)外均有淡黃色背景，是不能進(jìn)行修改的部分?？瞻椎腗ain編輯區(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)”。

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

3、更新模板以全面更新站點

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

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

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

另外，億企邦還要提醒大家一點：新建和使用模板前需定義站點。其方法是：執(zhí)行命令，Site→Define Sites；指定站點名稱和本地根目錄(Local Root)。模板使用的是相對路徑，如果沒有指定網(wǎng)站在本地的位置，軟件就不能準(zhǔn)確找到并保存模板文件，并且應(yīng)用模板新建和更新頁面時，頁面中的超鏈接也不能隨頁面文件保存位置的不同而相應(yīng)變化。

億企邦點評：

在網(wǎng)站建設(shè)行業(yè)中，億企邦經(jīng)常會聽說自助建站，智能建站，就是說網(wǎng)站的提供商已經(jīng)提供了模板以及該模板帶有的一套網(wǎng)站系統(tǒng)，網(wǎng)站系統(tǒng)有可能是asp的，有可能是php的，或者其它的語言。

確切的說，這類成品模板網(wǎng)站是可以無數(shù)次的使用被使用，用戶在購買了提供商的模板后只有使用權(quán)，不擁有版權(quán)，而網(wǎng)站的提供商擁有最終對網(wǎng)站模板以及系統(tǒng)源代碼的版權(quán)，這點就需要被使用者多加注意了。