1、第6章模板、庫、命令、本章要點、6.1模板6.1.1創(chuàng)建模板6.1.2編輯模板6.1.3使用模板6.2庫6.3命令和6.1模板，它們可以創(chuàng)建具有統(tǒng)一結(jié)構(gòu)和外觀的網(wǎng)站。當(dāng)網(wǎng)站的整體外觀需要改變時，只需稍微修改相應(yīng)的模板文件，就可以快速更新整個網(wǎng)站。使用模板創(chuàng)建和更新網(wǎng)頁的基本過程是創(chuàng)建模板、使用模板設(shè)計網(wǎng)頁以及通過修改模板更新網(wǎng)頁。1.創(chuàng)建一個模板，從一個空白的超文本標(biāo)記語言文檔開始，將現(xiàn)有的超文本標(biāo)記語言文檔保存為模板，創(chuàng)建一個模板，然后創(chuàng)建一個模板。創(chuàng)建模板通常有三種方法。1.從新文檔創(chuàng)建模板。(1)選擇文件|新建以打開新建文檔對話框。在對話框中，選擇常規(guī)選項卡的類別列表框中的模板頁面和模板

2、頁面列表框中的超文本標(biāo)記語言模板。(2)單擊創(chuàng)建創(chuàng)建空白模板網(wǎng)頁。(3)選擇文件|另存為，彈出Dreamweaver 8提示框。(4)點擊確定，彈出另存為對話框，在對話框的文件名文本框中輸入索引，選擇模板文件(*)。dwt)作為“文件類型”，然后單擊“保存”以完成模板創(chuàng)建。2.從資源管理器創(chuàng)建模板。3.從當(dāng)前文檔創(chuàng)建模板。6.1.2編輯模板。模板分為可編輯區(qū)域和不可編輯區(qū)域。默認為不可編輯區(qū)域。不可編輯區(qū)域是指引入模板的文檔；它可以在模板環(huán)境中編輯。dwt)?？删庉媴^(qū)域可編輯區(qū)域的內(nèi)容不可編輯區(qū)域普通網(wǎng)頁的不可編輯區(qū)域在Dreamweaver代碼編輯器中以灰色字體顯示，不可修改，但不可編輯區(qū)域

3、的代碼可以在其他編輯器(如記事本)中修改。6.1.2編輯模板，建立可編輯區(qū)域以制作表格和劃分區(qū)域。選擇一個區(qū)域插入面板|主頁選項卡|可編輯區(qū)域按鈕刪除可編輯區(qū)域指向可編輯區(qū)域執(zhí)行右鍵菜單模板|刪除模板標(biāo)記保存可另存為*。htm或*.dwt，6.1.3使用模板，1使用模板并分離模板：從“資源”面板的模板類別中選擇要插入的模板，并將其直接拖到要分離的網(wǎng)頁上：如果要修改應(yīng)用了模板的文檔中的不可編輯區(qū)域，則必須從模板中分離文檔。當(dāng)菜單命令“修改|模板|從模板分離”更新模板時，分離的文檔將不再被更新！6.1.3使用模板，2只有網(wǎng)站文檔中不可編輯的部分將使用模板進行更新，模板將被修改，并且將執(zhí)行菜單命令“

4、文件”|“保存”示例6-1來制作家禽生產(chǎn)網(wǎng)站的模板和使用該模板的兩個網(wǎng)頁。修改模板(向模板添加動畫)后，模板和使用模板的網(wǎng)頁將會更新。6.2庫，庫項目可以包含文本、表格、圖像、Java程序、插件和活動元素；當(dāng)庫項目被修改時，包含該庫項目的整個網(wǎng)站的頁面會自動更新。創(chuàng)建庫項目：將其拖到“資源”面板(名為)中的庫中。如果用Ctrl鍵拖動，文檔中的元素仍然是文檔元素，而不是庫元素，并且沒有指針。應(yīng)用庫項目：只需將它們拖出即可。編輯庫項目：雙擊庫中的目標(biāo)對象以編輯庫項目并將其保存到文件|保存以更新頁面窗口。更新：“修改”|“庫”|“更新當(dāng)前頁面”或“修改”|“庫”|“更新頁面”庫項目屬性面板：庫外示例

5、6-2在網(wǎng)頁中插入圖片使其成為庫項目。在庫編輯環(huán)境中修改庫項目后更新網(wǎng)頁。從庫項目中“引用”網(wǎng)頁文檔窗口的庫項目，修改庫項目，并觀察文檔窗口的相應(yīng)內(nèi)容是否改變。您可以從文檔正文標(biāo)記之間的任何元素創(chuàng)建庫項目，包括文本、表格、表單、Java小程序、插件、ActiveX元素、導(dǎo)航欄和圖像。創(chuàng)建庫項目的具體操作步驟如下。(1)選擇文件|新建以打開新建文檔對話框。(2)在“常規(guī)”選項卡的“類別”列表框中選擇“基本頁面”選項，并在“基本頁面”列表中選擇“庫項目”選項。(3)單擊創(chuàng)建按鈕創(chuàng)建一個空白網(wǎng)頁。(4)選擇文件|另存為彈出另存為對話框，在對話框的文件名文本框中輸入文件名top.lbi，選擇庫文件為保

6、存類型。(5)將鼠標(biāo)指針放在頁面上，選擇“插入|表格”命令，插入一個有2行1列的表格。(6)將鼠標(biāo)指針放在第一行的單元格中，選擇插入|圖像，彈出選擇圖像源文件對話框，在對話框中選擇相應(yīng)的圖像文件，點擊確定，插入圖像，如圖9.33所示。(7)將鼠標(biāo)指針放在第二行的單元格中，點擊【屬性】面板中【背景】文本框后面的按鈕，彈出對話框，在對話框中選擇相應(yīng)的背景圖像，點擊【確定】按鈕，插入背景圖像，將高度設(shè)置為150，如圖9.34所示。(8)選擇文件|保存以創(chuàng)建庫項目。1使用Dreamweaver 8內(nèi)置命令創(chuàng)建相冊(1)打開創(chuàng)建網(wǎng)站相冊對話框，單擊命令創(chuàng)建網(wǎng)站相冊菜單命令，彈出創(chuàng)建網(wǎng)站相冊對話框，如圖6

7、-2-3所示(尚未進行相關(guān)設(shè)置)。6.3命令，(2)對話框“創(chuàng)建網(wǎng)站相冊”“相冊標(biāo)題”文本框中各選項的功能：輸入相冊標(biāo)題，必須填寫。字幕信息文本框：輸入相冊的字幕信息?！捌渌畔ⅰ蔽谋究颍狠斎胂鄡缘钠渌枋鲂畔?。“源圖像文件夾”列：選擇源圖像文件所在的文件夾(名稱為英文)?！澳繕?biāo)文件夾”欄：選擇創(chuàng)建的相冊所在的目錄(名稱為英文)?？s略圖大小下拉列表框：縮略圖的大小?！帮@示文件名”復(fù)選框：選中后，每個圖片的文件名將顯示在縮略圖下。有了這個功能，圖片的文件名可以設(shè)置為圖片的簡單描述，這樣最終生成的頁面就會包含圖片描述。但是，該軟件不太支持中文指令，所以最好使用英文指令。列文本框：輸入圖像的列數(shù)。默認值為5，這意味著每行顯示5個縮略圖?！翱s略圖格式”下拉列表框：用于選擇縮略圖的格式。Dreamweaver 8自動生成選定格式的縮略圖?！罢掌袷健毕吕斜砜颍河糜谶x擇源圖像的顯示格式。源圖像