模塊九使用模板和庫

《模塊九使用模板和庫》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、模塊九使用模板和庫任務(wù)四利用模板創(chuàng)建案例任務(wù)一使用模板任務(wù)二使用模板創(chuàng)建文檔任務(wù)三創(chuàng)建、管理和編輯庫項(xiàng)目學(xué)材小結(jié)任務(wù)一使用模板新建“moban9-1”模板后設(shè)計(jì)“個(gè)人簡歷”模板。在DreamweaverCS3中有多種創(chuàng)建模板的方法，可以創(chuàng)建空白模板，也可以創(chuàng)建基于現(xiàn)存文檔的模板，除此之外，還可以將現(xiàn)有的HTML文檔另存為模板，然后根據(jù)需要加以修改。新建模板任務(wù)一使用模板打開DreamweaverCS3，執(zhí)行【窗口】→【資源】菜單命令，打開【資源】面板。新建模板模板單擊該面板上的“模板”按鈕，裝換到“模板”選項(xiàng)中。任

2、務(wù)一使用模板在“資源”面板的有下腳的單擊“新建模板”按鈕，重名為“moban9-1.dow”。新建模板任務(wù)一使用模板文檔編輯窗口中單擊鼠標(biāo)右鍵，在彈出的快捷菜單中執(zhí)行【模板】→【新建重復(fù)區(qū)域】。文檔編輯窗口中“新建重復(fù)區(qū)域”對(duì)話框。新建模板在“名稱”文本框輸入“rr1”后單擊“確定”按鈕。任務(wù)一使用模板表格的第一行分別輸入“個(gè)人信息”和“求職意向”，第三行分別輸入“學(xué)歷與獲獎(jiǎng)”和“技能與愛好”。新建模板表格的第二行一列中單擊鼠標(biāo)右鍵，在彈出的快捷菜單中執(zhí)行【模板】→【新建可編輯區(qū)域】。文檔編輯窗口中“新建可編輯區(qū)域

3、”對(duì)話框。任務(wù)一使用模板在“名稱”文本框輸入“gr”后單擊“確定”按鈕。新建模板同樣的方法在表格的第二行二列中新建可編輯區(qū)域，第四行兩列分別新建可編輯區(qū)域。任務(wù)一使用模板在四個(gè)可編輯區(qū)域輸入相關(guān)的信息。新建模板使用“Ctrl+s”組合鍵保存模板。任務(wù)二使用模板創(chuàng)建文檔新建一個(gè)DreamweaverCS3自帶的模板的文檔“index9-2-1”。打開“DreamweaverCS3”。子任務(wù)1創(chuàng)建基于模板的文檔單擊“HTML”按鈕彈出“新建文檔”對(duì)話框。任務(wù)二使用模板創(chuàng)建文檔選擇【空白頁】→【HTML模板】→【2列彈性

4、，左側(cè)欄、標(biāo)題和腳注】后單擊“創(chuàng)建”按鈕。出現(xiàn)“Untitled-2.html”文件。子任務(wù)1創(chuàng)建基于模板的文檔任務(wù)二使用模板創(chuàng)建文檔執(zhí)行【文件】→【保存】菜單命令后彈出“另存為”對(duì)話框。在“另存為”下拉列表框中選擇“module09”，在“文件名”下拉列表框中輸入“index9-2-1.html”后單擊“保存”按鈕。子任務(wù)1創(chuàng)建基于模板的文檔瀏覽index9-2-1.html文件。任務(wù)二使用模板創(chuàng)建文檔子任務(wù)2在現(xiàn)有文檔上應(yīng)用模板新建一個(gè)index9-2-2.html文件。執(zhí)行【修改】→【模板】→【應(yīng)用模板到頁（

5、A）】菜單命令彈出“選擇模板”對(duì)話框如圖所示。在“模板”文本框中選擇“mudan9-1”模板后單擊“選定”按鈕。任務(wù)二使用模板創(chuàng)建文檔子任務(wù)2在現(xiàn)有文檔上應(yīng)用模板應(yīng)用“mudan9-1”模板后的“index9-2-2.html”文件如圖所示。執(zhí)行【修改】→【模板】→【從模板中分離（D）】菜單命令。任務(wù)二使用模板創(chuàng)建文檔子任務(wù)2在現(xiàn)有文檔上應(yīng)用模板個(gè)人簡歷改為莫莫莫個(gè)人簡歷如圖所示。瀏覽index9-2-2.html文件。任務(wù)二使用模板創(chuàng)建文檔第一步：新建index9-2-3.html后使用“muban9-1”模板。

6、第二步：修改“muban9-1”模板。子任務(wù)3更新基于模板的頁面任務(wù)二使用模板創(chuàng)建文檔子任務(wù)3更新基于模板的頁面新建index9-2-3.html后使用“muban9-1”模板。打開muban9-1模板如圖所示。任務(wù)二使用模板創(chuàng)建文檔子任務(wù)3更新基于模板的頁面新建外部樣式表。新建h2和p標(biāo)簽CSS樣式，如圖所示。任務(wù)二使用模板創(chuàng)建文檔子任務(wù)3更新基于模板的頁面保存“muban9-1”模板。瀏覽index9-2-2.html和index9-2-3.html，如圖所示。index9-2-2.html和index9-2-

7、3.html任務(wù)三創(chuàng)建、管理和編輯庫項(xiàng)目子任務(wù)1創(chuàng)建庫項(xiàng)目使用庫能夠有效地減少一些重復(fù)性的操作，例如鏈接的設(shè)置等。另一方面，使用庫的更新功能還能減少網(wǎng)站的維護(hù)量。新建“ku9-3”庫項(xiàng)目后插入表格。任務(wù)三創(chuàng)建、管理和編輯庫項(xiàng)目子任務(wù)1創(chuàng)建庫項(xiàng)目打開DreamweaverCS3，執(zhí)行【窗口】→【資源】菜單命令，打開【資源】面板，單擊該面板上的“庫”按鈕，裝換到“庫”選項(xiàng)中，如圖所示。任務(wù)三創(chuàng)建、管理和編輯庫項(xiàng)目子任務(wù)1創(chuàng)建庫項(xiàng)目在“資源”面板的有下腳的圖標(biāo)單擊。文件名改為“ku9-3.lbi”，如圖所示。任務(wù)三創(chuàng)建、

8、管理和編輯庫項(xiàng)目子任務(wù)1創(chuàng)建庫項(xiàng)目插入1行4列表格如圖所示。保存“ku9-3.lbi”庫。任務(wù)三創(chuàng)建、管理和編輯庫項(xiàng)目新建“index9-3”文件后使用“ku9-3”庫。子任務(wù)2使用庫項(xiàng)目任務(wù)三創(chuàng)建、管理和編輯庫項(xiàng)目新建index9-3.html文件，如圖所示。子任務(wù)2使用庫項(xiàng)目單擊“插入”按鈕。任務(wù)三創(chuàng)建、管理和編輯庫項(xiàng)目表格下面輸入“修改庫文件”如圖所示