在Dreamweaver中如何使用模板
Dreamweaver中里有一項十分強大的功能,就是模板!那模板有什么魅力呢?它又有什么樣的特點呢?下面就讓小編給你詳細說明模板的功能和使用方法.就跟隨百分網小編一起去了解下吧
模板具有以下功能:
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…,然后按提示操作即可。
2. 用模板生成頁面
其實我們前面也提及過用模板生成頁面的步驟,就是通過FileàNew From Template。請參考第三步的有關步驟。現在我們用模板生成一個名為body3.htm頁面。這時你會發現,在body3.htm頁面中除了可編輯區域Region01可以編輯外,別的地方鼠標都成了限制狀態。我們在此可編輯區域中添加我們需要的內容,比如我們隨便寫入一篇文章。這樣就可以根據我們的需要,利用模板生成頁面。
3 修改模板內容與更新站點文件
打開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的模板風采。
作用
使用模板可以控制大的設計區域,以及重復使用完整的布局。如果要重復使用個別設計元素,如站點的版權信息或徽標,可以創建庫項目。
使用模板可以一次更新多個頁面。從模板創建的文檔與該模板保持連接狀態(除非您以后分離該文檔)。可以修改模板并立即更新基于該模板的所有文檔中的設計。
Dreamweaver 中的模板與某些其它 Adobe Creative Suite 軟件中的模板的不同之處在于,默認情況下 Dreamweaver 模板的頁面中的各部分是固定(即不可編輯)的。
應該強調的是,在Dreamweaver CS3中要應用模板和庫制作網頁,首先要將網站作為Dreamweaver CS3管理的一個站點,這樣就可以由Dreamweaver CS3來管理模板和庫.
通常制作模板文件時,只把導航條和標題欄等各個頁面黃有的部分制作出來,而把其他部分留給各個頁面安排設置具體內容.制作模板文件與制作普通的網頁的方法是相同的.但是在制作模板時,必須設置好"頁面屬性",指定好"可編輯區域"等..
(模板的制作思路在許多大型網站上都有應用,如個人博客,各單位的信息發布網站等,它的最大的好處就是減少了重復勞動,并且相關的網站頁面風格保持一致.)
【在Dreamweaver中如何使用】相關文章:
如何使用Dreamweaver創建站點05-30
Dreamweaver使用教程09-20
Dreamweaver的使用優點05-16
Dreamweaver空格使用技巧05-24
在Dreamweaver MX中如何應用“占位圖形”08-28
Dreamweaver空格使用的方法技巧06-08
Dreamweaver的使用方法參考08-19
Dreamweaver框架的使用技巧歸納09-18
Dreamweaver如何創建頁面08-08