DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> 在Dreamweaver中如何使用模板?
在Dreamweaver中如何使用模板?
編輯:Dreamweaver入門     

  Dreamweaver中裡有一項十分強大的功能,就是模板!

  那模板有什麼魅力呢?它又有什麼樣的特點呢?下面就讓小編ehoy給你詳細說明模板的功能和使用方法~~~~~

  模板具有以下功能:

  1.利用模板,我們可以固化站點每頁都出現的元素。

  2.通過利用模板創建WEB頁,可使整個站點具有統一的風格。

  3.只要修改模板,就可以修改應用了該模板的所有WEB頁,而不需要手動修改每一頁。比如需要更改你的版權時,你是不是要一頁一頁的進行版權修改?如果有上千頁呢?我相信你會一個頭兩三個大。但如果你用上了模板的話,這些都不成為問題。

  下面是個較全面的例子,希望能迅速的讓你掌握模板的使用。。

 

1. 編輯頁面

  打開工具Dreamweaver,新建一個站點,我們就取名為“網”。

  新建一個空白頁面作為內頁(通常一個網站只有一個首頁,所以對首頁我們可以不做成模板),取名為body.html。

  編輯這個頁面,完成如圖1。

  圖3,New Editable Region窗口。

  說明此處有一個標記為Region01的可編輯區域。

  到此為止我們定義了一個可編輯區域,如果有多個編輯區域,同樣可以如法炮制。

  ※還可以通過ModifyàTemplatesàNew Editable Region…生成新的可編輯區域,如果想刪除可編輯區域,可通過ModifyàTemplatesàRemove Editable Region…,然後按提示操作即可。

  4. 用模板生成頁面

  其實我們前面也提及過用模板生成頁面的步驟,就是通過FileàNew From Template。請參考第三步的有關步驟。現在我們用模板生成一個名為body3.htm的頁面。這時你會發現,在body3.htm頁面中除了可編輯區域Region01可以編輯外,別的地方鼠標都成了限制狀態。我們在此可編輯區域中添加我們需要的內容,比如我們隨便寫入一篇文章。這樣就可以根據我們的需要,利用模板生成頁面。

  5. 修改模板內容與更新站點文件

  打開body.dwt模板文件,將我們需要修改的地方進行修改,比如我們把logo圖片換掉或修改任何非可編輯區域,甚至添加或刪除可編輯區域等。

  下面就用換logo來說明模板是如何更新文件的。

  我們把logo圖片換成另外我們喜歡的圖片,完成後保存body.dwt文件,這時DW會彈出窗口詢問是否需要更新文件,選擇Update,DW就會自動的將所有用此模板生成的頁面都更新,更新時DW會彈出Update Pages窗口,完成後,在Update Pages窗口中會給出更新日志。

  如果選擇了don’t Update,DW直接保持模板文件,暫時不更新頁面,但我們可以手動更新頁面,只要選擇ModifyàTemplatesàUpdate Pages…即可。

  這時我們打開任意一個用body.dwt生成的頁面,如body3.htm。會發現logo圖片已經改變。

  不難發現,利用這個功能,我們可以輕松的解決站點更新問題,模板的功能十分強大,此文只起到拋磚引玉的作用,很多功能由於篇幅問題未能提及,自己要多嘗試,這樣才能充分領略DW的模板風采。

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved