Dreamweaver定義模板批量制作網(wǎng)頁

2024-09-04 21:28:25

字體：大中小

供稿：網(wǎng)友

點評：　　做網(wǎng)站，麻煩在更新和改版，特別是大規(guī)模更新，如果不是用cms系統(tǒng)，手工工作量非常大。　　告訴你個秘密吧，其實只要用好模板工具，就能很好地“批發(fā)”網(wǎng)頁。常見的網(wǎng)頁制作工具如DreamWeaver中都有這項功能，使用模板就能減少大量的重復勞動。

　　做網(wǎng)站，麻煩在更新和改版，特別是大規(guī)模更新，如果不是用cms系統(tǒng)，手工工作量非常大。

　　告訴你個秘密吧，其實只要用好模板工具，就能很好地“批發(fā)”網(wǎng)頁。常見的網(wǎng)頁制作工具如DreamWeaver中都有這項功能，使用模板就能減少大量的重復勞動。
　　一、建立模板
　　1、創(chuàng)建模板頁面
　　最簡單的辦法是將一個網(wǎng)頁另存為模板文件，通過執(zhí)行命令：File→Save as Template，DreamWeaver會在網(wǎng)站根目錄中建立一個模板文件夾——Templates來保存該模板。
　　當然，也可以新建一個模板：Window→Templates，會出現(xiàn)的Templates面板，單擊右下角的New Template按鈕，輸入文件名，就建立了一個空模板;再單擊Open Template按鈕打開該模板，保存后自動存放于網(wǎng)站模板文件夾Templates中。
　　新建、打開的模板頁面和普通的網(wǎng)頁沒什么兩樣，同樣可以加入表格、層、圖片、動畫、腳本，設(shè)置頁面屬性等。
　　舉例：這里以制作一個模板為例來說明。在該頁面中，我們希望左側(cè)的網(wǎng)站標識圖和底部的導航圖出現(xiàn)在每個頁面中。其中標識圖由兩幅圖片疊加而成，導航圖上的文字“最近更新”、“在線閱讀”、“打包下載”等劃分成幾個熱區(qū)分別鏈接到不同的文件，它們在每個頁面中都不變。右上部的主頁面區(qū)和左下角彈出式選單按鈕下面的頁面說明則各不相同。為了保持頁面整潔，我們用表格來布置這些元素。
　　準確地說它只是一個沒有可編輯區(qū)域的“準模板”，下面再設(shè)定可編輯區(qū)域。
　　2、設(shè)定可編輯區(qū)域
　　設(shè)定模板可編輯區(qū)域，一般來說有兩種方法。
　　新建可編輯區(qū)域：選擇命令：Modify→Template→New Editable Region。在某一空白區(qū)域中單擊后執(zhí)行該命令即可將該區(qū)域變?yōu)榭删庉媴^(qū)域。
　　標記某一區(qū)域為可編輯區(qū)域：選擇命令：Modify→Template→Mark Selectin as Editable Region。如果某區(qū)域已經(jīng)有一些文字，并且希望在以后新建的超文本文件中部分保留其內(nèi)容，先選中該區(qū)域再執(zhí)行標記命令即可。
　　取消可編輯狀態(tài)：選擇命令：Modify→Template→Unmark Editable Region。執(zhí)行該命令后會彈出一個對話框，其中有當前已有的可編輯區(qū)域列表，選中要取消的區(qū)域名稱，確認即可。
　　舉例：在大片空白區(qū)中隨便單擊一下，執(zhí)行Modify→Template→New Editable Region命令，在彈出對話框中輸入名稱：Main;選中左下角本頁說明下面的文字，執(zhí)行Modify→Template→Mark Selectin as Editable Region命令，輸入名稱：exp。可以看到可編輯區(qū)顯示為淺藍色，保存即完成模板制作。

上一篇：Dreamweaver CS4界面新增功能介紹

下一篇：Dreamweaver CS3中Spry詳細區(qū)域功能