DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver批量制作網頁
Dreamweaver批量制作網頁
編輯:Dreamweaver相關     
   做網站,麻煩在於更新,特別是大規模更新,工作量非常大。真不知那些創意不斷而又勤奮的“站長”隔三岔五就將網站來個“大換血”是怎麼忙過來的?告訴你吧,他們大多都是在“批發”網頁,並且你的機器中也有這樣的“批發站”呢!別吃驚,這個好東東就是——模板。常見的網頁制作工具:FrontPage、Dreamweaver中都有這項功能。比如用Dreamweaver制作網頁時,使用模板就能減少大量的重復勞動。

  建立模板

  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”。執行該命令後會彈出一個對話框,其中有當前已有的可編輯區域列表,選中要取消的區域名稱,“確認”即可。

  使用模板

  1、根據模板新建頁面

  選擇命令“File/New From Template”。在彈出對話框的“模板列表”中選取模板,出現的新頁面中除可編輯區外均有淡黃色背景,是不能進行修改的部分。空白的“Main”編輯區可直接進行插入表格、文字、圖片等操作,“Exp”編輯區保留了原來的文字,可進行“修改”、“重新編輯”等操作。

  2、對一個已經有內容的頁面應用模板

  選擇命令“Modify/Template/Apply Template to Page”。選擇“模板”後會彈出一個對話框,讓您選擇現有的孤立內容保存到一個可編輯區域(Choose Editable Region for Orphaned Content)。要是不想保留則可以選擇“none”。

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

  用某一模板建立了一些頁面後,對模板進行修改後保存時就會自動彈出一個對話框,列出所有使用了該模板的頁面,詢問是否要更新,選擇“Yes”。

  另外一種方法是執行“Modify/Template/Update Pages”命令。從“Update Pages”對話框中選擇一個站點或站點的某一種模板(同一站點中可以使用多個模板),單擊右側的“Start”按鈕,軟件會自動搜索與模板相關聯的網頁並進行更新。非常方便!

  注意:新建和使用模板前需定義站點。方法是,執行命令“Site/Define Sites”;指定站點名稱和本地根目錄(Local Root)。模板使用的是相對路徑,如果沒有指定網站在本地的位置,軟件就不能准確地找到並保存模板文件;並且應用模板新建和更新頁面時,頁面中的超鏈接也不能隨頁面文件保存位置的不同而做相應變化。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved