第17章_模板制作與應(yīng)用

《第17章_模板制作與應(yīng)用》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、第17章模板制作與應(yīng)用在實際的網(wǎng)頁制作過程中，有時會遇到很多的頁面（如不同的欄目）具有相同的布局。制作時為了避免這種重復的操作，設(shè)計者可以使用DreamweaverCS3提供的“模板”功能，將具有相同整體布局結(jié)構(gòu)的頁面制作成模板，將相同的布局對象（如頁面頭部，頁腳等）制作成庫文件。這樣，當設(shè)計者再次制作該頁面時，可以直接使用庫文件，從而可以節(jié)省很多不必要的重復操作。本章將從模板簡介、模板的制作和模板的應(yīng)用三個方面對模板進薪檣堋17.1模板簡介DreamweaverCS3中的模板是一種特殊類型的文檔，它用于設(shè)計布局比較固定的頁面。用戶可以創(chuàng)建基于模板的頁面布局。17.1.1模板

2、的作用模板最大的作用就是可以大大提高設(shè)計者的工作效率。當設(shè)計者對模板進行修改后，所有使用了這個模板的網(wǎng)頁內(nèi)容都將隨之被修改。簡單地說，就是一次可以更新多個頁面，這也是模板強大的功能之一。在實際工作中，尤其是針對一些大型的網(wǎng)站，其效果更是非常明顯。所以，模板與基于模板的網(wǎng)頁之間保持了一種連接的狀態(tài)，這兩者之間共同的內(nèi)容也將能夠保持完全的一致。17.1.2適合使用模板的網(wǎng)頁如果一個網(wǎng)站的布局比較統(tǒng)一，擁有相同的導航，且顯示不同欄目內(nèi)容的位置基本保持不變，那么這種布局的網(wǎng)站就可以考慮使用模板來創(chuàng)建。這類似于前面章節(jié)中介紹的框架技術(shù)。有些類型的網(wǎng)站采用框架技術(shù)或模板技術(shù)，最終的效果基

3、本相同。例如，下面的網(wǎng)站就適合采用模板來進行布局，如圖所示。這些頁面雖然是不同的欄目，擁有不同的內(nèi)容，但卻具有相同的布局版式。適合使用模板的布局欄目（一）適合使用模板的布局欄目（二）17.2模板元素的操作模板實際上就是一種文檔，其擴展名為.dwt，存放在根目錄下的Templates文件夾中。如果該文件夾在站點中不存在，Dreamweaver將會在保存新建模板時自動創(chuàng)建。17.2.1創(chuàng)建模板在DreamweaverCS3中有兩種創(chuàng)建模板的方法：一種是將現(xiàn)有的網(wǎng)頁文件另存為模板，然后根據(jù)需要進行修改；另一種是直接新建一個空白模板，再在其中插入需要顯示的文檔內(nèi)容。下面就以前做過的頁

4、面頭部、主體版面和頁腳構(gòu)成的頁面為例，分別使用兩種方法將其制作成模板文件。1．使用網(wǎng)頁另存為的方法創(chuàng)建模板使用網(wǎng)頁另存為的方法創(chuàng)建模板的具體步驟如下：17.2.1創(chuàng)建模板2．使用新建空白模板的方法創(chuàng)建模板使用新建空白模板的方法創(chuàng)建模板的具體步驟如下：17.2.2創(chuàng)建可編輯區(qū)域創(chuàng)建模板后接著要進行的操作是創(chuàng)建可編輯區(qū)域?？删庉媴^(qū)域可以控制模板頁面哪些區(qū)域可以編輯，哪些區(qū)域不可以編輯。模板的可編輯區(qū)域主要包括以下操作。1．插入可編輯區(qū)域插入可編輯區(qū)域的具體步驟如下：17.2.2創(chuàng)建可編輯區(qū)域2．選擇可編輯區(qū)域圖直接選擇可編輯區(qū)域在模板文檔和基于模板文檔中，都可以很容易地標識和選擇

5、模板區(qū)域。選擇的方法可分為兩種：直接選擇和菜單選擇。17.2.2創(chuàng)建可編輯區(qū)域3．刪除可編輯區(qū)域如果已經(jīng)將模板文件的一個區(qū)域標記為可編輯，而現(xiàn)在想再次鎖定它（使其在基于模板的文件中不可編輯），可先選中該可編輯區(qū)域，然后單擊【修改】

6、【模板】

7、【刪除模板標記】命令，可編輯區(qū)域即會被刪除，而之前其中的內(nèi)容會被保留。如果要刪除某個可編輯區(qū)域和其中的內(nèi)容，選中該可編輯區(qū)域后按Delete鍵即可。17.2.2創(chuàng)建可編輯區(qū)域4．更改可編輯區(qū)域的名稱已經(jīng)插入的可編輯區(qū)域仍然可以再次更改它的名稱。具體的操作步驟如下：17.2.3創(chuàng)建基于模板的文檔在創(chuàng)建模板后，就可以向空白文檔中應(yīng)用模板了。創(chuàng)

8、建基于模板的新文檔有很多方法，如可以使用【資源】浮動面板，或單擊菜單【文件】

9、【新建】命令。本章主要介紹【資源】浮動面板的方法，其他方法也大同小異，讀者可以自己進行嘗試。使用【資源】浮動面板創(chuàng)建基于模板文檔的具體操作步驟如下：17.2.4分離文檔中使用的模板若要更改基于母本的文檔的鎖定區(qū)域，必須將該文檔從模板中分離。將文檔分離后，整個文檔中的內(nèi)容都將變?yōu)榭删庉嫷臓顟B(tài)。分離文檔中的模板具體的操作步驟如下：17.2.5更新模板及基于模板的網(wǎng)頁更改并保存模板時，DreamweaverCS3可以自動更新基于該模板的所有文檔。讀者也可以手動更新這些文檔。更新模板的具體操作步驟如下：17

10、.2.6模板的嵌套與表格和層相同，模板也可以進行嵌套。嵌套模板是基本模板的一種擴展。讀者可以通過保存一個基于模板的文檔，然后將該文檔另存為一個新模板的方式來嵌套模板。嵌套多個模板會使布局變得更加精確。圖17.19單擊【從模板新建】命令在默認情況下，基本模板中的所有可編輯區(qū)域都將通過嵌套模板傳遞到基于該嵌套模板的文檔中。這意味著如果在基本模板中創(chuàng)建一個可編輯區(qū)域，然后再創(chuàng)建一個嵌套模板，只要讀者沒有在嵌套模板的區(qū)域中插入新的可編輯區(qū)域，則原可編輯區(qū)域?qū)霈F(xiàn)在基于嵌套模板的文檔中。17.3模板的應(yīng)用實際中