網(wǎng)頁(yè)設(shè)計(jì)使用庫(kù)和模板

1、同一個(gè)站點(diǎn)內(nèi)的頁(yè)面會(huì)有許多相同的風(fēng)格或內(nèi)同一個(gè)站點(diǎn)內(nèi)的頁(yè)面會(huì)有許多相同的風(fēng)格或內(nèi)容，如果每次都重新制作它們必然會(huì)浪費(fèi)許多時(shí)間，容，如果每次都重新制作它們必然會(huì)浪費(fèi)許多時(shí)間，也會(huì)給后期的維護(hù)帶來(lái)麻煩。對(duì)于這個(gè)問(wèn)題，也會(huì)給后期的維護(hù)帶來(lái)麻煩。對(duì)于這個(gè)問(wèn)題，DreamweaverDreamweaver給出了解決方案，這就是庫(kù)和模板。本給出了解決方案，這就是庫(kù)和模板。本章將介紹庫(kù)和模板的基本知識(shí)以及使用庫(kù)和模板制章將介紹庫(kù)和模板的基本知識(shí)以及使用庫(kù)和模板制作網(wǎng)頁(yè)的基本方法。作網(wǎng)頁(yè)的基本方法。第第9 9章章 使用庫(kù)和模板使用庫(kù)和模板學(xué)習(xí)目標(biāo)了解庫(kù)和模板的概念。了解庫(kù)和模板的概念。掌握創(chuàng)建和應(yīng)用庫(kù)項(xiàng)目的方

2、法。掌握創(chuàng)建和應(yīng)用庫(kù)項(xiàng)目的方法。掌握創(chuàng)建和應(yīng)用模板的方法。掌握創(chuàng)建和應(yīng)用模板的方法。9.1 創(chuàng)建庫(kù)新建庫(kù)項(xiàng)目新建庫(kù)項(xiàng)目從已有的網(wǎng)頁(yè)創(chuàng)建庫(kù)項(xiàng)目從已有的網(wǎng)頁(yè)創(chuàng)建庫(kù)項(xiàng)目9.1.1 新建庫(kù)項(xiàng)目創(chuàng)建庫(kù)項(xiàng)目通常有兩種方法，一種是使用【資源】面板，另一種創(chuàng)建庫(kù)項(xiàng)目通常有兩種方法，一種是使用【資源】面板，另一種是使用【新建文檔】對(duì)話(huà)框。是使用【新建文檔】對(duì)話(huà)框。通過(guò)【資源】面板。選擇【窗口】通過(guò)【資源】面板。選擇【窗口】/ /【資源】命令打開(kāi)【資【資源】命令打開(kāi)【資源】面板，單擊源】面板，單擊 （庫(kù)）按鈕切換至【庫(kù)】分類(lèi)，單擊【資（庫(kù)）按鈕切換至【庫(kù)】分類(lèi)，單擊【資源】面板右下角的源】面板右下角的 （新建）按

3、鈕，新建一個(gè)庫(kù)項(xiàng)目，然后（新建）按鈕，新建一個(gè)庫(kù)項(xiàng)目，然后在列表框中輸入庫(kù)項(xiàng)目的名稱(chēng)，并按在列表框中輸入庫(kù)項(xiàng)目的名稱(chēng)，并按EnterEnter鍵確認(rèn)。鍵確認(rèn)。9.1.1 新建庫(kù)項(xiàng)目通過(guò)菜單命令。選擇【文件】通過(guò)菜單命令。選擇【文件】/ /【新建】命令，【新建】命令，打開(kāi)【新建文檔】對(duì)話(huà)框，然后選擇【空白頁(yè)】打開(kāi)【新建文檔】對(duì)話(huà)框，然后選擇【空白頁(yè)】/ /【庫(kù)項(xiàng)目】選項(xiàng)?！編?kù)項(xiàng)目】選項(xiàng)。9.1.2 從已有的網(wǎng)頁(yè)創(chuàng)建庫(kù)項(xiàng)目庫(kù)項(xiàng)目固然可以新建，但也可以將現(xiàn)有網(wǎng)頁(yè)中的網(wǎng)頁(yè)元素保存為庫(kù)庫(kù)項(xiàng)目固然可以新建，但也可以將現(xiàn)有網(wǎng)頁(yè)中的網(wǎng)頁(yè)元素保存為庫(kù)項(xiàng)目。方法是，在文檔中選擇要保存為庫(kù)項(xiàng)目的對(duì)象，選擇【修改】項(xiàng)

