隨著Internet的普及，很多人已經(jīng)不滿足于僅僅上網(wǎng)沖浪，而希望深入地參與其中�，F(xiàn)在，擁有自己的Web網(wǎng)站已經(jīng)成為一種潮流。雖然制作一個(gè)簡單的網(wǎng)頁并不困難，但是制作出超凡脫俗的網(wǎng)站就不那么容易了，因此我們特意為大家準(zhǔn)備了最新網(wǎng)站設(shè)計(jì)軟件Dreamweaver MX 2004的系列教程，希望對大家有所幫助。
通常在一個(gè)網(wǎng)站中會(huì)有幾十甚至幾百個(gè)風(fēng)格基本相似的頁面，如果每次都重新設(shè)定網(wǎng)頁結(jié)構(gòu)以及相同欄目下的導(dǎo)航條、各類圖標(biāo)就顯得非常麻煩，不過我們可以借助Dreamweaver MX 2004的模板功能來簡化操作。其實(shí)模板的功能就是把網(wǎng)頁布局和內(nèi)容分離，在布局設(shè)計(jì)好之后將其存儲(chǔ)為模板，這樣相同布局的頁面可以通過模板創(chuàng)建，因此能夠極大提高工作效率。
一、制作模板
制作模板和制作一個(gè)普通的頁面完全相同，只是不需要把頁面的所有部分都制作完成，僅僅需要制作出導(dǎo)航條、標(biāo)題欄等各個(gè)頁面的公有部分，而把中間區(qū)域用頁面的具體內(nèi)容來填充。
第一步:先在Dreamweaver MX 2004中運(yùn)行“File→New”命令，接著從圖1所示的窗口中依次選定“Template page→HTML template”選項(xiàng)，點(diǎn)擊“Create”按鈕之后即可創(chuàng)建一個(gè)模板文件。
Dreamweaver教程：教你制作和套用模板的一些技巧_中國教程網(wǎng)" src="/up/2010-4/2010428111525140.jpg"/>
第二步:在頁面設(shè)計(jì)視圖下插入網(wǎng)頁框架、導(dǎo)航條、Flash標(biāo)題等所有頁面公有的元素(圖2)，然后運(yùn)行“File→Save”命令將這個(gè)模板保存下來。
小提示：可以先下載一個(gè)中意的網(wǎng)頁，然后在Dreamweaver MX 2004中打開它，僅僅保留框架等元素之后通過“File→Save as Template”命令將其保存為模板，這樣能夠省去很多制作模板的時(shí)間。
為了避免編輯時(shí)候誤操作而導(dǎo)致模板中的元素變化，模板中的內(nèi)容默認(rèn)為不可編輯，只有把某個(gè)區(qū)域或者某段文本設(shè)置為可編輯狀態(tài)之后，在由該模板創(chuàng)建的文檔中才可以改變這個(gè)區(qū)域。先用鼠標(biāo)選取某個(gè)區(qū)域(也就是每個(gè)頁面不同內(nèi)容的區(qū)域)，接著運(yùn)行“Modify→Templates→New Editable Region”命令，并且在彈出的對話框中為這個(gè)區(qū)域設(shè)定一個(gè)名稱，這樣就完成了編輯區(qū)域的設(shè)置。
小提示：設(shè)定好編輯區(qū)域之后需要運(yùn)行“File→Save”命令保存所做的修改。
二、使用模板
有了模板之后，接下來就要在編輯網(wǎng)頁時(shí)候使用它們了。只要在Dreamweaver MX 2004主窗口中運(yùn)行“File→New”命令即可看見圖1所示的新建窗口，接著進(jìn)入“Templates”標(biāo)簽即可查看到已經(jīng)保存的模板，從中選取一種還可以在右部的預(yù)覽區(qū)進(jìn)行預(yù)覽(圖3)，最后挑選一款中意的模板并點(diǎn)擊下部“Create”按鈕打開這個(gè)模板。
在打開的模板中，無法編輯的區(qū)域?qū)⒊矢吡翣顟B(tài)顯示，但是有些位置是鎖定區(qū)域，卻不是高亮顯示，這主要是因?yàn)閳D片正好蓋住了背景的顏色。對于這種情況，可以運(yùn)行“Edit→Preferences”命令，在彈出窗口的“Category”列表中選取“Highlighting”一項(xiàng)，接著在右部區(qū)域中選取“Locked regions”旁邊的“Show”選項(xiàng)(圖4)，并且設(shè)定高亮顯示色為藍(lán)色，這樣就可以很清楚地分辨出模板中的鎖定區(qū)域了。
小提示:如果仍然看不見高亮顯示效果，還可以依次選中“View→Visual Aids→Invisible Elements”命令。
最后，我們只要在可編輯區(qū)域添加網(wǎng)頁的內(nèi)容就可以了，比如添加一些文字說明或者是插入相應(yīng)的圖片，最后通過“File→Save”命令保存頁面即可。
三、修改和更換模板
在通過模板創(chuàng)建了若干個(gè)頁面之后，如果需要更改頁面或者增加欄目，再對所有的頁面手工修改則非常麻煩，因此我們可以通過Dreamweaver MX 2004的模板修改功能來解決這個(gè)問題。比如我們對模板進(jìn)行了修改之后，運(yùn)行“File→Save”命令來保存模板，這時(shí)候會(huì)彈出提示框詢問是否更新所有使用了該模板的頁面(圖5)，確認(rèn)之后就會(huì)顯示出更新的頁面總數(shù)以及更新的時(shí)間等信息。
另外，Dreamweaver MX 2004還提供了一個(gè)為網(wǎng)頁更換模板的功能，這樣更換模板有點(diǎn)像給人換衣服，只要把各種模板制作好，然后想穿哪件就穿哪件。不過模板也不是隨便可以更換的，可以更換模板的條件是被更換的頁面必須是通過模板創(chuàng)建的，而且頁面中的可編輯區(qū)域個(gè)數(shù)和名稱必須與要更換模板的可編輯區(qū)域個(gè)數(shù)和名稱相一致。比如一個(gè)網(wǎng)頁中有3個(gè)可編輯區(qū)域，名稱分別為t1、t2、t3。另外還有一個(gè)模板，無論這個(gè)模板什么結(jié)構(gòu)，只要它也有3個(gè)可編輯區(qū)域，并且名稱也是t1、t2和 t3，那么就可以用它來為原先的網(wǎng)頁更換新模板，而頁面中3個(gè)可編輯區(qū)域的內(nèi)容則相應(yīng)保持不變。具體的更換模板方法也很簡單，只要運(yùn)行 “Windows→Templates”命令打開模板面板，此時(shí)可以從上部區(qū)域挑選合適的模板，然后點(diǎn)擊“Apply To Page”按鈕，這樣就可以很快完成模板更換操作了。
小提示：利用這個(gè)功能可以為網(wǎng)站首頁分別制作夏天和冬天兩個(gè)版本，這樣可以非常方便地更換模板。
其實(shí)模板的相關(guān)內(nèi)容還很多，不過限于篇幅只能選取部分介紹，希望大家能夠舉一反三，徹底領(lǐng)會(huì)到模板的精妙所在。
下載 
下載 
下載 
下載 
下載 
下載 
喜歡 
頂
難過
囧
圍觀
無聊
