DW基礎篇:如何使用DW運用網(wǎng)頁模板

2022-06-24    分類: 網(wǎng)站建設

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

一、制作模板

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

 第一步:先在Dreamweaver MX 2004中運行“File→New”命令,接著從圖1所示的窗口中依次選定“Template page→HTML template”選項,點擊“Create”按鈕之后即可創(chuàng)建一個模板文件。

第二步:在頁面設計視圖下插入網(wǎng)頁框架、導航條、Flash標題等所有頁面公有的元素,然后運行“File→Save”命令將這個模板保存下來。

二、使用模板

有了模板之后,接下來就要在編輯網(wǎng)頁時候使用它們了。只要在Dreamweaver MX 2004主窗口中運行“File→New”命令即可看見圖1所示的新建窗口,接著進入“Templates”標簽即可查看到已經保存的模板,從中選取一種還可以在右部的預覽區(qū)進行預覽(圖3),最后挑選一款中意的模板并點擊下部“Create”按鈕打開這個模板。

在打開的模板中,無法編輯的區(qū)域將呈高亮狀態(tài)顯示,但是有些位置是鎖定區(qū)域,卻不是高亮顯示,這主要是因為圖片正好蓋住了背景的顏色。對于這種情況,可以運行“Edit→Preferences”命令,在彈出窗口的“Category”列表中選取“Highlighting”一項,接著在右部區(qū)域中選取“Locked regions”旁邊的“Show”選項,并且設定高亮顯示色為藍色,這樣就可以很清楚地分辨出模板中的鎖定區(qū)域了。最后,我們只要在可編輯區(qū)域添加網(wǎng)頁的內容就可以了,比如添加一些文字說明或者是插入相應的圖片,最后通過“File→Save”命令保存頁面即可。

三、修改和更換模板

在通過模板創(chuàng)建了若干個頁面之后,如果需要更改頁面或者增加欄目,再對所有的頁面手工修改則非常麻煩,因此我們可以通過Dreamweaver MX 2004的模板修改功能來解決這個問題。比如我們對模板進行了修改之后,運行“File→Save”命令來保存模板,這時候會彈出提示框詢問是否更新所有使用了該模板的頁面,確認之后就會顯示出更新的頁面總數(shù)以及更新的時間等信息。

另外,Dreamweaver MX 2004還提供了一個為網(wǎng)頁更換模板的功能,這樣更換模板有點像給人換衣服,只要把各種模板制作好,然后想穿哪件就穿哪件。不過模板也不是隨便可以更換的,可以更換模板的條件是被更換的頁面必須是通過模板創(chuàng)建的,而且頁面中的可編輯區(qū)域個數(shù)和名稱必須與要更換模板的可編輯區(qū)域個數(shù)和名稱相一致。比如一個網(wǎng)頁中有3個可編輯區(qū)域,名稱分別為t1、t2、t3。另外還有一個模板,無論這個模板什么結構,只要它也有3個可編輯區(qū)域,并且名稱也是t1、t2和t3,那么就可以用它來為原先的網(wǎng)頁更換新模板,而頁面中3個可編輯區(qū)域的內容則相應保持不變。具體的更換模板方法也很簡單,只要運行“Windows→Templates”命令打開模板面板,此時可以從上部區(qū)域挑選合適的模板,然后點擊“Apply To Page”按鈕,這樣就可以很快完成模板更換操作了。

在制作網(wǎng)頁時,運用模板話,是不是節(jié)省了很多時間呢?

文章題目:DW基礎篇:如何使用DW運用網(wǎng)頁模板
鏈接地址:http://muchs.cn/news/171181.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設計公司、手機網(wǎng)站建設品牌網(wǎng)站制作、標簽優(yōu)化建站公司、網(wǎng)站維護

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

h5響應式網(wǎng)站建設