1、第20章 模板和資源,使用模板可以批量地生成布局相似的頁面，同時可以方便地更新使用模板創(chuàng)建的頁面，使用資源面板，可以方便地管理和使用站點中的各種資源，例如圖像、媒體文件等。下面詳細講解關(guān)于模板和資源的知識,20.1 模板簡介,在Dreamweaver中使用模板來制作布局相同或相近的頁面，首先要創(chuàng)建好布局的結(jié)構(gòu)，然后在制作好的布局結(jié)構(gòu)中，定義可以編輯區(qū)域等不同區(qū)域，最后可以使用模板來生成頁面。 使用模板生成頁面的好處在于可以方便地通過更新模板中的內(nèi)容，更新所有基于該模板生成的頁面。下面進行詳細講解,20.1 模板簡介,1模板中的區(qū)域 在模板中可以定義各種區(qū)域，例如可編輯區(qū)域、可選區(qū)域等，方便模板

2、的管理，模板在“設(shè)計”視圖的顯示效果如圖所示,20.1 模板簡介,2基于模板的頁面 創(chuàng)建模板后，可以使用模板生成頁面。在生成的頁面中，會顯示模板的部分區(qū)域，并且會標明頁面是基于哪個模板的頁面，其“設(shè)計”視圖顯示效果如圖所示,20.2 創(chuàng)建模板,在Dreamweaver中，創(chuàng)建模板有兩種方法：一種是使用“文件”按鈕，或者資源面板創(chuàng)建空白的模板；另一種是使用已有的頁面創(chuàng)建模板。下面進行詳細講解。 1使用菜單欄創(chuàng)建模板,20.2 創(chuàng)建模板,2使用原有頁面創(chuàng)建模板 使用原有頁面創(chuàng)建模板的步驟如下所示。 執(zhí)行“文件”|“打開”命令。 在“打開”對話框中，選擇相應的HTML頁面。 單擊“打開”按鈕，打開頁

3、面,20.2 創(chuàng)建模板,3使用資源面板創(chuàng)建模板 使用插入欄或資源面板創(chuàng)建模板的步驟如下所示。 執(zhí)行“窗口”|“資源”命令。 打開資源面板。 在資源面板中，選擇“模板”選項，打開模板內(nèi)容,20.3 編輯模板,編輯模板是指在頁面中定義各種區(qū)域，其中包括可編輯區(qū)域、重復區(qū)域、可選區(qū)域、可編輯標簽屬性等。下面分別進行講解,20.3.1 使用可編輯區(qū)域,在模板中，使用可編輯區(qū)域，包括創(chuàng)建可編輯區(qū)域、更改可編輯區(qū)域和刪除可編輯區(qū)域。下面分別進行講解。 1創(chuàng)建可編輯區(qū)域,20.3.1 使用可編輯區(qū)域,2更改可編輯區(qū)域 更改可編輯區(qū)域的含義是更改可編輯區(qū)域的名稱。在模板頁面中，可以隨意更改任何頁面內(nèi)容，可編輯

4、區(qū)域內(nèi)容的改變，不影響該模板已經(jīng)生成的頁面，更改可編輯區(qū)域的具體操作如下所示,20.3.1 使用可編輯區(qū)域,3刪除可編輯區(qū)域 刪除可編輯區(qū)域的具體操作如下所示。 打開或者新建一個含有可編輯區(qū)域的模板文件。 在模板中，單擊可編輯區(qū)域左上角的標簽，選擇可編輯區(qū)域。 執(zhí)行下列操作之一，刪除可編輯區(qū)域,20.3.2 使用可選區(qū)域,在模板中通常使用可選區(qū)域的內(nèi)容，包括創(chuàng)建可選區(qū)域、更改可選區(qū)域和刪除可選區(qū)域等操作。下面分別進行講解。 1創(chuàng)建可選區(qū)域,20.3.2 使用可選區(qū)域,2使用可選區(qū)域,20.3.2 使用可選區(qū)域,3更改可選區(qū)域 更改可選區(qū)域的含義是更改可選區(qū)域的名稱，以及更改可選區(qū)域定義的參數(shù)，

5、更改可選區(qū)域的具體操作如下所示,20.3.2 使用可選區(qū)域,4刪除可選區(qū)域 刪除可選區(qū)域的具體操作如下所示。 打開或者新建一個含有可選區(qū)域的模板文件。 在模板中，單擊可選區(qū)域左上角的標簽，選擇可選區(qū)域。 執(zhí)行下列操作之一，刪除可選區(qū)域,20.3.3 使用重復區(qū)域,在模板中，使用重復區(qū)域的操作，包括創(chuàng)建重復區(qū)域、更改重復區(qū)域和刪除重復區(qū)域等。下面分別進行講解。 1創(chuàng)建重復區(qū)域,20.3.3 使用重復區(qū)域,2使用重復區(qū)域 使用重復區(qū)域的具體操作如下所示,20.3.3 使用重復區(qū)域,3創(chuàng)建重復表格 創(chuàng)建重復表格的具體操作如下所示,20.3.3 使用重復區(qū)域,4更改重復區(qū)域 更改重復區(qū)域的含義是更改重

6、復區(qū)域的名稱，可選以及更改區(qū)域定義的參數(shù)，更改重復區(qū)域的具體操作如下所示,20.3.3 使用重復區(qū)域,5刪除重復區(qū)域 刪除重復區(qū)域的具體操作如下所示。 打開或者新建一個含有重復區(qū)域的模板文件。 在模板中，單擊重復區(qū)域左上角的標簽，選擇重復的區(qū)域。 執(zhí)行下列操作之一，刪除重復區(qū)域,20.3.4 使元素的屬性可編輯,在模板中，可以定義元素的部分屬性可編輯，具體的操作如下所示。 打開或者新建一個模板文件。 選擇需要更改屬性的元素。 執(zhí)行“修改”|“模板”|“使屬性可編輯”命令。 打開“可編輯標簽屬性”對話框,20.4 使用資源面板,使用資源面板，包括資源面板簡介、使用資源面板添加內(nèi)容、管理資源面板。

7、下面進行詳細講解,20.4.1 資源面板簡介,資源面板可以顯示站點中所使用的各種文件。使用資源面板可以對各種頁面素材進行分類和管理。其具體內(nèi)容如下所示。 執(zhí)行“窗口”|“資源”命令，打開資源面板， 在資源面板中，部分選項的含義如下所示,20.4.2 使用資源面板添加內(nèi)容,使用資源面板可以向頁面中添加內(nèi)容，其具體操作如下所示。 新建文檔。 在文檔中添加文本內(nèi)容。 執(zhí)行“窗口”|“資源”命令，打開資源面板,20.4.3 管理資源面板,在資源面板中的資源，無法直接刪除、復制和剪切?？梢酝ㄟ^右鍵進行資源的相關(guān)操作，其具體操作如下所示。 執(zhí)行“窗口”|“資源”命令，打開資源面板。 右擊，打開下拉菜單，其中部分命令的含義如下所示,20.5 專家總結(jié),網(wǎng)頁模板在設(shè)計頁