4、目。方法是，在文檔中選擇要保存為庫(kù)項(xiàng)目的對(duì)象，選擇【修改】/ /【庫(kù)】【庫(kù)】/ /【增加對(duì)象到庫(kù)】命令，該對(duì)象即被添加到庫(kù)項(xiàng)目列表中，庫(kù)項(xiàng)【增加對(duì)象到庫(kù)】命令，該對(duì)象即被添加到庫(kù)項(xiàng)目列表中，庫(kù)項(xiàng)目名為系統(tǒng)默認(rèn)的名稱(chēng)，輸入新的庫(kù)項(xiàng)目名稱(chēng)后按目名為系統(tǒng)默認(rèn)的名稱(chēng)，輸入新的庫(kù)項(xiàng)目名稱(chēng)后按EnterEnter鍵確認(rèn)即可。鍵確認(rèn)即可。如果希望庫(kù)項(xiàng)目成為網(wǎng)頁(yè)的一部分，可以在【屬性】面板中單擊如果希望庫(kù)項(xiàng)目成為網(wǎng)頁(yè)的一部分，可以在【屬性】面板中單擊【從源文件中分離】按鈕，將庫(kù)項(xiàng)目從源文件中分離即可。分離后，庫(kù)【從源文件中分離】按鈕，將庫(kù)項(xiàng)目從源文件中分離即可。分離后，庫(kù)項(xiàng)目與網(wǎng)頁(yè)再?zèng)]有聯(lián)系。項(xiàng)目與網(wǎng)頁(yè)再?zèng)]有

5、聯(lián)系。9.2 創(chuàng)建模板新建模板文件新建模板文件添加模板對(duì)象添加模板對(duì)象將現(xiàn)有網(wǎng)頁(yè)保存為模板將現(xiàn)有網(wǎng)頁(yè)保存為模板9.2.1新建模板文件新建模板文件通常有以下新建模板文件通常有以下3種方法。種方法。(1) 通過(guò)【資源】面板：在【資源】面板中，單擊通過(guò)【資源】面板：在【資源】面板中，單擊 （模板）（模板）按鈕切換至【模板】分類(lèi)，單擊右下角的按鈕切換至【模板】分類(lèi)，單擊右下角的 按鈕，在按鈕，在“Untitled”處輸入新的模板名稱(chēng)，并按處輸入新的模板名稱(chēng)，并按Enter鍵確認(rèn)即可。鍵確認(rèn)即可。9.2.1新建模板文件(2) 通過(guò)【新建文檔】對(duì)話(huà)框：選擇【文件】通過(guò)【新建文檔】對(duì)話(huà)框：選擇【文件】/【新

6、建】命【新建】命令打開(kāi)【新建文檔】對(duì)話(huà)框，然后選擇【空模板】令打開(kāi)【新建文檔】對(duì)話(huà)框，然后選擇【空模板】/【HTML模板】模板】/【無(wú)】選項(xiàng)，單擊【創(chuàng)建】按鈕打開(kāi)一個(gè)空白文檔窗【無(wú)】選項(xiàng)，單擊【創(chuàng)建】按鈕打開(kāi)一個(gè)空白文檔窗口，添加模板對(duì)象后進(jìn)行命名保存即可，此時(shí)在【資源】面口，添加模板對(duì)象后進(jìn)行命名保存即可，此時(shí)在【資源】面板的【模板】分類(lèi)中將增加此模板文件。板的【模板】分類(lèi)中將增加此模板文件。9.2.1新建模板文件(3) 在文檔窗口中，單擊【插入】在文檔窗口中，單擊【插入】/【常用】工具欄模板按【常用】工具欄模板按鈕組中的鈕組中的 按鈕，彈出【另存模板】對(duì)話(huà)框，將當(dāng)前的文按鈕，彈出【另存模板

