12.07.2015 Views

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

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

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

SHOW MORE
SHOW LESS
  • No tags were found...

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

另 存 樣 式 表 於 本 地 網 站 中 。 在 「 規 則 定 義 」 對 話 盒 中 , 設 定 各 分 類 的 屬 性 。<strong>Dreamweaver</strong> <strong>CS3</strong> 網 頁 編 寫 樣 式 建 立 好 後 ,CSS 樣 式 面 板 中 便 會 多 了 <strong>一</strong> 個 樣 式 檔 和 裝 載 著 的 樣 式 名 稱 。4. 「 選 取 器 類 型 」 還 有 其 他 兩 種 選 擇 : 「 標 籤 」 代 表 更 改 內 置 文 字 標 籤 的 樣 式 。 「 進 階 」 代 表 更 改 文 字 超 連 結 的 樣 式 。5. 利 用 CSS 樣 式 表 來 設 定 下 列 項 目 的 屬 性 : 背 景 圖 片 項 目 清 單 與 編 號 清 單 表 格6. 選 用 CSS 樣 式 表 。工 作 :1. 連 結 AeroDrive 硬 碟 , 在 文 件 夾 "public_html" 中 建 立 <strong>一</strong> 個 文 件 夾 "ex6"。2. 開 啟 <strong>Dreamweaver</strong>, 定 義 文 件 夾 "ex6 為 本 地 網 站 。3. 把 老 師 的 檔 案 "index.htm"、"p1.htm" 及 文 件 夾 "image" 放 在 本 地 網 站 的 根 目 錄 內 。4. 開 啟 "index.htm", 新 增 樣 式 表 "ex6_style.css", 並 加 入 以 下 自 訂 樣 式 : 文 字 樣 式 "main_content":60 像 素 、 藍 色 、 粗 體 未 按 的 超 連 結 樣 式 :60 像 素 、 藍 色 、 無 底 線 按 過 的 超 連 結 樣 式 :72 像 素 、 黑 色 、 無 底 線 表 格 樣 式 : 雙 線 紅 色 外 框 , 淺 黃 色 背 景 以 "bg.gif" 作 背 景 , 並 設 定 為 重 覆 和 固 定5. 套 用 上 述 樣 式 表 至 所 有 網 頁 。6. 完 成 後 把 所 有 檔 案 貯 存 。評 分 準 則 : 建 立 樣 式 表"main_content" 樣 式未 按 超 連 結 樣 式按 過 超 連 結 樣 式表 格 樣 式背 景 樣 式套 用 樣 式 表1 分1 分1 分1 分1 分1 分1 分

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!