DW教程--六、使用模板和庫

1、.第六節(jié)   使用模板和庫 在我們制作網(wǎng)站的過程中，為了統(tǒng)一風(fēng)格，很多頁面會用到相同的布局、圖片和文字元素。為了避免大量的重復(fù)勞動，可以使用Dreamweaver8提供的模板功能，將具有相同版面結(jié)構(gòu)的頁面制作為模板，將相同的元素（如導(dǎo)航欄）制作為庫項(xiàng)目，并存放在庫中可以隨時(shí)調(diào)用。 一、創(chuàng)建模板     模板的創(chuàng)建有三種方式。     1、直接創(chuàng)建模板     選擇“窗口/資源”命令，打開“資源”面板，切換到模板子面板，如下圖所示。 單擊模板面板上的“擴(kuò)展”按鈕，在彈出菜單中選擇“新建模

2、板”這是在瀏覽窗口出現(xiàn)一個未命名的模板文件，給模板命名。 然后單擊“編輯”按鈕，打開模板進(jìn)行編輯。     編輯完成后，保存模板，完成模板建立。  2、將普通網(wǎng)頁另存為模板      打開一個已經(jīng)制作完成的網(wǎng)頁，刪除網(wǎng)頁中不需要的部分，保留幾個網(wǎng)頁共同需要的區(qū)域。      選擇“文件/另存為模板”命令將網(wǎng)頁另存為模板。      在彈出的“另存模板”對話框中，“站點(diǎn)”下拉列表框用來設(shè)置模板保存的站點(diǎn)，課選擇一個選項(xiàng)?！艾F(xiàn)存的模板”選框

3、顯示了當(dāng)前站點(diǎn)的所有模板。“另存為”文本框用來設(shè)置模板的命名。單擊“另存模板”對話框中的“保存”按鈕，就把當(dāng)前網(wǎng)頁轉(zhuǎn)換為了模板，同時(shí)將模板另存到選擇的站點(diǎn)。  單擊“保存”按鈕，保存模板。系統(tǒng)將自動在根目錄下創(chuàng)建Template文件夾，并將創(chuàng)建的模板文件保存在該文件夾中。      在保存模板時(shí)，如果模板中沒有定義任何可編輯區(qū)域，系統(tǒng)將顯示警告信息。我們可以先單擊“確定”，以后再定義可編輯區(qū)域。  3、從文件菜單新建模板      選擇“文件/新建”命令，打開“新建文檔”對話框，然后再類別中選擇

4、“模板頁”，并選取相關(guān)的模板類型，直接單擊“創(chuàng)建”按鈕即可?！?#160;二、定義可編輯區(qū)域      模板創(chuàng)建好后，要在模板中建立可編輯區(qū)，只有在可編輯區(qū)里，我們才可以編輯網(wǎng)頁內(nèi)容。可以將網(wǎng)頁上任意選中的區(qū)域設(shè)置為可編輯區(qū)域，但是最好是基于HTML代碼的，這樣在制作的時(shí)候更加清楚。      在文檔窗口中，選中需要設(shè)置為可編輯區(qū)域的部分，單擊常用快捷欄的“模板”按鈕，在彈出菜單中選擇“可編輯區(qū)域”項(xiàng)。  在彈出的“新建可編輯區(qū)域”對話框中給該區(qū)域命名，然后單擊“確定”按鈕。新添加的可編輯區(qū)域有藍(lán)色標(biāo)簽，

5、標(biāo)簽上是可編輯區(qū)域的名稱。      如果希望刪除可編輯區(qū)域，可以將光標(biāo)置于要刪除的可編輯區(qū)域內(nèi)，選擇“修改/模板/刪除模板標(biāo)記”命令，光標(biāo)所在區(qū)域的可編輯區(qū)即被刪除。      這樣模板文件就創(chuàng)建好了。  三、其他模板區(qū)域      模板中除了可以插入最常用的“可編輯區(qū)域”外，還可以插入一些其他類型的區(qū)域，分別為“可選區(qū)域”、“重復(fù)區(qū)域”、“可編輯可選區(qū)域”和“重復(fù)表格”。      1、可選區(qū)域   &

6、#160;  可選區(qū)域是模板中的區(qū)域，用戶可將其設(shè)置為在基于模板的文件中顯示或隱藏。當(dāng)要為在文件中顯示的內(nèi)容設(shè)置條件時(shí)，即可使用可選區(qū)域。      2、重復(fù)區(qū)域      重復(fù)區(qū)域時(shí)可以根據(jù)需要在基于模板的頁面中負(fù)值任意次數(shù)的模板部分。重復(fù)區(qū)域通常用于表格，也可以為其他頁面元素定義重復(fù)區(qū)域。      3、可編輯可選區(qū)域      是可選區(qū)域的一種，可以設(shè)置顯示或隱藏所選區(qū)域，并且可以編輯該區(qū)域中的內(nèi)容。  四、使

7、用庫      所謂庫項(xiàng)目，實(shí)際上就是文檔內(nèi)容的任意組合，可以將文檔中的任意內(nèi)容存儲為庫項(xiàng)目，使它在其它地方被重復(fù)使用。      1、創(chuàng)建庫      在文檔窗口中選擇需要保存為庫項(xiàng)目的內(nèi)容。      單擊資源面板“庫”分類中右下角的“新建庫項(xiàng)目”按鈕。      一個新的項(xiàng)目出現(xiàn)在資源面板“庫”分類的列表中，預(yù)覽框中顯示預(yù)覽的效果，還可以給該項(xiàng)目鍵入新名稱。這樣，一個庫項(xiàng)目就創(chuàng)建好了。 &#

8、160;    2、插入庫      將光標(biāo)方在網(wǎng)頁中需要插入庫文件的位置，在資源面板“庫”分類中選擇需要插入的庫項(xiàng)目，直接拖動到光標(biāo)所在位置即可。      3、更改庫      如果修改了庫文件，選擇“文件/保存”命令，彈出“更新庫項(xiàng)目”對話框，詢問是否更新網(wǎng)站中使用了該庫文件的網(wǎng)頁。單擊“更新”按鈕，將更新網(wǎng)站中使用了該庫文件的網(wǎng)頁。  五、創(chuàng)建基于模板的頁面      1、打開素材cssl

9、ianxi.html文件，選擇菜單欄的文件>另存為模板命令。      2、在彈出的另存為模板對話框中，在“站點(diǎn)”文本框選擇“xmweb”，在“另存為”給模板命名為mo1，點(diǎn)擊確定。      3、彈出是否更改鏈接的提示，選擇“是”。此時(shí)，在站點(diǎn)內(nèi)自動生成一個名為“Templates”的文件夾，名稱為mo1.dwt的模板文件被保存在該文件夾中。      4、鼠標(biāo)在網(wǎng)頁表格的最下一行空白處單擊一下，選中狀態(tài)欄的<table>標(biāo)簽，選擇菜單欄的插入>模板對象>可編輯區(qū)域命令。      5、彈出“可編輯區(qū)域”對話框，點(diǎn)擊“確定”。這樣我們就完成了模板的制作。      6、新建06.html文件，選擇菜單欄