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

Dreamweaver CS3 網 頁 編 寫電 腦 與 資 訊 科 技 ( 工 作 紙 )Dreamweaver CS3 網 頁 編 寫 ( 十 一 )姓 名 ______________________ 班 別 ________( )學 習 重 點 :1. 建 立 可 轉 換 圖 像 的 導 覽 列 。2. 建 立 spry 下 拉 式 選 單 列 。3. 開 啟 css 樣 式 表 , 並 參 考 「 自 訂 這 個 Widget」 或 下 表 來 修 改 選 單 列 屬 性 。修 改 項 目 相 關 CSS 標 籤 名 稱 相 關 屬 性 名 稱主 選 單 顯 示 範 圍 的 寬 度 ul.MenuBarHorizontal width主 選 單 內 每 一 方 格 的 寬 度 ul.MenuBarHorizontal li width子 選 單 顯 示 範 圍 的 寬 度 ul.MenuBarHorizontal ul width子 選 單 內 每 一 方 格 的 寬 度 ul.MenuBarHorizontal ul li width主 選 單 邊 框 寬 度 ul.MenuBarHorizontal li border子 選 單 邊 框 寬 度 ul.MenuBarHorizontal ul li border主 選 單 內 容 靠 攏 方 向 ul.MenuBarHorizontal li text-align子 選 單 內 容 靠 攏 方 向 ul.MenuBarHorizontal ul li text-align選 單 的 字 體 款 式 ( 細 明 體 ) ul.MenuBarHorizontal a font-family選 單 的 字 體 大 小 ul.MenuBarHorizontal a font-size選 單 的 字 體 式 樣 ( 粗 、 斜 ) ul.MenuBarHorizontal a font-style選 單 的 字 體 顏 色 ul.MenuBarHorizontal a color選 單 的 方 格 背 景 顏 色 ul.MenuBarHorizontal a background-color揀 選 中 之 方 格 的 字 體 款 式 ul.MenuBarHorizontal a:hover font-family揀 選 中 之 方 格 的 字 體 大 小 ul.MenuBarHorizontal a:hover font-size揀 選 中 之 方 格 的 字 體 式 樣 ul.MenuBarHorizontal a:hover font-style揀 選 中 之 方 格 的 字 體 顏 色 ul.MenuBarHorizontal a:hover color揀 選 中 之 方 格 的 方 格 背 景 顏 色 ul.MenuBarHorizontal a:hover background-color( 附 註 : 若 子 選 單 的 某 項 屬 性 未 被 設 定 的 話 , 則 會 以 主 選 單 的 同 一 項 屬 性 來 顯 示 。)工 作 :1. 連 結 你 自 己 的 AeroDrive 硬 碟 , 在 文 件 夾 "public_html" 中 建 立 一 個 文 件 夾 "ex11"。2. 開 啟 Dreamweaver, 定 義 文 件 夾 "ex11" 為 本 地 網 站 。3. 在 資 料 夾 "ex11/image" 中 放 置 老 師 給 與 的 圖 像 。4. 在 本 地 網 站 根 目 錄 位 置 新 增 網 頁 "index.htm"。5. 建 立 一 個 有 三 個 按 鈕 的 水 平 導 覽 列 , 起 始 圖 像 是 黑 白 的 , 當 被 揀 選 時 則 呈 現 彩 色 。6. 把 導 覽 列 的 第 一 個 按 鈕 連 結 至 本 校 網 站 。