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

第9章使用模板和庫

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

使用模板

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

創(chuàng)建模板

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

模板也是一個HTML文檔，只不過在HTML文檔中增加了模板標記。在DreamweaverCS3中，模板的擴展名為.dwt，并存放在本地站點的Templates文件夾中。模板文件夾只有在創(chuàng)建模板的時候才會由系統(tǒng)自動生成。9.1.2編輯模板

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

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

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

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

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

要創(chuàng)建基于模板的新文檔，選擇“文件”|“新建”命令，打開“新建文檔”對話框，單擊“模板中的頁”選項，打開該選項對話框，如圖所示。在“站點”列表框中選擇模板所在的站點，在“站點的模板”列表框中選擇所需創(chuàng)建文檔的模板，單擊“創(chuàng)建”按鈕，即可在文檔窗口中打開一個基于模板的新頁面，在該頁面中可以創(chuàng)建新的文檔，如圖所示。“模板中的頁”選項對話框

打開基于模板的新頁面9.2.2在現(xiàn)有文檔上應用模板

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

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

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

更新基于模板的頁面

當改變文檔模板時，系統(tǒng)會提示是否更新基于該模板的文檔，同時也可以使用更新命令來更新當前頁面或整個站點。9.3創(chuàng)建、管理和編輯庫項目

庫用來存放文檔中的頁面元素，如圖像、文本、Flash動畫等。這些頁面元素通常被廣泛使用于整個站點，并且能被重復使用或經(jīng)常更新，因此它們被稱為庫項目。創(chuàng)建庫項目

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

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