PhotoshopCS3FlashCS3DreamweaverCS3商業(yè)網(wǎng)站開發(fā)從入門到精通 課件

第20章模板和資源使用模板可以批量地生成布局相似的頁面，同時可以方便地更新使用模板創(chuàng)建的頁面，使用資源面板，可以方便地管理和使用站點(diǎn)中的各種資源，例如圖像、媒體文件等。下面詳細(xì)講解關(guān)于模板和資源的知識。第20章模板和資源使用模板可以批量地生成布局相似的頁面，20.1模板簡介在Dreamweaver中使用模板來制作布局相同或相近的頁面，首先要創(chuàng)建好布局的結(jié)構(gòu)，然后在制作好的布局結(jié)構(gòu)中，定義可以編輯區(qū)域等不同區(qū)域，最后可以使用模板來生成頁面。使用模板生成頁面的好處在于可以方便地通過更新模板中的內(nèi)容，更新所有基于該模板生成的頁面。下面進(jìn)行詳細(xì)講解。20.1模板簡介在Dreamweaver中使用模板來制作20.1模板簡介1．模板中的區(qū)域在模板中可以定義各種區(qū)域，例如可編輯區(qū)域、可選區(qū)域等，方便模板的管理，模板在“設(shè)計(jì)”視圖的顯示效果如圖所示。20.1模板簡介1．模板中的區(qū)域在模板中可以定20.1模板簡介2．基于模板的頁面創(chuàng)建模板后，可以使用模板生成頁面。在生成的頁面中，會顯示模板的部分區(qū)域，并且會標(biāo)明頁面是基于哪個模板的頁面，其“設(shè)計(jì)”視圖顯示效果如圖所示。20.1模板簡介2．基于模板的頁面創(chuàng)建模板后20.2創(chuàng)建模板在Dreamweaver中，創(chuàng)建模板有兩種方法：一種是使用“文件”按鈕，或者資源面板創(chuàng)建空白的模板；另一種是使用已有的頁面創(chuàng)建模板。下面進(jìn)行詳細(xì)講解。1．使用菜單欄創(chuàng)建模板20.2創(chuàng)建模板在Dreamweaver中，創(chuàng)建模板有兩20.2創(chuàng)建模板2．使用原有頁面創(chuàng)建模板使用原有頁面創(chuàng)建模板的步驟如下所示。執(zhí)行“文件”|“打開”命令。在“打開”對話框中，選擇相應(yīng)的HTML頁面。單擊“打開”按鈕，打開頁面。20.2創(chuàng)建模板2．使用原有頁面創(chuàng)建模板20.2創(chuàng)建模板3．使用資源面板創(chuàng)建模板使用插入欄或資源面板創(chuàng)建模板的步驟如下所示。執(zhí)行“窗口”|“資源”命令。打開資源面板。在資源面板中，選擇“模板”選項(xiàng)，打開模板內(nèi)容20.2創(chuàng)建模板3．使用資源面板創(chuàng)建模板20.3編輯模板編輯模板是指在頁面中定義各種區(qū)域，其中包括可編輯區(qū)域、重復(fù)區(qū)域、可選區(qū)域、可編輯標(biāo)簽屬性等。下面分別進(jìn)行講解。20.3編輯模板20.3.1使用可編輯區(qū)域在模板中，使用可編輯區(qū)域，包括創(chuàng)建可編輯區(qū)域、更改可編輯區(qū)域和刪除可編輯區(qū)域。下面分別進(jìn)行講解。1．創(chuàng)建可編輯區(qū)域20.3.1使用可編輯區(qū)域在模板中，使用可編輯區(qū)域，包括20.3.1使用可編輯區(qū)域2．更改可編輯區(qū)域更改可編輯區(qū)域的含義是更改可編輯區(qū)域的名稱。在模板頁面中，可以隨意更改任何頁面內(nèi)容，可編輯區(qū)域內(nèi)容的改變，不影響該模板已經(jīng)生成的頁面，更改可編輯區(qū)域的具體操作如下所示。20.3.1使用可編輯區(qū)域2．更改可編輯區(qū)域20.3.1使用可編輯區(qū)域3．刪除可編輯區(qū)域刪除可編輯區(qū)域的具體操作如下所示。打開或者新建一個含有可編輯區(qū)域的模板文件。在模板中，單擊可編輯區(qū)域左上角的標(biāo)簽，選擇可編輯區(qū)域。執(zhí)行下列操作之一，刪除可編輯區(qū)域。20.3.1使用可編輯區(qū)域3．刪除可編輯區(qū)域20.3.2使用可選區(qū)域在模板中通常使用可選區(qū)域的內(nèi)容，包括創(chuàng)建可選區(qū)域、更改可選區(qū)域和刪除可選區(qū)域等操作。下面分別進(jìn)行講解。1．創(chuàng)建可選區(qū)域20.3.2使用可選區(qū)域在模板中通常使用可選區(qū)域的內(nèi)容，20.3.2使用可選區(qū)域2．使用可選區(qū)域20.3.2使用可選區(qū)域2．使用可選區(qū)域20.3.2使用可選區(qū)域3．更改可選區(qū)域更改可選區(qū)域的含義是更改可選區(qū)域的名稱，以及更改可選區(qū)域定義的參數(shù)，更改可選區(qū)域的具體操作如下所示。20.3.2使用可選區(qū)域3．更改可選區(qū)域20.3.2使用可選區(qū)域4．刪除可選區(qū)域刪除可選區(qū)域的具體操作如下所示。打開或者新建一個含有可選區(qū)域的模板文件。在模板中，單擊可選區(qū)域左上角的標(biāo)簽，選擇可選區(qū)域。執(zhí)行下列操作之一，刪除可選區(qū)域。20.3.2使用可選區(qū)域4．刪除可選區(qū)域20.3.3使用重復(fù)區(qū)域在模板中，使用重復(fù)區(qū)域的操作，包括創(chuàng)建重復(fù)區(qū)域、更改重復(fù)區(qū)域和刪除重復(fù)區(qū)域等。下面分別進(jìn)行講解。1．創(chuàng)建重復(fù)區(qū)域20.3.3使用重復(fù)區(qū)域在模板中，使用重復(fù)區(qū)域的操作，包20.3.3使用重復(fù)區(qū)域2．使用重復(fù)區(qū)域使用重復(fù)區(qū)域的具體操作如下所示。20.3.3使用重復(fù)區(qū)域2．使用重復(fù)區(qū)域20.3.3使用重復(fù)區(qū)域3．創(chuàng)建重復(fù)表格創(chuàng)建重復(fù)表格的具體操作如下所示。20.3.3使用重復(fù)區(qū)域3．創(chuàng)建重復(fù)表格20.3.3使用重復(fù)區(qū)域4．更改重復(fù)區(qū)域更改重復(fù)區(qū)域的含義是更改重復(fù)區(qū)域的名稱，可選以及更改區(qū)域定義的參數(shù)，更改重復(fù)區(qū)域的具體操作如下所示。20.3.3使用重復(fù)區(qū)域4．更改重復(fù)區(qū)域20.3.3使用重復(fù)區(qū)域5．刪除重復(fù)區(qū)域刪除重復(fù)區(qū)域的具體操作如下所示。打開或者新建一個含有重復(fù)區(qū)域的模板文件。在模板中，單擊重復(fù)區(qū)域左上角的標(biāo)簽，選擇重復(fù)的區(qū)域。執(zhí)行下列操作之一，刪除重復(fù)區(qū)域。20.3.3使用重復(fù)區(qū)域5．刪除重復(fù)區(qū)域20.3.4使元素的屬性可編輯在模板中，可以定義元素的部分屬性可編輯，具體的操作如下所示。打開或者新建一個模板文件。選擇需要更改屬性的元素。執(zhí)行“修改”|“模板”|“使屬性可編輯”命令。打開“可編輯標(biāo)簽屬性”對話框，20.3.4使元素的屬性可編輯在模板中，可以定義元素的部20.4使用資源面板使用資源面板，包括資源面板簡介、使用資源面板添加內(nèi)容、管理資源面板。下面進(jìn)行詳細(xì)講解。20.4使用資源面板20.4.1資源面板簡介資源面板可以顯示站點(diǎn)中所使用的各種文件。使用資源面板可以對各種頁面素材進(jìn)行分類和管理。其具體內(nèi)容如下所示。執(zhí)行“窗口”|“資源”命令，打開資源面板，在資源面板中，部分選項(xiàng)的含義如下所示。20.4.1資源面板簡介資源面板可以顯示站點(diǎn)中所使用的各20.4.2使用資源面板添加內(nèi)容使用資源面板可以向頁面中添加內(nèi)容，其具體操作如下所示。新建文檔。在文檔中添加文本內(nèi)容。執(zhí)行“窗口”|“資源”命令，打開資源面板。20.4.2使用資源面板添加內(nèi)容使用資源面板可以向頁面中20.4.3管理資源面板在資源面板中的資源，無法直接刪除、復(fù)制和剪切?？梢酝ㄟ^右鍵進(jìn)行資源的相關(guān)操作，其具體操作如下所示。執(zhí)行“窗口”|“資源”命令，打開資源面板。右擊，打開下拉菜單，其中部分命令的含義如下所示。20.4.3管理資源面板在資源面板中的資源，無法直接刪除20.5專家總結(jié)網(wǎng)頁模板在設(shè)計(jì)頁面時并不經(jīng)常使用，但合理地使用，可以方便地制作站點(diǎn)中各種相似的頁面。在使用模板的時候，要注意各種模板區(qū)域的使用方法，以及使用模板更換生成頁面的方法。關(guān)于資源部分，主要掌握資源面板的使用方法，以及合理地管理資源面板中的各種資源。20.5專家總結(jié)網(wǎng)頁模板在設(shè)計(jì)頁面時并不經(jīng)常使用，但合理第20章模板和資源使用模板可以批量地生成布局相似的頁面，同時可以方便地更新使用模板創(chuàng)建的頁面，使用資源面板，可以方便地管理和使用站點(diǎn)中的各種資源，例如圖像、媒體文件等。下面詳細(xì)講解關(guān)于模板和資源的知識。第20章模板和資源使用模板可以批量地生成布局相似的頁面，20.1模板簡介在Dreamweaver中使用模板來制作布局相同或相近的頁面，首先要創(chuàng)建好布局的結(jié)構(gòu)，然后在制作好的布局結(jié)構(gòu)中，定義可以編輯區(qū)域等不同區(qū)域，最后可以使用模板來生成頁面。使用模板生成頁面的好處在于可以方便地通過更新模板中的內(nèi)容，更新所有基于該模板生成的頁面。下面進(jìn)行詳細(xì)講解。20.1模板簡介在Dreamweaver中使用模板來制作20.1模板簡介1．模板中的區(qū)域在模板中可以定義各種區(qū)域，例如可編輯區(qū)域、可選區(qū)域等，方便模板的管理，模板在“設(shè)計(jì)”視圖的顯示效果如圖所示。20.1模板簡介1．模板中的區(qū)域在模板中可以定20.1模板簡介2．基于模板的頁面創(chuàng)建模板后，可以使用模板生成頁面。在生成的頁面中，會顯示模板的部分區(qū)域，并且會標(biāo)明頁面是基于哪個模板的頁面，其“設(shè)計(jì)”視圖顯示效果如圖所示。20.1模板簡介2．基于模板的頁面創(chuàng)建模板后20.2創(chuàng)建模板在Dreamweaver中，創(chuàng)建模板有兩種方法：一種是使用“文件”按鈕，或者資源面板創(chuàng)建空白的模板；另一種是使用已有的頁面創(chuàng)建模板。下面進(jìn)行詳細(xì)講解。1．使用菜單欄創(chuàng)建模板20.2創(chuàng)建模板在Dreamweaver中，創(chuàng)建模板有兩20.2創(chuàng)建模板2．使用原有頁面創(chuàng)建模板使用原有頁面創(chuàng)建模板的步驟如下所示。執(zhí)行“文件”|“打開”命令。在“打開”對話框中，選擇相應(yīng)的HTML頁面。單擊“打開”按鈕，打開頁面。20.2創(chuàng)建模板2．使用原有頁面創(chuàng)建模板20.2創(chuàng)建模板3．使用資源面板創(chuàng)建模板使用插入欄或資源面板創(chuàng)建模板的步驟如下所示。執(zhí)行“窗口”|“資源”命令。打開資源面板。在資源面板中，選擇“模板”選項(xiàng)，打開模板內(nèi)容20.2創(chuàng)建模板3．使用資源面板創(chuàng)建模板20.3編輯模板編輯模板是指在頁面中定義各種區(qū)域，其中包括可編輯區(qū)域、重復(fù)區(qū)域、可選區(qū)域、可編輯標(biāo)簽屬性等。下面分別進(jìn)行講解。20.3編輯模板20.3.1使用可編輯區(qū)域在模板中，使用可編輯區(qū)域，包括創(chuàng)建可編輯區(qū)域、更改可編輯區(qū)域和刪除可編輯區(qū)域。下面分別進(jìn)行講解。1．創(chuàng)建可編輯區(qū)域20.3.1使用可編輯區(qū)域在模板中，使用可編輯區(qū)域，包括20.3.1使用可編輯區(qū)域2．更改可編輯區(qū)域更改可編輯區(qū)域的含義是更改可編輯區(qū)域的名稱。在模板頁面中，可以隨意更改任何頁面內(nèi)容，可編輯區(qū)域內(nèi)容的改變，不影響該模板已經(jīng)生成的頁面，更改可編輯區(qū)域的具體操作如下所示。20.3.1使用可編輯區(qū)域2．更改可編輯區(qū)域20.3.1使用可編輯區(qū)域3．刪除可編輯區(qū)域刪除可編輯區(qū)域的具體操作如下所示。打開或者新建一個含有可編輯區(qū)域的模板文件。在模板中，單擊可編輯區(qū)域左上角的標(biāo)簽，選擇可編輯區(qū)域。執(zhí)行下列操作之一，刪除可編輯區(qū)域。20.3.1使用可編輯區(qū)域3．刪除可編輯區(qū)域20.3.2使用可選區(qū)域在模板中通常使用可選區(qū)域的內(nèi)容，包括創(chuàng)建可選區(qū)域、更改可選區(qū)域和刪除可選區(qū)域等操作。下面分別進(jìn)行講解。1．創(chuàng)建可選區(qū)域20.3.2使用可選區(qū)域在模板中通常使用可選區(qū)域的內(nèi)容，20.3.2使用可選區(qū)域2．使用可選區(qū)域20.3.2使用可選區(qū)域2．使用可選區(qū)域20.3.2使用可選區(qū)域3．更改可選區(qū)域更改可選區(qū)域的含義是更改可選區(qū)域的名稱，以及更改可選區(qū)域定義的參數(shù)，更改可選區(qū)域的具體操作如下所示。20.3.2使用可選區(qū)域3．更改可選區(qū)域20.3.2使用可選區(qū)域4．刪除可選區(qū)域刪除可選區(qū)域的具體操作如下所示。打開或者新建一個含有可選區(qū)域的模板文件。在模板中，單擊可選區(qū)域左上角的標(biāo)簽，選擇可選區(qū)域。執(zhí)行下列操作之一，刪除可選區(qū)域。20.3.2使用可選區(qū)域4．刪除可選區(qū)域20.3.3使用重復(fù)區(qū)域在模板中，使用重復(fù)區(qū)域的操作，包括創(chuàng)建重復(fù)區(qū)域、更改重復(fù)區(qū)域和刪除重復(fù)區(qū)域等。下面分別進(jìn)行講解。1．創(chuàng)建重復(fù)區(qū)域20.3.3使用重復(fù)區(qū)域在模板中，使用重復(fù)區(qū)域的操作，包20.3.3使用重復(fù)區(qū)域2．使用重復(fù)區(qū)域使用重復(fù)區(qū)域的具體操作如下所示。20.3.3使用重復(fù)區(qū)域2．使用重復(fù)區(qū)域20.3.3使用重復(fù)區(qū)域3．創(chuàng)建重復(fù)表格創(chuàng)建重復(fù)表格的具體操作如下所示。20.3.3使用重復(fù)區(qū)域3．創(chuàng)建重復(fù)表格20.3.3使用重復(fù)區(qū)域4．更改重復(fù)區(qū)域更改重復(fù)區(qū)域的含義是更改重復(fù)區(qū)域的名稱，可選以及更改區(qū)域定義的參數(shù)，更改重復(fù)區(qū)域的具體操作如下所示。20.3.3使用重復(fù)區(qū)域4．更改重復(fù)區(qū)域20.3.3使用重復(fù)區(qū)域5．刪除重復(fù)區(qū)域刪除重復(fù)區(qū)域的具體操作如下所示。打開或者新建一個含有重復(fù)區(qū)域的模板文件。在模板中，單擊重復(fù)區(qū)域左上角的標(biāo)簽，選擇重復(fù)的區(qū)域。執(zhí)行下列操作之一，刪除重復(fù)區(qū)域。20.3.3使用重復(fù)區(qū)域5．刪除重復(fù)區(qū)域20.3.4使元素的屬性可編輯在模板中，可以定義元素的部分屬性可編輯，具體的操作如下所示。打開或者新建一個模板文件。選擇需要更改屬性的元素。執(zhí)行“修改”|“模板”|“使屬性可編輯”命令。打開“可編輯標(biāo)簽屬性”對話框，20.3.4使元素的屬性可編輯在模板中，可以定義元素的部20.4使用資源面板使用資源面板，包括資源面板簡介、使用資源面