電腦與資訊科技(工作紙) Dreamweaver CS3 網頁編寫(一) 姓名_ 班別 ...

電 腦 與 資 訊 科 技 ( 工 作 紙 )Dreamweaver CS3 網 頁 編 寫 ( 八 )Dreamweaver CS3 網 頁 編 寫姓 名 ______________________ 班 別 ________( )學 習 重 點 :1. 認 識 頁 框 的 功 用 。2. 認 識 頁 框 架 與 頁 框 網 頁 的 關 係 , 並 能 準 確 數 出 一 個 頁 框 網 頁 所 附 屬 的 網 頁 總 數 。3. 能 建 立 一 個 頁 框 架 , 並 正 確 載 入 起 始 網 頁 。4. 能 控 制 網 頁 內 容 顯 示 在 某 個 頁 框 上 。工 作 :1. 連 結 AeroDrive 硬 碟 , 在 文 件 夾 "public_html" 中 建 立 一 個 文 件 夾 "ex8"。2. 在 文 件 夾 "ex8" 中 放 置 老 師 給 與 的 文 件 夾 "webpage" 及 "image"。3. 開 啟 Dreamweaver, 定 義 文 件 夾 "ex8" 為 本 地 網 站 。4. 開 啟 放 置 主 要 內 容 的 "main.htm", 然 後 建 立 下 列 頁 框 架 結 構 :main.htm5. 在 位 置 (1) 內 載 入 導 覽 列 網 頁 "menu.htm"。6. 在 位 置 (2) 內 載 入 標 題 網 頁 "title.htm"。7. 把 整 個 頁 框 架 貯 存 為 "index.htm", 並 存 放 於 本 地 網 站 的 根 目 錄 中 。8. 利 用 圖 片 A1,A2,B1,…,E2 等 五 對 圖 片 在 網 頁 "menu.htm" 內 自 製 一 個 包 含 有 五 個 互換 圖 片 按 鈕 的 導 覽 列 :• 當 按 A 字 按 鈕 後 , 網 頁 "A.htm" 會 覆 蓋 在 右 下 角 的 位 置 上 。• 當 按 B 字 按 鈕 後 , 網 頁 "B.htm" 會 覆 蓋 在 位 置 (1) 上 。• 當 按 C 字 按 鈕 後 , 網 頁 "C.htm" 會 覆 蓋 在 位 置 (2) 上 。• 當 按 D 字 按 鈕 後 , 網 頁 "D.htm" 會 覆 蓋 在 整 個 原 有 視 窗 上 。• 當 按 E 字 按 鈕 後 , 網 頁 "E.htm" 會 覆 蓋 在 一 個 新 的 視 窗 上 。9. 完 成 後 把 所 有 檔 案 貯 存 。評 分 準 則 : 建 立 頁 框 架載 入 起 始 網 頁導 覽 列顯 示 在 正 確 位 置2 分1 分3 分2 分