當(dāng)前位置:首頁(yè)文章首頁(yè) IT學(xué)院 IT技術(shù)

教你批量做web網(wǎng)頁(yè)

作者:  來(lái)源:  發(fā)布時(shí)間:2011-5-28 9:46:38  點(diǎn)擊:
本文章教你如何運(yùn)用Dreamweaver批量做WEB網(wǎng)頁(yè),提供給大家一起分享學(xué)習(xí),希望對(duì)個(gè)人站長(zhǎng)們有所幫助。
做網(wǎng)站,麻煩在更新,特別是大規(guī)模更新,工作量非常大。真不知那些創(chuàng)意不斷而又勤奮的“站長(zhǎng)”,隔三岔五將網(wǎng)站來(lái)個(gè)“大換血”,是怎么忙過(guò)來(lái)的。

  告訴你這個(gè)秘密吧,他們很多是在“批發(fā)”網(wǎng)頁(yè),并且你的機(jī)器中也有這樣的“批發(fā)站”呢!這個(gè)好東東就是——模板。常見(jiàn)的網(wǎng)頁(yè)制作工具:FrontPageDreamweaver中都有這項(xiàng)功能。如用DreamWeaver 3.0 制作網(wǎng)站時(shí),使用模板就能減少大量的重復(fù)勞動(dòng)。

  一、建立模板

  1、創(chuàng)建模板頁(yè)面

  最簡(jiǎn)單的辦法是將一個(gè)網(wǎng)頁(yè)另存為模板文件,通過(guò)執(zhí)行命令:File→Save as Template,DreamWeaver會(huì)在網(wǎng)站根目錄中建立一個(gè)模板文件夾——Templates來(lái)保存該模板。

  當(dāng)然,也可以新建一個(gè)模板:Window→Templates,會(huì)出現(xiàn)的Templates面板,單擊右下角的New Template按鈕,輸入文件名,就建立了一個(gè)空模板;再單擊Open Template按鈕打開(kāi)該模板,保存后自動(dòng)存放于網(wǎng)站模板文件夾Templates中。

  新建、打開(kāi)的模板頁(yè)面和普通的網(wǎng)頁(yè)沒(méi)什么兩樣,同樣可以加入表格、層、圖片、動(dòng)畫、腳本,設(shè)置頁(yè)面屬性等。

  舉例:這里以制作一個(gè)模板為例來(lái)說(shuō)明。在該頁(yè)面中,我們希望左側(cè)的網(wǎng)站標(biāo)識(shí)圖和底部的導(dǎo)航圖出現(xiàn)在每個(gè)頁(yè)面中。其中標(biāo)識(shí)圖由兩幅圖片疊加而成,導(dǎo)航圖上的文字“最近更新”、“在線閱讀”、“打包下載”等劃分成幾個(gè)熱區(qū)分別鏈接到不同的文件,它們?cè)诿總(gè)頁(yè)面中都不變。右上部的主頁(yè)面區(qū)和左下角彈出式選單按鈕下面的頁(yè)面說(shuō)明則各不相同。為了保持頁(yè)面整潔,我們用表格來(lái)布置這些元素。

  準(zhǔn)確地說(shuō)它只是一個(gè)沒(méi)有可編輯區(qū)域的“準(zhǔn)模板”,下面再設(shè)定可編輯區(qū)域。

  2、設(shè)定可編輯區(qū)域

  設(shè)定模板可編輯區(qū)域,一般來(lái)說(shuō)有兩種方法。

  新建可編輯區(qū)域:選擇命令:Modify→Template→New Editable Region。在某一空白區(qū)域中單擊后執(zhí)行該命令即可將該區(qū)域變?yōu)榭删庉媴^(qū)域。

  標(biāo)記某一區(qū)域?yàn)榭删庉媴^(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í)行該命令后會(huì)彈出一個(gè)對(duì)話框,其中有當(dāng)前已有的可編輯區(qū)域列表,選中要取消的區(qū)域名稱,確認(rèn)即可。

  舉例:在大片空白區(qū)中隨便單擊一下,執(zhí)行Modify→Template→New Editable Region命令,在彈出對(duì)話框中輸入名稱:Main;選中左下角本頁(yè)說(shuō)明下面的文字,執(zhí)行Modify→Template→Mark Selectin as Editable Region命令,輸入名稱:exp?梢钥吹娇删庉媴^(qū)顯示為淺藍(lán)色,保存即完成模板制作。

  二、使用模板

  1、根據(jù)模板新建頁(yè)面

  命令:File→New From Template。彈出對(duì)話框,從模板列表中選取模板,出現(xiàn)的新頁(yè)面中除可編輯區(qū)外均有淡黃色背景,是不能進(jìn)行修改的部分?瞻椎腗ain編輯區(qū)可直接進(jìn)行插入表格、文字、圖片等操作,Exp編輯區(qū)保留有原來(lái)的文字,修改或重新編輯均可。

  2、對(duì)一個(gè)已經(jīng)有內(nèi)容的頁(yè)面應(yīng)用模板

  命令:Modify→Template→Apply Template to Page。選擇模板后還會(huì)彈出一個(gè)對(duì)話框,讓您選擇現(xiàn)有的孤立內(nèi)容保存到哪個(gè)可編輯區(qū)域(Choose Editable Region for Orphaned Content)。要是不想保留則可以選擇“(none)”。

  舉例:我們先新建一個(gè)普通頁(yè)面,輸入:“CIW電腦工作室”,執(zhí)行Modify→Template→Apply Template to Page命令,選擇模板test,現(xiàn)有內(nèi)容保存區(qū)域選擇Main,確認(rèn)后可看到頁(yè)面自動(dòng)變成了模板頁(yè)的形式,而“CIW電腦工作室”這一行字就出現(xiàn)在主編輯窗口中。

  3、更新模板以全面更新站點(diǎn)

  基于某一模板建立了一些頁(yè)面后,對(duì)模板進(jìn)行修改后保存時(shí),就會(huì)自動(dòng)彈出一個(gè)對(duì)話框,列出所有使用了該模板的頁(yè)面,詢問(wèn)是否要更新。

  另外一種方法是執(zhí)行Modify→Template→Update Pages命令。從Update Pages對(duì)話框中選擇一個(gè)站點(diǎn)或站點(diǎn)的某一種模板(同一站點(diǎn)中可以使用多個(gè)模板),單擊右側(cè)的Start按鈕,軟件會(huì)自動(dòng)搜索與模板相關(guān)聯(lián)的網(wǎng)頁(yè)并進(jìn)行更新。非常方便!

  舉例:Test模板左側(cè)圖形中的“讀書破萬(wàn)站”圖片是用一個(gè)圖層疊加在另一幅圖片之上的,現(xiàn)在不想要它,同時(shí)還想將所有頁(yè)面中的該圖片均刪除。就可以打開(kāi)模板test.dwt,刪除該圖層,保存模板,單擊右側(cè)的“Update”按鈕即可。

  注意:新建和使用模板前需定義站點(diǎn)。方法是,執(zhí)行命令:Site→Define Sites;指定站點(diǎn)名稱和本地根目錄(Local Root)。模板使用的是相對(duì)路徑,如果沒(méi)有指定網(wǎng)站在本地的位置,軟件就不能準(zhǔn)確找到并保存模板文件;并且應(yīng)用模板新建和更新頁(yè)面時(shí),頁(yè)面中的超鏈接也不能隨頁(yè)面文件保存位置的不同而相應(yīng)變化。

文章評(píng)論

軟件按字母排列: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z