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

電 腦 與 資 訊 科 技 ( 工 作 紙 )Dreamweaver CS3 網 頁 編 寫 ( 二 )Dreamweaver CS3 網 頁 編 寫姓 名 ______________________ 班 別 ________( )學 習 重 點 :1. 規 劃 網 站 的 架 構 圖 、 檔 案 位 置 及 檔 案 名 稱 , 並 預 先 在 硬 碟 中 建 立 相 對 的 資 料 夾 。2. 認 識 Dreanweaver CS3 的 網 頁 編 輯 視 窗 、 檔 案 面 板 、 工 具 列 和 屬 性 視 窗 。3. 每 次 利 用 Dreanweaver 編 寫 網 頁 , 都 必 須 定 義 「 本 地 資 訊 」, 否 則 完 成 的 作 品 將 來上 載 伺 服 器 後 , 網 頁 的 連 結 或 會 出 錯 。4. 按 所 製 作 網 頁 的 瀏 覽 對 象 而 設 定 瀏 覽 器 版 本 。5. 設 定 頁 面 屬 性 。6. 加 入 視 窗 標 題 。7. 新 增 文 字 : 鍵 入 、 複 製 和 貼 上 。8. 在 不 使 用 CSS 樣 式 表 的 情 況 下 格 式 化 文 字 ( 先 在 「 編 好 設 定 」 中 剔 除 CSS 選 項 )。9. 設 定 段 落 格 式 ( 置 中 、 靠 右 )。10. 設 定 分 段 (Enter) 及 斷 行 (Shift + Enter)。11. 插 入 及 修 改 水 平 線 。12. 插 入 常 用 特 殊 符 號 。13. 開 啟 瀏 覽 器 預 覽 網 頁 效 果 ( 可 按 快 捷 鍵 F12)。工 作 :1. 連 結 你 自 己 的 AeroDrive 硬 碟 , 在 文 件 夾 "public_html" 中 建 立 一 個 文 件 夾 "ex2"。2. 開 啟 Dreamweaver, 定 義 文 件 夾 "ex2" 為 本 地 網 站 。3. 在 本 地 網 站 新 增 網 頁 "index.htm", 並 把 它 設 為 首 頁 。4. 將 首 頁 的 底 色 設 定 為 "#FFCCCC"。5. 加 上 視 窗 標 題 "Ex2 (08-09)"。6. 在 第 一 行 加 入 校 名 及 斷 行 , 並 設 定 為 紅 色 , 大 小 為 7。7. 在 第 二 行 加 入 日 期 及 註 冊 商 標 符 號 ®, 並 設 定 為 藍 色 斜 體 , 大 小 為 6。8. 在 第 二 行 尾 部 分 段 , 然 後 把 第 一 及 第 二 行 的 內 容 置 中 。9. 在 第 三 行 加 入 一 條 水 平 線 , 設 定 水 平 線 高 度 為 6 像 素 、 寬 度 為 700 像 素 , 而 顏 色 則為 紅 色 。10. 進 入 本 校 網 站 , 把 「 本 月 消 息 」 中 的 三 個 消 息 複 製 , 然 後 貼 上 網 頁 "index.htm"。11. 完 成 後 把 檔 案 貯 存 。評 分 準 則 : 網 頁 底 色視 窗 標 題加 入 校 名 及 斷 行加 入 日 期 及 符 號段 落 置 中文 字 格 式水 平 線 格 式複 製 網 頁 文 字1 分1 分1 分1 分1 分1 分2 分1 分