• <sub id="h4knl"><ol id="h4knl"></ol></sub>
    <sup id="h4knl"></sup>
      <sub id="h4knl"></sub>

      <sub id="h4knl"><ol id="h4knl"><em id="h4knl"></em></ol></sub><s id="h4knl"></s>
      1. <strong id="h4knl"></strong>

      2. 如何用Dreamweaver批量做web網(wǎng)頁詳細步驟

        時間:2024-09-17 18:28:04 Web Services 我要投稿
        • 相關(guān)推薦

        如何用Dreamweaver批量做web網(wǎng)頁詳細步驟

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

          告訴你這個秘密吧,他們很多是在“批發(fā)”網(wǎng)頁,并且你的機器中也有這樣的“批發(fā)站”呢!這個好東東就是——模板。常見的網(wǎng)頁制作工具:FrontPage、DreamWeaver中都有這項功能。如用DreamWeaver

          3.0

          制作網(wǎng)站時,使用模板就能減少大量的重復勞動。

          一、建立模板

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

          最簡單的辦法是將一個網(wǎng)頁另存為模板文件,通過執(zhí)行命令:File→Save

          as

          Template,DreamWeaver會在網(wǎng)站根目錄中建立一個模板文件夾——Templates來保存該模板。

          當然,也可以新建一個模板:Window→Templates,會出現(xiàn)的Templates面板,單擊右下角的New

          Template按鈕,輸入文件名,就建立了一個空模板;再單擊Open

          Template按鈕打開該模板,保存后自動存放于網(wǎng)站模板文件夾Templates中。

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

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

          準確地說它只是一個沒有可編輯區(qū)域的“準模板”,下面再設(shè)定可編輯區(qū)域。

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

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

          新建可編輯區(qū)域:選擇命令:Modify→Template→New

          Editable

          Region。在某一空白區(qū)域中單擊后執(zhí)行該命令即可將該區(qū)域變?yōu)榭删庉媴^(qū)域。

          標記某一區(qū)域為可編輯區(qū)域:選擇命令:Modify→Template→Mark

          Selectin

          as

          Editable

          Region。如果某區(qū)域已經(jīng)有一些文字,并且希望在以后新建的超文本文件中部分保留其內(nèi)容,先選中該區(qū)域再執(zhí)行標記命令即可。

          取消可編輯狀態(tài):選擇命令:Modify→Template→Unmark

          Editable

          Region。執(zhí)行該命令后會彈出一個對話框,其中有當前已有的可編輯區(qū)域列表,選中要取消的區(qū)域名稱,確認即可。

          舉例:在大片空白區(qū)中隨便單擊一下,執(zhí)行Modify→Template→New

          Editable

          Region命令,在彈出對話框中輸入名稱:Main;選中左下角本頁說明下面的文字,執(zhí)行Modify→Template→Mark

          Selectin

          as

          Editable

          Region命令,輸入名稱:exp。可以看到可編輯區(qū)顯示為淺藍色,保存即完成模板制作。

          二、使用模板

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

          命令:File→New

          From

          Template。彈出對話框,從模板列表中選取模板,出現(xiàn)的新頁面中除可編輯區(qū)外均有淡黃色背景,是不能進行修改的部分。空白的Main編輯區(qū)可直接進行插入表格、文字、圖片等操作,Exp編輯區(qū)保留有原來的文字,修改或重新編輯均可。

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

          命令: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,確認后可看到頁面自動變成了模板頁的形式,而“CIW電腦工作室”這一行字就出現(xiàn)在主編輯窗口中。

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

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

          另外一種方法是執(zhí)行Modify→Template→Update

          Pages命令。從Update

          Pages對話框中選擇一個站點或站點的某一種模板(同一站點中可以使用多個模板),單擊右側(cè)的Start按鈕,軟件會自動搜索與模板相關(guān)聯(lián)的網(wǎng)頁并進行更新。非常方便!

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

          注意:新建和使用模板前需定義站點。方法是,執(zhí)行命令:Site→Define

          Sites;指定站點名稱和本地根目錄(Local

          Root)。模板使用的是相對路徑,如果沒有指定網(wǎng)站在本地的位置,軟件就不能準確找到并保存模板文件;并且應用模板新建和更新頁面時,頁面中的超鏈接也不能隨頁面文件保存位置的不同而相應變化。

        【如何用Dreamweaver批量做web網(wǎng)頁詳細步驟】相關(guān)文章:

        Dreamweaver網(wǎng)頁優(yōu)化技巧03-05

        網(wǎng)頁設(shè)計的步驟06-16

        做壽司的詳細步驟03-12

        美甲的詳細步驟03-17

        web網(wǎng)頁開發(fā)筆小知識03-30

        企業(yè)管理的詳細步驟03-07

        咖啡拉花的詳細步驟03-18

        Dreamweaver制作網(wǎng)頁中表格外觀的技巧03-05

        大醬湯的做法詳細步驟03-17

        国产高潮无套免费视频_久久九九兔免费精品6_99精品热6080YY久久_国产91久久久久久无码
      3. <sub id="h4knl"><ol id="h4knl"></ol></sub>
        <sup id="h4knl"></sup>
          <sub id="h4knl"></sub>

          <sub id="h4knl"><ol id="h4knl"><em id="h4knl"></em></ol></sub><s id="h4knl"></s>
          1. <strong id="h4knl"></strong>

          2. 中文字字幕国产精品 | 久久成人免费视频这里都有 | 中文字幕天堂手机版 | 日本一本精品中文字幕视频 | 亚洲综合中文字幕在线一区 | 亚洲导航一区二区 |