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

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

2、區(qū)域域在在模板中中可以定定義各種種區(qū)域，例如可可編輯區(qū)區(qū)域、可可選區(qū)域域等，方方便模板板的管理理，模板板在“設(shè)設(shè)計(jì)”視視圖的顯顯示效果果如圖所所示。20.1模板簡介介2基于模模板的頁頁面創(chuàng)創(chuàng)建建模板后后，可以以使用模模板生成成頁面。在生成成的頁面面中，會會顯示模模板的部部分區(qū)域域，并且且會標(biāo)明明頁面是是基于哪哪個模板板的頁面面，其“設(shè)計(jì)”視圖顯顯示效果果如圖所所示。20.2創(chuàng)建模板板在Dreamweaver中，創(chuàng)建建模板有有兩種方方法：一一種是使使用“文文件”按按鈕，或或者資源源面板創(chuàng)創(chuàng)建空白白的模板板；另一一種是使使用已有有的頁面面創(chuàng)建模模板。下下面進(jìn)行行詳細(xì)講講解。1使用菜菜單欄創(chuàng)創(chuàng)建模板

3、板20.2創(chuàng)建模板板2使用原原有頁面面創(chuàng)建模模板使用原有有頁面創(chuàng)創(chuàng)建模板板的步驟驟如下所所示。執(zhí)行“文文件”|“打開”命命令。在“打開開”對話話框中，選擇相相應(yīng)的HTML頁面。單擊“打打開”按按鈕，打打開頁面面。20.2創(chuàng)建模板板3使用資資源面板板創(chuàng)建模模板使用插入入欄或資資源面板板創(chuàng)建模模板的步步驟如下下所示。執(zhí)行“窗窗口”|“資源”命命令。打開資源源面板。在資源面面板中，選擇“模板”選項(xiàng)，打開模模板內(nèi)容容20.3編輯模板板編輯模板板是指在在頁面中中定義各各種區(qū)域域，其中中包括可可編輯區(qū)區(qū)域、重重復(fù)區(qū)域域、可選選區(qū)域、可編輯輯標(biāo)簽屬屬性等。下面分分別進(jìn)行行講解。20.3.1使用可編編輯區(qū)域域

4、在模板中中，使用用可編輯輯區(qū)域，包括創(chuàng)創(chuàng)建可編編輯區(qū)域域、更改改可編輯輯區(qū)域和和刪除可可編輯區(qū)區(qū)域。下下面分別別進(jìn)行講講解。1創(chuàng)建可可編輯區(qū)區(qū)域20.3.1使用可編編輯區(qū)域域2更改可可編輯區(qū)區(qū)域更改可編編輯區(qū)域域的含義義是更改改可編輯輯區(qū)域的的名稱。在模板板頁面中中，可以以隨意更更改任何何頁面內(nèi)內(nèi)容，可可編輯區(qū)區(qū)域內(nèi)容容的改變變，不影影響該模模板已經(jīng)經(jīng)生成的的頁面，更改可可編輯區(qū)區(qū)域的具具體操作作如下所所示。20.3.1使用可編編輯區(qū)域域3刪除可可編輯區(qū)區(qū)域刪除可編編輯區(qū)域域的具體體操作如如下所示示。打開或者者新建一一個含有有可編輯輯區(qū)域的的模板文文件。在模板中中，單擊擊可編輯輯區(qū)域左左上角的

5、的標(biāo)簽，選擇可可編輯區(qū)區(qū)域。執(zhí)行下列列操作之之一，刪刪除可編編輯區(qū)域域。20.3.2使用可選選區(qū)域在模板中中通常使使用可選選區(qū)域的的內(nèi)容，包括創(chuàng)創(chuàng)建可選選區(qū)域、更改可可選區(qū)域域和刪除除可選區(qū)區(qū)域等操操作。下下面分別別進(jìn)行講講解。1創(chuàng)建可可選區(qū)域域20.3.2使用可選選區(qū)域2使用可可選區(qū)域域20.3.2使用可選選區(qū)域3更改可可選區(qū)域域更改可選選區(qū)域的的含義是是更改可可選區(qū)域域的名稱稱，以及及更改可可選區(qū)域域定義的的參數(shù)，更改可可選區(qū)域域的具體體操作如如下所示示。20.3.2使用可選選區(qū)域4刪除可可選區(qū)域域刪除可選選區(qū)域的的具體操操作如下下所示。打開或者者新建一一個含有有可選區(qū)區(qū)域的模模板文件件。

6、在模板中中，單擊擊可選區(qū)區(qū)域左上上角的標(biāo)標(biāo)簽，選選擇可選選區(qū)域。執(zhí)行下列列操作之之一，刪刪除可選選區(qū)域。20.3.3使用重復(fù)復(fù)區(qū)域在模板中中，使用用重復(fù)區(qū)區(qū)域的操操作，包包括創(chuàng)建建重復(fù)區(qū)區(qū)域、更更改重復(fù)復(fù)區(qū)域和和刪除重重復(fù)區(qū)域域等。下下面分別別進(jìn)行講講解。1創(chuàng)建重重復(fù)區(qū)域域20.3.3使用重復(fù)復(fù)區(qū)域2使用重重復(fù)區(qū)域域使用重復(fù)復(fù)區(qū)域的的具體操操作如下下所示。20.3.3使用重復(fù)復(fù)區(qū)域3創(chuàng)建重重復(fù)表格格創(chuàng)建重復(fù)復(fù)表格的的具體操操作如下下所示。20.3.3使用重復(fù)復(fù)區(qū)域4更改重重復(fù)區(qū)域域更改重復(fù)復(fù)區(qū)域的的含義是是更改重重復(fù)區(qū)域域的名稱稱，可選選以及更更改區(qū)域域定義的的參數(shù)，更改重重復(fù)區(qū)域域的具體體操

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

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