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

電 腦 與 資 訊 科 技 ( 工 作 紙 )Dreamweaver CS3 網 頁 編 寫 ( 三 )Dreamweaver CS3 網 頁 編 寫姓 名 ______________________ 班 別 ________( )學 習 重 點 :1. 加 入 背 景 圖 片 。2. 插 入 圖 片 、 修 改 其 屬 性 及 加 上 註 解 ( 當 滑 鼠 移 在 圖 片 上 或 圖 片 下 載 不 到 時 顯 示 )。3. 直 接 在 Dreamweaver 中 為 圖 片 製 作 縮 圖 。4. 在 圖 片 上 加 入 超 連 結 , 連 往 另 一 個 網 頁 。5. 建 立 和 變 更 編 號 清 單 或 項 目 清 單 。6. 認 識 「 交 織 圖 」 或 「 低 解 析 圖 」 的 功 用 : 以 便 慢 速 瀏 覽 者 能 盡 早 看 到 圖 片 大 概 。工 作 :1. 連 結 AeroDrive 硬 碟 , 在 文 件 夾 "public_html" 中 建 立 一 個 文 件 夾 "ex3"。2. 開 啟 Dreamweaver, 定 義 文 件 夾 "ex3" 為 本 地 網 站 。3. 在 本 地 網 站 的 根 目 錄 新 增 一 個 文 件 夾 "image", 把 老 師 的 檔 案 "bg.gif"、"tree.jpg"、"flower.jpg" 和 "butterfly.jpg" 放 在 "image" 內 。4. 在 本 地 網 站 的 根 目 錄 新 增 一 個 文 件 夾 "webpage", 在 "webpage" 內 新 增 三 個 網 頁 :"tree.htm"、"flower.htm" 和 "butterfly.htm"。5. 在 本 地 網 站 的 根 目 錄 新 增 一 個 網 頁 "index.htm"。6. 利 用 「 檔 案 總 管 」 複 製 "tree.jpg", 並 把 新 檔 案 命 名 為 "tree_s.jpg"。7. 開 啟 "tree.htm", 在 網 頁 中 插 入 圖 像 "tree.jpg", 並 加 上 註 解 "This is a tree."。8. 把 圖 像 裁 剪 成 400 × 300 的 解 像 度 , 並 在 圖 像 上 加 上 超 連 結 連 結 往 "index.htm", 然後 關 閉 "tree.htm"。9. 把 flower 和 butterfly 替 代 tree, 以 重 覆 步 驟 6 至 8。10. 開 啟 網 頁 "index.htm", 以 "bg.gif" 作 為 背 景 。11. 在 "index.htm" 中 分 別 插 入 "tree_s.jpg"、" flower_s.jpg" 及 " butterfly_s.jpg"。12. 利 用 屬 性 視 窗 中 的 「 重 新 取 樣 」 按 鈕 , 把 上 述 三 幅 圖 片 變 成 40 × 30 解 像 度 。13. 在 三 幅 縮 圖 上 分 別 加 入 超 連 結 連 結 往 "tree.htm"、"flower.htm" 和 "butterfly.htm "。14. 為 這 三 幅 縮 圖 套 用 編 號 清 單 。index.htmflower.htmtree.htm評 分 準 則 : 建 立 正 確 網 站 結 構 1 分複 製 圖 像 1 分加 入 網 頁 背 景 1 分插 入 圖 像 1 分加 入 註 解 1 分製 作 縮 圖 1 分製 作 超 連 結 2 分套 用 編 號 清 單 1 分