如何用Dreamweaver批量做web網頁詳細步驟
做網站,麻煩在更新,特別是大規模更新,工作量非常大。真不知那些創意不斷而又勤奮的“站長”,隔三岔五將網站來個“大換血”,是怎麼忙過來的。
告訴你這個祕密吧,他們很多是在“批發”網頁,並且你的機器中也有這樣的“批發站”呢!這個好東東就是——模板。常見的網頁製作工具: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模板左側圖形中的“讀書破萬站”圖片是用一個圖層疊加在另一幅圖片之上的,現在不想要它,同時還想將所有頁面中的該圖片均刪除。就可以打開模板,刪除該圖層,保存模板,單擊右側的“Update”按鈕即可。
注意:新建和使用模板前需定義站點。方法是,執行命令:Site→Define
Sites;指定站點名稱和本地根目錄(Local
Root)。模板使用的是相對路徑,如果沒有指定網站在本地的位置,軟件就不能準確找到並保存模板文件;並且應用模板新建和更新頁面時,頁面中的超鏈接也不能隨頁面文件保存位置的不同而相應變化。
相關文章
-
Dreamweaver模板如何批量做網頁
dreamweaver提供了快速建立網站框架的方式,我們可以通過簡單預設模板來達到快速的架構一個簡易網站的目的。下面是小編爲大家搜索整理的Dreamweaver模板如何批量做網頁,希望大家能有所收穫,更多精彩內容請及時關注我們應 -
Dreamweaver定義模板批量製作web網頁
導語:做網站,麻煩在更新和改版,特別是大規模更新,如果不是用cms系統,手工工作量非常大。下面就由小編爲大家介紹一下Dreamweaver定義模板批量製作web網頁,歡迎大家閱讀! 一、建立模板 1、創建模板頁面最簡單的辦法是 -
如何用Dreamweaver實現網站批量更新
在Dreamweaver 4.0中,我們就已接觸了模板與庫的概念,知道它們是批量生成風格類似的網頁的好工具。如今在Dreamweaver MX(以下簡稱DW MX)中,模板與庫的功能得到了進一步細化與加強,尤其是實現關聯網頁自動更新的特點,使得模 -
用Dreamweaver製作網頁的基本步驟
其實就是買不起水彩本所以買了一袋紙,打算自己做……(其實事實就是本人是窮逼……)主要材料:水彩紙木板所需工具:美工刀膠水剪刀直尺製作步驟:第1步:第2步:找一個厚一點的紙板,我只有木板鑽孔的時候差點累死第3步:掏出適量的紙 -
關於用Dreamweaver製作網頁的基本步驟
在實際工作中,一點一滴融入,一份一份付出,真正踐行爲人民服務宗旨。下面是本站小編爲大家整理了關於立足崗位做貢獻爭做合格黨員演講稿,歡迎參考。關於立足崗位做貢獻爭做合格黨員演講稿篇1一份職業,一個工作崗位,是一個人 -
Dreamweaver模板功能批量製作網頁
用Dreamweaver製作網頁時,使用模板就能減少大量的重複勞動。如何用Dreamweaver模板功能批量製作網頁?下面是由本站小編爲大家整理的Dreamweaver模板功能批量製作網頁,喜歡的可以收藏一下!瞭解更多詳情資訊,請關注應屆畢 -
Dreamweaver定義模板批量製作網頁
導語:其實只要用好模板工具,就能很好地“批發”網頁。常見的網頁製作工具如DreamWeaver中都有這項功能,使用模板就能減少大量的重複勞動。下面就由小編爲大家介紹一下Dreamweaver定義模板批量製作網頁,歡迎大家閱讀!一、建 -
Dreamweaver定義模板批量製作網頁技巧
相信每位經歷過童年的都會記得那時癡迷的電視遊戲,超級馬里奧,坦克大戰還是魂鬥羅,經常趁着父母不在家偷偷叫來小夥伴暢快淋漓的晚上一把。而今天,一位叫Ken的日本人將馬里奧賽車遊戲從虛擬世界中搬到了自己的臥室中。在 -
如何使用Dreamweaver8解決web標準
XX年10月,國小教師網絡研修與校本研修整合培訓桐城市研修班正式開班,我有幸成爲班級中的一員,頗感榮幸。對於這次培訓,我將全力以赴,認真學習和探求,力求提高自己的教育理論知識和教學素養。爲了更好地學習,我以輔導老師制定 -
製作網頁,dreamweaver的基本步驟
網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIFs, JPEGs,PNGs)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。以下是小編爲大家搜索整理的Dreamweaver製作網頁的基本步