Dreamweaver MX 2004從零開始-Dreamweaver教程

2024-09-12 12:30:26

字體：大中小

來源：轉載

供稿：網友

隨著internet的普及，很多人已經不滿足于僅僅上網沖浪，而希望深入地參與其中。現在，擁有自己的web網站已經成為一種潮流。雖然制作一個簡單的網頁并不困難，但是制作出超凡脫俗的網站就不那么輕易了，因此我們特意為大家預備了最新網站設計軟件dreamweaver mx 2004的系列教程，希望對大家有所幫助。

　　通常在一個網站中會有幾十甚至幾百個風格基本相似的頁面，假如每次都重新設定網頁結構以及相同欄目下的導航條、各類圖標就顯得非常麻煩，不過我們可以借助dreamweaver mx 2004的模板功能來簡化操作。其實模板的功能就是把網頁布局和內容分離，在布局設計好之后將其存儲為模板，這樣相同布局的頁面可以通過模板創建，因此能夠極大提高工作效率。

　　一、制作模板

　　制作模板和制作一個普通的頁面完全相同，只是不需要把頁面的所有部分都制作完成，僅僅需要制作出導航條、標題欄等各個頁面的公有部分，而把中間區域用頁面的具體內容來填充。

　　第一步：先在dreamweaver mx 2004中運行“file→new”命令，接著從圖1所示的窗口中依次選定“template page→html template”選項，點擊“create”按鈕之后即可創建一個模板文件。

　　第二步：在頁面設計視圖下插入網頁框架、導航條、flash標題等所有頁面公有的元素（圖2），然后運行“file→save”命令將這個模板保存下來。

　　小提示：可以先下載一個中意的網頁，然后在dreamweaver mx 2004中打開它，僅僅保留框架等元素之后通過“file→save as template”命令將其保存為模板，這樣能夠省去很多制作模板的時間。

　　為了避免編輯時候誤操作而導致模板中的元素變化，模板中的內容默認為不可編輯，只有把某個區域或者某段文本設置為可編輯狀態之后，在由該模板創建的文檔中才可以改變這個區域。先用鼠標選取某個區域（也就是每個頁面不同內容的區域），接著運行“modify→templates→new editable region”命令，并且在彈出的對話框中為這個區域設定一個名稱，這樣就完成了編輯區域的設置。

上一篇：DreamwaverMX與ASP.NET-Dreamweaver教程

下一篇：Dreamweaver MX2004視頻寶典教程配色原則-Dreamweaver教程