PhotoshopCS3FlashCS3DreamweaverCS3商業(yè)網(wǎng)站開發(fā)從入門到精通 課件_第1頁
PhotoshopCS3FlashCS3DreamweaverCS3商業(yè)網(wǎng)站開發(fā)從入門到精通 課件_第2頁
PhotoshopCS3FlashCS3DreamweaverCS3商業(yè)網(wǎng)站開發(fā)從入門到精通 課件_第3頁
PhotoshopCS3FlashCS3DreamweaverCS3商業(yè)網(wǎng)站開發(fā)從入門到精通 課件_第4頁
PhotoshopCS3FlashCS3DreamweaverCS3商業(yè)網(wǎng)站開發(fā)從入門到精通 課件_第5頁
已閱讀5頁,還剩47頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐ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使用資源面板使用資源面板,包括資源面板簡介、使用資源面板添加內(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使用資源面板使用資源面板,包括資源面板簡介、使用資源面

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論