《中文版Dreamweaver-CS3網(wǎng)頁(yè)制作實(shí)用教程》課件第9章

第9章使用模板和庫(kù)

在進(jìn)行批量網(wǎng)頁(yè)制作的過(guò)程中，很多頁(yè)面都會(huì)使用到相同的圖片、文字或布局。為了避免不必要的重復(fù)操作，減少用戶的工作量，可以使用DreamweaverCS3提供的模板和庫(kù)功能，將具有相同布局結(jié)構(gòu)的頁(yè)面制作成模板，將相同的元素制作為庫(kù)項(xiàng)目，以便隨時(shí)調(diào)用。本章將主要介紹在Dreamweaver8中創(chuàng)建與編輯模板和庫(kù)的方法。教學(xué)重點(diǎn)與難點(diǎn)設(shè)置文字樣式

使用模板

定義模板的區(qū)域使用模板創(chuàng)建文檔創(chuàng)建和編輯庫(kù)項(xiàng)目9.1使用模板在DreamweaverCS3中有多種創(chuàng)建模板的方法，可以創(chuàng)建空白模板，也可以創(chuàng)建基于現(xiàn)存文檔的模板，除此之外，還可以將現(xiàn)有的HTML文檔另存為模板，然后根據(jù)需要加以修改。

創(chuàng)建模板

編輯模板定義模板區(qū)域和設(shè)置模板參數(shù)9.1.1創(chuàng)建模板

模板也是一個(gè)HTML文檔，只不過(guò)在HTML文檔中增加了模板標(biāo)記。在DreamweaverCS3中，模板的擴(kuò)展名為.dwt，并存放在本地站點(diǎn)的Templates文件夾中。模板文件夾只有在創(chuàng)建模板的時(shí)候才會(huì)由系統(tǒng)自動(dòng)生成。9.1.2編輯模板

編輯模板，主要包括刪除、修改、重命名模板等操作。選擇“窗口”|“資源”命令，打開(kāi)“資源”面板，單擊“模板”按鈕，在模板列表中會(huì)顯示現(xiàn)有的模板。9.1.3定義模板區(qū)域和設(shè)置模板參數(shù)

模板定義了文檔的布局結(jié)構(gòu)和大致框架，模板中創(chuàng)建的元素在基于模板的頁(yè)面中通常是鎖定區(qū)域，或稱為非編輯區(qū)域，要編輯模板，必須在模板中定義可編輯區(qū)域。在使用模板創(chuàng)建文檔時(shí)只能夠改變可編輯區(qū)域中的內(nèi)容，而鎖定區(qū)域在文檔編輯過(guò)程中始終保持不變。9.2使用模板創(chuàng)建文檔

在DreamweaverCS3中，可以以模板為基礎(chǔ)創(chuàng)建新的文檔，或?qū)⒁粋€(gè)模板應(yīng)用于已有的文檔。

創(chuàng)建基于模板的文檔

在現(xiàn)有文檔上應(yīng)用模板從模板中分離文檔更新基于模板的頁(yè)面9.2.1創(chuàng)建基于模板的文檔

要?jiǎng)?chuàng)建基于模板的新文檔，選擇“文件”|“新建”命令，打開(kāi)“新建文檔”對(duì)話框，單擊“模板中的頁(yè)”選項(xiàng)，打開(kāi)該選項(xiàng)對(duì)話框，如圖所示。在“站點(diǎn)”列表框中選擇模板所在的站點(diǎn)，在“站點(diǎn)的模板”列表框中選擇所需創(chuàng)建文檔的模板，單擊“創(chuàng)建”按鈕，即可在文檔窗口中打開(kāi)一個(gè)基于模板的新頁(yè)面，在該頁(yè)面中可以創(chuàng)建新的文檔，如圖所示?！澳０逯械捻?yè)”選項(xiàng)對(duì)話框

打開(kāi)基于模板的新頁(yè)面9.2.2在現(xiàn)有文檔上應(yīng)用模板

在DreamweaverCS3中，可以在現(xiàn)有文檔上應(yīng)用已創(chuàng)建好的模板。要在現(xiàn)有文檔上應(yīng)用模板，首先在文檔窗口中打開(kāi)需要應(yīng)用模板的文檔，然后選擇“窗口”|“資源”命令，打開(kāi)“資源”面板，在模板列表中選中需要應(yīng)用的模板，單擊面板下方的“應(yīng)用”按鈕，此時(shí)會(huì)出現(xiàn)以下兩種情況。

如果現(xiàn)有文檔是從某個(gè)模板中派生出來(lái)的，則DreamweaverCS3會(huì)對(duì)兩個(gè)模板的可編輯區(qū)域進(jìn)行比較，然后在應(yīng)用新模板之后，將原先文檔中的內(nèi)容放入到匹配的可編輯區(qū)域中。如果現(xiàn)有文檔是一個(gè)尚未應(yīng)用過(guò)模板的文檔，將沒(méi)有可編輯區(qū)域同模板進(jìn)行比較，于是會(huì)出現(xiàn)不匹配情況，此時(shí)將打開(kāi)“不一致的區(qū)域名稱”對(duì)話框。這時(shí)可以選擇刪除或保留不匹配的內(nèi)容，決定是否將文檔應(yīng)用于新模板?？梢赃x擇未解析的內(nèi)容，然后在“將內(nèi)容移到新區(qū)域”下拉列表框中選擇要應(yīng)用到的區(qū)域內(nèi)容。9.2.3從模板中分離文檔

用模板設(shè)計(jì)網(wǎng)頁(yè)時(shí)，模板有很多的鎖定區(qū)域(即不可編輯區(qū)域)。為了能夠修改基于模板的頁(yè)面中的鎖定區(qū)域和可編輯區(qū)域內(nèi)容，必須將頁(yè)面從模板中分離出來(lái)。當(dāng)頁(yè)面被分離后，它將成為一個(gè)普通的文檔，不再具有可編輯區(qū)域或鎖定區(qū)域，也不再與任何模板相關(guān)聯(lián)。因此，當(dāng)文檔模板被更新時(shí)，文檔頁(yè)面也不會(huì)隨著被更新。9.2.4

更新基于模板的頁(yè)面

當(dāng)改變文檔模板時(shí)，系統(tǒng)會(huì)提示是否更新基于該模板的文檔，同時(shí)也可以使用更新命令來(lái)更新當(dāng)前頁(yè)面或整個(gè)站點(diǎn)。9.3創(chuàng)建、管理和編輯庫(kù)項(xiàng)目

庫(kù)用來(lái)存放文檔中的頁(yè)面元素，如圖像、文本、Flash動(dòng)畫(huà)等。這些頁(yè)面元素通常被廣泛使用于整個(gè)站點(diǎn)，并且能被重復(fù)使用或經(jīng)常更新，因此它們被稱為庫(kù)項(xiàng)目。創(chuàng)建庫(kù)項(xiàng)目

管理和編輯庫(kù)項(xiàng)目9.3.1創(chuàng)建庫(kù)項(xiàng)目

在DreamweaverCS3文檔中，可以將任何元素創(chuàng)建為庫(kù)項(xiàng)目，這些元素包括文本、圖像、表格、表單、插件、ActiveX控件以及Java程序等。庫(kù)項(xiàng)目文件的擴(kuò)展名為.lbi，所有的庫(kù)項(xiàng)目都被保存在一個(gè)文件中，且?guī)煳募哪J(rèn)設(shè)置文件夾為“站點(diǎn)