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

電 腦 與 資 訊 科 技 ( 工 作 紙 )Dreamweaver CS3 網 頁 編 寫 ( 七 )Dreamweaver CS3 網 頁 編 寫姓 名 ______________________ 班 別 ________( )學 習 重 點 :1. 加 入 Flash 文 字 和 Flash 按 鈕 和 修 改 其 相 關 屬 性 。2. 加 入 Flash 影 片 和 修 改 其 相 關 屬 性 。3. 利 用 Flash 影 像 檢 視 器 來 製 作 投 影 片 播 放 效 果 。4. 利 用 外 掛 程 式 加 入 音 效 和 其 他 格 式 的 影 片 。工 作 :1. 連 結 AeroDrive 硬 碟 , 在 文 件 夾 "public_html" 中 建 立 一 個 文 件 夾 "ex7"。2. 開 啟 Dreamweaver, 定 義 文 件 夾 "ex7" 為 本 地 網 站 。3. 把 老 師 的 文 件 夾 "image"、"flash" 及 "sound" 放 在 本 地 網 站 的 根 目 錄 內 。4. 在 根 目 錄 新 增 網 頁 "index.htm"。 開 啟 "index.htm", 在 第 一 行 加 入 Flash 文 字 :Exercise7。 設 定 Flash 文 字 的 大 小 為 100 點 , 顏 色 為 藍 色 轉 紅 色 。5. 在 第 二 行 插 入 一 個 背 景 是 黃 色 的 表 格 : 一 列 三 欄 。 從 左 至 右 分 別 在 方 格 內 放 置 三 個Flash 按 鈕 , 並 標 籤 為 :"Movie"、"Slide" 及 "Sound"。 按 鈕 式 樣 隨 你 所 定 , 按 鈕 背 景也 是 黃 色 , 大 小 則 為 160×40。 然 後 暫 時 關 閉 首 頁 。6. 新 增 "movie.htm", 加 入 Flash 影 片 "bee.swf", 把 影 片 大 小 設 定 為 400×400, 然 後 關閉 "movie.htm"。7. 新 增 "slide.htm", 加 入 Flash 影 像 檢 視 器 並 命 名 為 "show.swf", 把 影 像 檢 視 器 大 小 設定 為 400×300。 利 用 右 側 「Flash 元 素 」 視 窗 中 的 「imageURLs」 加 入 "p01.jpg"、"p02.jpg" 和"p03.jpg" 這 三 張 影 片 , 在 加 入 下 列 設 定 後 關 閉 " slide.htm"。 利 用 「imageCaptions」 為 上 述 照 片 分 別 加 入 文 字 說 明 :"HK Cultural Centre"、"New World Centre" 和 "HK Space Museum"。 利 用 「captionSize」 把 照 片 說 明 的 大 小 設 定 為 18 像 素 。 利 用 「slideDelay」 設 定 每 張 照 片 的 播 放 時 間 為 2 秒 。 利 用 「slideAutoPlay」 設 定 為 自 動 播 放 。 利 用 「slideLoop」 設 定 為 循 環 播 放 。8. 新 增 "sound.htm", 利 用 「 插 入 」→「 媒 體 」→「Plug-in」 加 入 一 個 音 效 播 放 面 板 來播 放 "s01.mp3", 把 面 板 大 小 設 定 為 400×45。 利 用 右 側 「 一 般 」 視 窗 中 的 「autostart」把 面 板 改 成 不 自 動 播 放 , 然 後 關 閉 "sound.htm"。9. 開 啟 "index.htm", 把 之 前 建 立 的 按 鈕 從 左 至 右 分 別 加 上 連 結 至 網 頁 " movie.htm"、"slide.htm" 和 " sound.htm"。10. 完 成 後 把 所 有 檔 案 貯 存 。評 分 準 則 : 建 立 Flash 文 字建 立 Flash 按 鈕建 立 Flash 影 片建 立 影 像 檢 視 器建 立 音 效 面 板建 立 按 鈕 連 結2 分2 分2 分3 分2 分1 分