<address id="ousso"></address>
<form id="ousso"><track id="ousso"><big id="ousso"></big></track></form>
  1. 網頁設計

    如何用Dreamweaver實現網站批量更新

    時間:2025-06-01 20:04:42 網頁設計 我要投稿
    • 相關推薦

    如何用Dreamweaver實現網站批量更新

      在Dreamweaver 4.0中,我們就已接觸了模板與庫的概念,知道它們是批量生成風格類似的網頁的好工具。如今在Dreamweaver MX(以下簡稱DW MX)中,模板與庫的功能得到了進一步細化與加強,尤其是實現關聯網頁自動更新的特點,使得模板與庫成為DW MX的一大亮色。下面是小編為大家帶來的關于如何用Dreamweaver實現網站批量更新的知識,歡迎閱讀。

      如何用Dreamweaver實現網站批量更新

      1、首先我們來看看模板的應用,與Dreamweaver 4.0不同的是,DW MX把模板的操作拓展到了“Modify”與“Insert”兩個菜單下。同時,在 “File”選項的“Assert”子選項中也可以直接創建模板。

      2、找到“Assert”子選項,在左邊的工具欄中單擊“Templates”按鈕,此時的模板為空,我們可以在右下角單擊“New Template”按鈕,一個空白的模板就會出現在面板中(如圖1),點擊模板名稱,是模板進入可編輯狀態。注意,此時的.模板還沒有任何添加任何元素,我們可以像編輯普通網頁一樣在模板上添加表格、圖像、文字等。添加完后,保存模板,可以在默認站點文件夾的“Templates”子文件夾下找到剛才做好的模板,擴展名為.dwt。

      如果嫌這樣麻煩,DW MX還提供了一種更直接的方法,編輯好要保存為模板的網頁后,在“File”菜單中點擊“Save as Templates”,即可生成模板。

      3、模板生成之后,還要建立可編輯區域,為將來填入不同的網頁內容做準備。打開模板,單擊菜單“Insert/Template Object/Editable Region”,出現可編輯區域對話框,指定區域名稱后,可以看到模板中出現了藍色的方框。 保存后就建立了可編輯區的模板。

      4、如何批量生成網頁呢?單擊菜單“File/New”,選擇“Templates”選項,馬上就可以看到建立生成的模板,單擊“Create”按鈕,模板就開始自動套用在網頁上。這個時候我們可以看到,原來的模板區域是黃色,其中的元素已經固定,不能編輯,而我們剛剛指定的可編輯區域是藍色,可以編輯。這樣一來,不但大大簡化了我們生成相似網頁的工作量,而且有效地保證了網頁風格的一致性。

      5、最后,就是關聯網頁批量更新,這是大型網站更新網頁時必不可少的一項技術,在DW MX中可以輕易實現。因為我們所有的網頁都套用了相同的模板,而且這些網頁都被保存在同一個站點目錄下,當我們要對所有網頁的公共元素進行改動時,只需修改模板中的元素即可。

      打開“Templates”子選項,雙擊關聯網頁的模板,這時候模板進入了可編輯狀態,黃色 區域消失,改變了模板的內容后,保存時就會出現一個提示對話框:“下列網頁使用了當前模板,是否進行更新?”單擊“Update”,此時,網站中所有基于模板創建的關聯網頁都將得到更新。

      與模板類似,DW MX的庫就顯得更加靈活,在“Assert”選項卡上單擊“Library”,打開庫,暫時庫中沒有任何元素,我們把網頁中要生成庫的元素,如表格、圖像,直接拖到庫面板中即可。

      注意,庫中的元素決不僅僅是圖像或文字本身,而且還包含了網頁中排列這些圖像的代碼。因此,我們也可以像模板中一樣,在網頁上添加相同的庫元素,從而批量生產風格類似的網頁。這時,我們只要在庫面板中將元素拖回到新網頁上即可,而相關的代碼會自動復制到新網頁上。

      而且,庫元素也可以實現網站的批量更新,我們在庫面板中單擊庫元素,使庫進入可編輯狀態,當改變了庫元素并進行保存時,凡是使用了庫元素的網頁,會自動進行同步更新。

      最后,對于自動更新還有一點補充:如果一個網頁是應用了模板生成,然而自動更新時又想將它保持原狀,不隨著站點其余的網頁一起更新,只需單擊“Modify/Templates/Detach from Templates”,此時,這個網頁就不再受到模板的約束,需要手動才能更新網頁。


    【如何用Dreamweaver實現網站批量更新】相關文章:

    Dreamweaver如何用框架建立網站06-11

    如何用DreamWeaver面板定制網站的顏色08-09

    怎樣批量刪除DreamWeaver鏈接08-13

    Dreamweaver模板如何批量做網頁06-23

    Dreamweaver模板功能批量制作網頁03-08

    dreamweaver怎么批量替換超鏈接03-27

    Dreamweaver定義模板批量制作網頁12-25

    Dreamweaver如何批量替換超鏈接08-02

    Dreamweaver定義模板批量制作網頁技巧03-08

    <address id="ousso"></address>
    <form id="ousso"><track id="ousso"><big id="ousso"></big></track></form>
    1. 日日做夜狠狠爱欧美黑人