中文版網(wǎng)頁制作基礎(chǔ)：第12講 模板和庫

Dreamweaver8

中文版網(wǎng)頁制作基礎(chǔ)

第十二講模板和庫1、模板的使用

2、庫項(xiàng)目的使用

1、模板的使用1．模板的概念2．創(chuàng)建模板3．應(yīng)用模板4．修改模板1.1.模板的概念在建設(shè)網(wǎng)站時(shí)，為了保持站點(diǎn)風(fēng)格一致性，需要將多個(gè)網(wǎng)頁制成統(tǒng)一風(fēng)格的頁面，如果一個(gè)一個(gè)去制作，工作量極大，而且麻煩。為了減少這種單純的重復(fù)性工作，可以借助Dreamweaver8的模板功能，將頁面中相同的結(jié)構(gòu)部分設(shè)置成不可更改部分，將需要添加不同內(nèi)容的部分設(shè)置成可更改部分，這樣極大地提高了工作效率。模板是一種已經(jīng)具有固定頁面結(jié)構(gòu)的文檔，當(dāng)用戶使用模板后，就可以創(chuàng)建一個(gè)和模板結(jié)構(gòu)一樣的文檔，從而達(dá)到快速設(shè)計(jì)網(wǎng)頁的目的。模板文檔包括可編輯區(qū)域和不可編輯區(qū)域，可編輯區(qū)域可以像其他文檔一樣進(jìn)行編輯修改，不可編輯的區(qū)域是不能在其他文檔中進(jìn)行修改。1.2．創(chuàng)建模板創(chuàng)建模板主要有兩種方法，一種是將現(xiàn)有的頁面文檔保存為模板，另一種是以新建空的文檔作基礎(chǔ)來創(chuàng)建模板。（一）方法一：執(zhí)行【文件】/【另存為模板】命令，打開【另存為模板】對話框，在【另存為】文本框中輸入模板名稱，然后執(zhí)行【插入】/【模板對象】/【可編輯區(qū)域】命令，插入一個(gè)可編輯區(qū)域。（二）方法二：在Dreamweaver8中執(zhí)行【文件】/【新建】命令，打開【新建文檔】對話框，在其中提供了用于創(chuàng)建新模板和基于模板的頁面的多種選項(xiàng)，用戶可根據(jù)需要選擇，如HTML模板、ASPJavaScript模板、JSP模板等。1.3．應(yīng)用模板新建一空白的HTML文檔，在【資源】面板中單擊模板按鈕，在模板列表中選擇模板，單擊“應(yīng)用”按鈕即可，然后在可編輯區(qū)域編輯網(wǎng)頁。1.4．修改模板

在【資源】面板中單擊模板按鈕，打開模板列表，雙擊需要修改的模板，在編輯窗口打開模板，然后進(jìn)行編輯，編輯完成后保存即可。2、

庫項(xiàng)目的使用2.1庫項(xiàng)目概念2.2創(chuàng)建庫項(xiàng)目2.3運(yùn)用庫項(xiàng)目2.4修改庫項(xiàng)目2.1．庫項(xiàng)目概念庫是一種特殊的Dreamweaver

文件，它包含了用戶創(chuàng)建的已放在頁面上單獨(dú)的資源或資源副本的集合。庫里的這些資源稱為庫項(xiàng)目，可以存儲為庫項(xiàng)目的頁面元素包含各種各樣，如圖像、表格、視頻等，或者是這些元素的集合體。庫項(xiàng)目可以被不限次的重復(fù)使用，當(dāng)設(shè)計(jì)頁面時(shí)可以將這些庫項(xiàng)目插入頁面。當(dāng)更改某個(gè)庫項(xiàng)目內(nèi)容時(shí)，所有使用該庫項(xiàng)目的頁面也隨之更新。

2.2．創(chuàng)建庫項(xiàng)目2.3．運(yùn)用庫項(xiàng)目使用庫項(xiàng)目的方法是：在庫項(xiàng)目列表中，將庫項(xiàng)目直接拖到頁面中目標(biāo)位置即可。

運(yùn)用庫項(xiàng)目可以批量更新網(wǎng)站中相同的元素，大到一個(gè)頁面框架，小至一個(gè)字符。同時(shí)也可以針對某個(gè)網(wǎng)頁單獨(dú)更新。下面來介紹運(yùn)用庫更新網(wǎng)站的步驟。

2.4．修改庫項(xiàng)目修改庫項(xiàng)目有兩種情況，一種是在庫項(xiàng)目列表中修改，一種是在具體的頁面中修改庫項(xiàng)目。在庫項(xiàng)目列表中雙擊庫項(xiàng)目，在編輯區(qū)打開庫項(xiàng)目。此時(shí)的庫項(xiàng)目可以像普通頁面一樣編輯如圖1所示，修改