糯米文學吧

位置:首頁 > 設計 > 網頁設計

Dreamweaver製作網頁模板學習教程

何用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按鈕,軟件會自動搜索與該模板相關聯的網頁並對其進行更新。也是非常方便的!