模塊九使用模板和庫(kù).ppt

模塊九使用模板和庫(kù) 任務(wù)一使用模板 新建 moban9 1 模板后設(shè)計(jì) 個(gè)人簡(jiǎn)歷 模板 在DreamweaverCS3中有多種創(chuàng)建模板的方法 可以創(chuàng)建空白模板 也可以創(chuàng)建基于現(xiàn)存文檔的模板 除此之外 還可以將現(xiàn)有的HTML文檔另存為模板 然后根據(jù)需要加以修改 新建模板 任務(wù)一使用模板 打開(kāi)DreamweaverCS3 執(zhí)行 窗口 資源 菜單命令 打開(kāi) 資源 面板 新建模板 模板 單擊該面板上的 模板 按鈕 裝換到 模板 選項(xiàng)中 任務(wù)一使用模板 在 資源 面板的有下腳的單擊 新建模板 按鈕 重名為 moban9 1 dow 新建模板 任務(wù)一使用模板 文檔編輯窗口中單擊鼠標(biāo)右鍵 在彈出的快捷菜單中執(zhí)行 模板 新建重復(fù)區(qū)域 文檔編輯窗口中 新建重復(fù)區(qū)域 對(duì)話框 新建模板 在 名稱 文本框輸入 rr1 后單擊 確定 按鈕 任務(wù)一使用模板 表格的第一行分別輸入 個(gè)人信息 和 求職意向 第三行分別輸入 學(xué)歷與獲獎(jiǎng) 和 技能與愛(ài)好 新建模板 表格的第二行一列中單擊鼠標(biāo)右鍵 在彈出的快捷菜單中執(zhí)行 模板 新建可編輯區(qū)域 文檔編輯窗口中 新建可編輯區(qū)域 對(duì)話框 任務(wù)一使用模板 在 名稱 文本框輸入 gr 后單擊 確定 按鈕 新建模板 同樣的方法在表格的第二行二列中新建可編輯區(qū)域 第四行兩列分別新建可編輯區(qū)域 任務(wù)一使用模板 在四個(gè)可編輯區(qū)域輸入相關(guān)的信息 新建模板 使用 Ctrl s 組合鍵保存模板 任務(wù)二使用模板創(chuàng)建文檔 新建一個(gè)DreamweaverCS3自帶的模板的文檔 index9 2 1 打開(kāi) DreamweaverCS3 子任務(wù)1創(chuàng)建基于模板的文檔 單擊 HTML 按鈕彈出 新建文檔 對(duì)話框 任務(wù)二使用模板創(chuàng)建文檔 選擇 空白頁(yè) HTML模板 2列彈性 左側(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)用模板到頁(yè) 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è)人簡(jiǎn)歷改為莫莫莫個(gè)人簡(jiǎn)歷如圖所示 瀏覽index9 2 2 html文件 任務(wù)二使用模板創(chuàng)建文檔 第一步 新建index9 2 3 html后使用 muban9 1 模板 第二步 修改 muban9 1 模板 子任務(wù)3更新基于模板的頁(yè)面 任務(wù)二使用模板創(chuàng)建文檔 子任務(wù)3更新基于模板的頁(yè)面 新建index9 2 3 html后使用 muban9 1 模板 打開(kāi)muban9 1模板如圖所示 任務(wù)二使用模板創(chuàng)建文檔 子任務(wù)3更新基于模板的頁(yè)面 新建外部樣式表 新建h2和p標(biāo)簽CSS樣式 如圖所示 任務(wù)二使用模板創(chuàng)建文檔 子任務(wù)3更新基于模板的頁(yè)面 保存 muban9 1 模板 瀏覽index9 2 2 html和index9 2 3 html 如圖所示 index9 2 2 html和index9 2 3 html 任務(wù)三創(chuàng)建 管理和編輯庫(kù)項(xiàng)目 子任務(wù)1創(chuàng)建庫(kù)項(xiàng)目 使用庫(kù)能夠有效地減少一些重復(fù)性的操作 例如鏈接的設(shè)置等 另一方面 使用庫(kù)的更新功能還能減少網(wǎng)站的維護(hù)量 新建 ku9 3 庫(kù)項(xiàng)目后插入表格 任務(wù)三創(chuàng)建 管理和編輯庫(kù)項(xiàng)目 子任務(wù)1創(chuàng)建庫(kù)項(xiàng)目 打開(kāi)DreamweaverCS3 執(zhí)行 窗口 資源 菜單命令 打開(kāi) 資源 面板 單擊該面板上的 庫(kù) 按鈕 裝換到 庫(kù) 選項(xiàng)中 如圖所示 任務(wù)三創(chuàng)建 管理和編輯庫(kù)項(xiàng)目 子任務(wù)1創(chuàng)建庫(kù)項(xiàng)目 在 資源 面板的有下腳的圖標(biāo)單擊 文件名改為 ku9 3 lbi 如圖所示 任務(wù)三創(chuàng)建 管理和編輯庫(kù)項(xiàng)目 子任務(wù)1創(chuàng)建庫(kù)項(xiàng)目 插入1行4列表格如圖所示 保存 ku9 3 lbi 庫(kù) 任務(wù)三創(chuàng)建 管理和編輯庫(kù)項(xiàng)目 新建 index9 3 文件后使用 ku9 3 庫(kù) 子任務(wù)2使用庫(kù)項(xiàng)目 任務(wù)三創(chuàng)建 管理和編輯庫(kù)項(xiàng)目 新建index9 3 html文件 如圖所示 子任務(wù)2使用庫(kù)項(xiàng)目 單擊 插入 按鈕 任務(wù)三創(chuàng)建 管理和編輯庫(kù)項(xiàng)目 表格下面輸入 修改庫(kù)文件 如圖所示 子任務(wù)2使用庫(kù)項(xiàng)目 瀏覽index9 3 htm