如何用Dreamweaver批量做web網(wǎng)頁_Dreamweaver教程
做網(wǎng)站,麻煩在更新,非凡是大規(guī)模更新,工作量非常大。真不知那些創(chuàng)意不斷而又勤奮的“站長”,隔三岔五將網(wǎng)站來個“大換血”,是怎么忙過來的。
告訴你這個秘密吧,他們很多是在“批發(fā)”網(wǎng)頁,并且你的機器中也有這樣的“批發(fā)站”呢!這個好東東就是——模板。常見的網(wǎng)頁制作工具:FrontPage、DreamWeaver中都有這項功能。如用DreamWeaver 3.0 制作網(wǎng)站時,使用模板就能減少大量的重復(fù)勞動。
一、建立模板
1、創(chuàng)建模板頁面
最簡單的辦法是將一個網(wǎng)頁另存為模板文件,通過執(zhí)行命令:File→Save as Template,DreamWeaver會在網(wǎng)站根目錄中建立一個模板文件夾——Templates來保存該模板。
當(dāng)然,也可以新建一個模板:Window→Templates,會出現(xiàn)的Templates面板,單擊右下角的New Template按鈕,輸入文件名,就建立了一個空模板;再單擊Open Template按鈕打開該模板,保存后自動存放于網(wǎng)站模板文件夾Templates中。
新建、打開的模板頁面和普通的網(wǎng)頁沒什么兩樣,同樣可以加入表格、層、圖片、動畫、腳本,設(shè)置頁面屬性等。
舉例:這里以制作一個模板為例來說明。在該頁面中,我們希望左側(cè)的網(wǎng)站標(biāo)識圖和底部的導(dǎo)航圖出現(xiàn)在每個頁面中。其中標(biāo)識圖由兩幅圖片疊加而成,導(dǎo)航圖上的文字“最近更新”、“在線閱讀”、“打包下載”等劃分成幾個熱區(qū)分別鏈接到不同的文件,它們在每個頁面中都不變。右上部的主頁面區(qū)和左下角彈出式選單按鈕下面的頁面說明則各不相同。為了保持頁面整潔,我們用表格來布置這些元素。
準(zhǔn)確地說它只是一個沒有可編輯區(qū)域的“準(zhǔn)模板”,下面再設(shè)定可編輯區(qū)域。
2、設(shè)定可編輯區(qū)域
設(shè)定模板可編輯區(qū)域,一般來說有兩種方法。
新建可編輯區(qū)域:選擇命令:Modify→Template→New Editable Region。在某一空白區(qū)域中單擊后執(zhí)行該命令即可將該區(qū)域變?yōu)榭删庉媴^(qū)域。
標(biāo)記某一區(qū)域為可編輯區(qū)域:選擇命令:Modify→Template→Mark Selectin as Editable Region。假如某區(qū)域已經(jīng)有一些文字,并且希望在以后新建的超文本文件中部分保留其內(nèi)容,先選中該區(qū)域再執(zhí)行標(biāo)記命令即可。
取消可編輯狀態(tài):選擇命令:Modify→Template→Unmark Editable Region。執(zhí)行該命令后會彈出一個對話框,其中有當(dāng)前已有的可編輯區(qū)域列表,選中要取消的區(qū)域名稱,確認(rèn)即可。
舉例:在大片空白區(qū)中隨便單擊一下,執(zhí)行Modify→Template→New Editable Region命令,在彈出對話框中輸入名稱:Main;選中左下角本頁說明下面的文字,執(zhí)行Modify→Template→Mark Selectin as Editable Region命令,輸入名稱:exp�?梢钥吹娇删庉媴^(qū)顯示為淺藍(lán)色,保存即完成模板制作。
二、使用模板
1、根據(jù)模板新建頁面
命令:File→New From Template。彈出對話框,從模板列表中選取模板,出現(xiàn)的新頁面中除可編輯區(qū)外均有淡黃色背景,是不能進(jìn)行修改的部分�?瞻椎腗ain編輯區(qū)可直接進(jìn)行插入表格、文字、圖片等操作,Exp編輯區(qū)保留有原來的文字,修改或重新編輯均可。
2、對一個已經(jīng)有內(nèi)容的頁面應(yīng)用模板
命令:Modify→Template→Apply Template to Page。選擇模板后還會彈出一個對話框,讓您選擇現(xiàn)有的孤立內(nèi)容保存到哪個可編輯區(qū)域(Choose Editable Region for Orphaned Content)。要是不想保留則可以選擇“(none)”。
舉例:我們先新建一個普通頁面,輸入:“CIW電腦工作室”,執(zhí)行Modify→Template→Apply Template to Page命令,選擇模板test,現(xiàn)有內(nèi)容保存區(qū)域選擇Main,確認(rèn)后可看到頁面自動變成了模板頁的形式,而“CIW電腦工作室”這一行字就出現(xiàn)在主編輯窗口中。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
猜你也喜歡看這些
- Dreamweaver 8完美網(wǎng)頁設(shè)計: 網(wǎng)頁特效篇
- Dreamweaver 8、Flash 8、Fireworks 8網(wǎng)頁制作從入門到精通
- FIF小組Dreamweaver制作網(wǎng)頁視頻教程
- Dreamweaver MX 2004 官方簡體中文版教程
- 美工之路系列視頻
- 挑戰(zhàn)DREAMWEAVER MX互動網(wǎng)站百寶箱FOR ASP
- DreamweaverMX網(wǎng)頁制作視頻教程
- 動態(tài)網(wǎng)頁設(shè)計視頻全教程
- 精通Javascript+jQuery
- 巧奪天工-Dreamweaver MX 2004 入門與進(jìn)階實例
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-如何用Dreamweaver批量做web網(wǎng)頁
。