在Dreamweaver 4.0中,我們就已經接觸了模板與庫的概念,並知道它們是批量生成風格類似的網頁的好工具。如今在Dreamweaver MX(以下簡稱DW MX)中,模板與庫的功能得到了進一步細化與加強,尤其是實現關聯網頁自動更新的特點,使得模板與庫成為DW MX的一大亮色。
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」子選項,雙擊關聯網頁的模板,這時候模板進入了可編輯狀態,黃色區域消失,改變了模板的內容後,儲存時就會出現一個提示對話框:「下列網頁使用了當前模板,是否進行更新?
圖2
圖3
與模板類似,DW MX的庫顯得更加靈活,在“Assert”選項卡上單擊“Library”,打開庫,暫時庫中沒有任何元素,我們把網頁中要生成庫的元素,如表格、圖像,直接拖曳到庫面板中即可(如下圖)。
請注意,庫中的元素決不僅僅是圖像或文字本身,而且還包含了網頁中排列這些圖像的程式碼。因此,我們也可以像範本中一樣,在網頁上加入相同的庫元素,從而大量生產風格類似的網頁。這時,我們只要在庫面板中將元素拖回新網頁即可,而相關的程式碼會自動複製到新網頁上。
而且,庫元素也可以實現網站的批次更新,我們在庫面板中點擊庫元素,使庫進入可編輯狀態(如圖5),當改變了庫元素並進行保存時,凡是使用了庫元素的網頁,會自動進行同步更新。
圖5
最後,對於自動更新還有一點補充:如果一個網頁是應用了模板生成,然而自動更新時又想將它保持原狀,不隨著站點其餘的網頁一起更新,只需單擊“Modify/Templates/Detach from Templates”,此時,這個網頁就不再受到模板的約束,需要手動才能更新網頁。