當前位置:才華齋>設計>網頁設計>

Dreamweaver製作網頁模板學習教程

網頁設計 閱讀(7.06K)

何用Dreamweaver製作網頁模板呢?下面小編將為大家分享一種學習方法,希望對您的學習有所幫助!更多內容請關注應屆畢業生考試網!

Dreamweaver製作網頁模板學習教程

  如何製作網頁模板第一步、建立模板

  1、建立模板的頁面

最簡單的方法是就將一個網頁另存為模板檔案,通過執行命令:File→Save as Template,DreamWeaver會在網站根目錄中建立一個模板的資料夾——Templates來儲存這個模板。

當然,其實也可以新建一個模板:Window→Templates,會出現Templates面板,單擊右下角的New Template這個按鈕,輸入檔名之後,就建立好了一個空模板;再單擊Open Template按鈕開啟這個模板,儲存後自動存放在網站模板資料夾Templates當中。

新建、開啟的模板頁面和普通的網頁基本沒什麼不同,同樣還可以加入表格、層、圖片、動畫、指令碼和設定頁面屬性等。

  2、要設定可編輯區域

設定模板可編輯區域,一般來說是有兩種方法的。

新建一個可編輯的區域:選擇命令按鈕:Modify→Template→New Editable Region。在空白區域中單擊後執行該命令就可以將該區域變為可編輯的區域。

標記某一個區域為可編輯的區域:選擇命令按鈕:Modify→Template→Mark Selectin as Editable Region。如果某個區域已經有一些文字了,並且希望以後在新建的超文字檔案中部分保留其內容,先選中該區域再執行標記命令就可以了。

取消可編輯的狀態:選擇命令:Modify→Template→Unmark Editable Region。執行命令後會彈出一個對話方塊,其中有當前已有的可編輯的區域列表,選中要取消的區域名稱,點選確認即可。

  如何製作網頁模板第二步、使用模板

  1、根據模板來新建頁面

彈出該對話方塊,從模板列表中選取一個模板,出現的`新頁面中除了可編輯的區外均有背景,這個是不能進行修改的部分。空白處的Main編輯區就可一直接進行插入表格、文字或者圖片等操作,Exp編輯區要保留有原來的文字,修改或重新編輯也都可以。

  2、對一個已有內容的頁面應用模板

選擇模板之後還會彈出一個對話方塊,讓您選擇現有的孤的立內容儲存到那個可編輯的區域。要是不想保留就直接選擇“(none)”。

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

基於某一個模板建立了一些頁面之後,對模板進行修改儲存的時候,就自動彈出了一個對話方塊,列出所有的使用了該模板的頁面,詢問是不是要更新。

還有另外一種方法是執行Modify→Template→Update Pages命令。從Update Pages的對話方塊中選擇一個站點或站點的某一種模板,單擊右變的Start按鈕,軟體會自動搜尋與該模板相關聯的網頁並對其進行更新。也是非常方便的!