如何用Dreamweaver批量做web網頁_Dreamweaver教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!

        做網站,麻煩在更新,非凡是大規模更新,工作量非常大。真不知那些創意不斷而又勤奮的“站長”,隔三岔五將網站來個“大換血”,是怎么忙過來的。

        告訴你這個秘密吧,他們很多是在“批發”網頁,并且你的機器中也有這樣的“批發站”呢!這個好東東就是——模板。常見的網頁制作工具: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電腦工作室”這一行字就出現在主編輯窗口中。

      共2頁上一頁12下一頁
      /所屬分類:Dreamweaver教程/更新時間:2007-03-29
      相關Dreamweaver教程