做網站,麻煩在更新,特別是大規模更新,工作量非常大。真不知那些創意不斷而又勤奮的“站長”,隔三岔五將網站來個“大換血”,是怎麼忙過來的。
告訴你這個秘密吧,他們很多是在「批發」網頁,而且你的機器中也有這樣的「批發站」呢!這個好東東就是-模板。常見的網頁製作工具:FrontPage、DreamWeaver都有這項功能。如用DreamWeaver 3.0 製作網站時,使用模板就能減少大量的重複勞動。
一、建立模板
1、創建模板頁面
最簡單的方法是將一個網頁另存為模板文件,透過執行命令:File→Save as Template,DreamWeaver會在網站根目錄中建立一個模板資料夾——Templates來保存該模板。
當然,也可以新建一個模板:Window→Templates,會出現的Templates面板,點擊右下角的New Template按鈕,輸入檔名,就建立了一個空模板;再點擊Open Template按鈕打開該模板,儲存後自動存放於網站範本資料夾Templates中。
新建、開啟的範本頁面和普通的網頁沒什麼兩樣,同樣可以加入表格、圖層、圖片、動畫、腳本,設定頁面屬性等。
舉例:這裡以製作一個模板為例來說明。在該頁面中,我們希望左側的網站識別圖和底部的導航圖出現在每個頁面中。其中標識圖由兩張圖片疊加而成,導航圖上的文字「最近更新」、「線上閱讀」、「打包下載」等劃分成幾個熱區分別連結到不同的文件,它們在每個頁面中都不變。右上部的主頁面區和左下角彈出式選單按鈕下面的頁面說明則各不相同。為了保持頁面整潔,我們用表格來佈置這些元素。
準確地說它只是一個沒有可編輯區域的“準模板”,下面再設定可編輯區域。
2.設定可編輯區域
設定範本可編輯區域,一般來說有兩種方法。
新可編輯區域:選擇指令:Modify→Template→New Editable Region。在某一空白區域中按一下後執行該指令即可將該區域變成可編輯區域。
標記某一區域為可編輯區域:選擇指令:Modify→Template→Mark Selectin as Editable Region。如果某區域已經有一些文字,並且希望在以後新建的超文本檔案中部分保留其內容,先選取該區域再執行標記指令即可。
取消可編輯狀態:選擇指令:Modify→Template→Unmark Editable Region。執行指令後會跳出對話框,其中有目前已有的可編輯區域列表,選取要取消的區域名稱,確認即可。
範例:在大片空白區中隨便點擊一下,執行Modify→Template→New Editable Region指令,在彈出對話框中輸入名稱:Main;選中左下角本頁說明下面的文字,執行Modify→Template→Mark Selectin as Editable Region指令,輸入名稱:exp。可以看到可編輯區顯示為淺藍色,儲存即完成範本製作。
二、使用模板
1、根據模板新建頁面
命令:File→New From Template。跳出對話框,從模板清單中選取模板,出現的新頁面中除可編輯區外均有淡黃色背景,是不能進行修改的部分。空白的Main編輯區可直接進行插入表格、文字、圖片等操作,Exp編輯區保留有原始的文字,修改或重新編輯皆可。
2.對一個已經有內容的頁面套用模板
指令:Modify→Template→Apply Template to Page。選擇範本後也會跳出對話框,讓您選擇現有的孤立內容儲存到哪個可編輯區域(Choose Editable Region for Orphaned Content)。要是不想保留則可以選擇「(none)」。
舉例:我們先新建一個普通頁面,輸入:“CIW電腦工作室”,執行Modify→Template→Apply Template to Page命令,選擇模板test,現有內容保存區域選擇Main,確認後可看到頁面自動變成了模板頁的形式,而「CIW電腦工作室」這一行字就出現在主編輯視窗中。
3.更新範本以全面更新網站
基於某一範本建立了一些頁面後,對範本進行修改後儲存時,就會自動彈出一個對話框,列出所有使用了該範本的頁面,詢問是否要更新。
另外一個方法是執行Modify→Template→Update Pages指令。從Update Pages對話方塊中選擇一個網站或網站的某一種範本(同一網站中可以使用多個範本),點選右側的Start按鈕,軟體會自動搜尋與範本相關聯的網頁並進行更新。非常方便!
舉例:Test模板左側圖形中的「讀書破萬站」圖片是用一個圖層疊加在另一幅圖片之上的,現在不想要它,同時還想將所有頁面中的該圖片均刪除。就可以開啟模板test.dwt,刪除該圖層,儲存模板,點選右側的「Update」按鈕即可。
注意:新建和使用範本前需定義網站。方法是,執行指令:Site→Define Sites;指定站台名稱和本機根目錄(Local Root)。模板使用的是相對路徑,如果沒有指定網站在本地的位置,軟體就不能準確找到並保存模板文件;並且應用模板新建和更新頁面時,頁面中的超鏈接也不能隨頁面文件保存位置的不同而相應變化。