Dreamweaver制作網(wǎng)頁(yè)模板學(xué)習(xí)教程
何用Dreamweaver制作網(wǎng)頁(yè)模板呢?下面小編將為大家分享一種學(xué)習(xí)方法，希望對(duì)您的學(xué)習(xí)有所幫助!更多內(nèi)容請(qǐng)關(guān)注應(yīng)屆畢業(yè)生考試網(wǎng)!
如何制作網(wǎng)頁(yè)模板第一步、建立模板
1、創(chuàng)建模板的頁(yè)面
最簡(jiǎn)單的方法是就將一個(gè)網(wǎng)頁(yè)另存為模板文件，通過(guò)執(zhí)行命令：File→Save as Template，DreamWeaver會(huì)在網(wǎng)站根目錄中建立一個(gè)模板的文件夾——Templates來(lái)保存這個(gè)模板。
當(dāng)然，其實(shí)也可以新建一個(gè)模板：Window→Templates，會(huì)出現(xiàn)Templates面板，單擊右下角的New Template這個(gè)按鈕，輸入文件名之后，就建立好了一個(gè)空模板;再單擊Open Template按鈕打開(kāi)這個(gè)模板，保存后自動(dòng)存放在網(wǎng)站模板文件夾Templates當(dāng)中。
新建、打開(kāi)的模板頁(yè)面和普通的網(wǎng)頁(yè)基本沒(méi)什么不同，同樣還可以加入表格、層、圖片、動(dòng)畫(huà)、腳本和設(shè)置頁(yè)面屬性等。
2、要設(shè)定可編輯區(qū)域
設(shè)定模板可編輯區(qū)域，一般來(lái)說(shuō)是有兩種方法的。
新建一個(gè)可編輯的區(qū)域：選擇命令按鈕：Modify→Template→New Editable Region。在空白區(qū)域中單擊后執(zhí)行該命令就可以將該區(qū)域變?yōu)榭删庉嫷膮^(qū)域。
標(biāo)記某一個(gè)區(qū)域?yàn)榭删庉嫷膮^(qū)域：選擇命令按鈕：Modify→Template→Mark Selectin as Editable Region。如果某個(gè)區(qū)域已經(jīng)有一些文字了，并且希望以后在新建的超文本文件中部分保留其內(nèi)容，先選中該區(qū)域再執(zhí)行標(biāo)記命令就可以了。
取消可編輯的狀態(tài)：選擇命令：Modify→Template→Unmark Editable Region。執(zhí)行命令后會(huì)彈出一個(gè)對(duì)話框，其中有當(dāng)前已有的可編輯的區(qū)域列表，選中要取消的區(qū)域名稱，點(diǎn)擊確認(rèn)即可。
如何制作網(wǎng)頁(yè)模板第二步、使用模板
1、根據(jù)模板來(lái)新建頁(yè)面
彈出該對(duì)話框，從模板列表中選取一個(gè)模板，出現(xiàn)的新頁(yè)面中除了可編輯的區(qū)外均有背景，這個(gè)是不能進(jìn)行修改的部分�？瞻滋幍腗ain編輯區(qū)就可一直接進(jìn)行插入表格、文字或者圖片等操作，Exp編輯區(qū)要保留有原來(lái)的文字，修改或重新編輯也都可以。
2、對(duì)一個(gè)已有內(nèi)容的頁(yè)面應(yīng)用模板
選擇模板之后還會(huì)彈出一個(gè)對(duì)話框，讓您選擇現(xiàn)有的孤的立內(nèi)容保存到那個(gè)可編輯的區(qū)域。要是不想保留就直接選擇“(none)”。
3、以全面更新站點(diǎn)更新模板
基于某一個(gè)模板建立了一些頁(yè)面之后，對(duì)模板進(jìn)行修改保存的時(shí)候，就自動(dòng)彈出了一個(gè)對(duì)話框，列出所有的使用了該模板的頁(yè)面，詢問(wèn)是不是要更新。
還有另外一種方法是執(zhí)行Modify→Template→Update Pages命令。從Update Pages的對(duì)話框中選擇一個(gè)站點(diǎn)或站點(diǎn)的某一種模板，單擊右變的Start按鈕，軟件會(huì)自動(dòng)搜索與該模板相關(guān)聯(lián)的網(wǎng)頁(yè)并對(duì)其進(jìn)行更新。也是非常方便的!
【Dreamweaver制作網(wǎng)頁(yè)學(xué)習(xí)教程】相關(guān)文章：
dreamweaver制作網(wǎng)頁(yè)教程分享10-01
Dreamweaver制作網(wǎng)頁(yè)的方法02-13
Dreamweaver如何制作網(wǎng)頁(yè)09-16
Dreamweaver制作網(wǎng)頁(yè)的技巧11-28
dreamweaver怎么制作網(wǎng)頁(yè)03-09
Dreamweaver制作網(wǎng)頁(yè)技巧09-04
Dreamweaver網(wǎng)頁(yè)制作技巧11-12