7、】對(duì)話(huà)框，將當(dāng)前的文檔保存為模板文件。檔保存為模板文件。9.2.2添加模板對(duì)象在模板中，比較常用的模板對(duì)象有可編輯區(qū)域、重復(fù)區(qū)在模板中，比較常用的模板對(duì)象有可編輯區(qū)域、重復(fù)區(qū)域和重復(fù)表格。域和重復(fù)表格。可編輯區(qū)域是指可以對(duì)其進(jìn)行添加、修改和刪除網(wǎng)頁(yè)元可編輯區(qū)域是指可以對(duì)其進(jìn)行添加、修改和刪除網(wǎng)頁(yè)元素等操作的區(qū)域。素等操作的區(qū)域。選擇【插入記錄選擇【插入記錄】/【模板對(duì)象【模板對(duì)象】/【可編可編輯區(qū)域輯區(qū)域】命令可以插入可編輯區(qū)域】命令可以插入可編輯區(qū)域. 可編輯區(qū)域在模板中由高亮顯示的矩形邊框圍繞，該邊可編輯區(qū)域在模板中由高亮顯示的矩形邊框圍繞，該邊框使用在首選參數(shù)中設(shè)置的高亮顏色。該區(qū)域左上

8、角的選項(xiàng)框使用在首選參數(shù)中設(shè)置的高亮顏色。該區(qū)域左上角的選項(xiàng)卡顯示該區(qū)域的名稱(chēng)?？@示該區(qū)域的名稱(chēng)。9.2.2添加模板對(duì)象二、重復(fù)區(qū)域二、重復(fù)區(qū)域重復(fù)區(qū)域是指可以在模板中復(fù)制任意次數(shù)的指定區(qū)域。選擇重復(fù)區(qū)域是指可以在模板中復(fù)制任意次數(shù)的指定區(qū)域。選擇【插入記錄】【插入記錄】/【模板對(duì)象】【模板對(duì)象】/【重復(fù)區(qū)域】命令，打開(kāi)【新建重【重復(fù)區(qū)域】命令，打開(kāi)【新建重復(fù)區(qū)域】對(duì)話(huà)框，在【名稱(chēng)】文本框中輸入重復(fù)區(qū)域名稱(chēng)并單擊復(fù)區(qū)域】對(duì)話(huà)框，在【名稱(chēng)】文本框中輸入重復(fù)區(qū)域名稱(chēng)并單擊 【確定確定】按鈕，即可插入重復(fù)區(qū)域】按鈕，即可插入重復(fù)區(qū)域。重復(fù)區(qū)域不是可編輯區(qū)域，重復(fù)區(qū)域不是可編輯區(qū)域，若要使重復(fù)區(qū)域中

9、的內(nèi)容可編輯，必須在重復(fù)區(qū)域內(nèi)插入可編輯若要使重復(fù)區(qū)域中的內(nèi)容可編輯，必須在重復(fù)區(qū)域內(nèi)插入可編輯區(qū)域或重復(fù)表格。區(qū)域或重復(fù)表格。9.2.2添加模板對(duì)象三、重復(fù)表格三、重復(fù)表格重復(fù)表格是指包含重復(fù)行的表格格式的可編輯區(qū)域，可以定重復(fù)表格是指包含重復(fù)行的表格格式的可編輯區(qū)域，可以定義表格的屬性并設(shè)置哪些單元格可編輯。選擇【插入記錄】義表格的屬性并設(shè)置哪些單元格可編輯。選擇【插入記錄】/【?！灸０鍖?duì)象】板對(duì)象】/【重復(fù)表格】命令，打開(kāi)【插入重復(fù)表格】對(duì)話(huà)框，并【重復(fù)表格】命令，打開(kāi)【插入重復(fù)表格】對(duì)話(huà)框，并進(jìn)行參數(shù)設(shè)置，然后單擊【進(jìn)行參數(shù)設(shè)置，然后單擊【確定確定】按鈕，即可插入重復(fù)表格?！堪粹o，即可插入重復(fù)表格。9.2.3將現(xiàn)有網(wǎng)頁(yè)保存為模板除了直接創(chuàng)建模板外，也可以將現(xiàn)有網(wǎng)頁(yè)保存為模板。首先打除了直接創(chuàng)建模板外，也可以將現(xiàn)有網(wǎng)頁(yè)保存為模板。首先打開(kāi)一個(gè)已有內(nèi)容的網(wǎng)頁(yè)文檔，根據(jù)實(shí)際需要在網(wǎng)頁(yè)中選擇網(wǎng)頁(yè)元開(kāi)一個(gè)已有內(nèi)容的網(wǎng)頁(yè)文檔，根據(jù)實(shí)際需要在網(wǎng)頁(yè)中選擇網(wǎng)頁(yè)元素，并將其轉(zhuǎn)換為適合的模板對(duì)象，然后選擇【文件】素，并將其轉(zhuǎn)換為適合的模板對(duì)象，然后選擇【文件】/【另存為【另存為模板】命令將其