隨著Internet的普及,很多人已經(jīng)不滿足于僅僅上網(wǎng)沖浪,而希望深入地參與其中。現(xiàn)在,擁有自己的Web網(wǎng)站已經(jīng)成為一種潮流。雖然制作一個(gè)簡(jiǎn)單的網(wǎng)頁并不困難,但是制作出超凡脫俗的網(wǎng)站就不那么容易了,因此我們特意為大家準(zhǔn)備了最新網(wǎng)站設(shè)計(jì)軟件Dreamweaver MX 2004的系列教程,希望對(duì)大家有所幫助。
通常在一個(gè)網(wǎng)站中會(huì)有幾十甚至幾百個(gè)風(fēng)格基本相似的頁面,如果每次都重新設(shè)定網(wǎng)頁結(jié)構(gòu)以及相同欄目下的導(dǎo)航條、各類圖標(biāo)就顯得非常麻煩,不過我們可以借助Dreamweaver MX 2004的模板功能來簡(jiǎn)化操作。其實(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è)模板文件。
第二步:在頁面設(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”命令,并且在彈出的對(duì)話框中為這個(gè)區(qū)域設(shè)定一個(gè)名稱,這樣就完成了編輯區(qū)域的設(shè)置。
出處:中國(guó)電腦教育報(bào)
責(zé)任編輯:三分油菜田
上一頁 下一頁 用表格定位網(wǎng)頁
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|