Dreamweaver MX [第 8 頁 / 共 2 頁] MDW-1212 三、教學網站簡介
(一)開啟 Default.htm,檔案部份內容如下圖。
1. 設 定 網 頁 標 題 (Title) 為 「 網 站 介 紹 首 頁 」 , 背 景 影 像 設 定 為 DW01-1.gif,上邊界為「0」像素。
2. 在第一段文字之前加入 DW01-2.gif 圖片,再於圖片後強迫分行,
再將「 線上 教學 的第 一站, 您所 要的 資料 ,全在 」等 字的 色彩 設 定為「#FF0000」、粗體,再強迫分行,並設定置中對齊。
3. 選 取 「 老 師 不 在 時 」 等 字 , 設 定 超 連 結 至 網 址 : http://www.4ivy.idv.tw,並設定為在新視窗開啟。
4. 在 第 二 段 文 字 前 加 入 四 欄 一 列 的 表 格 ,寬 度 設 定 為 「 75%」 , 內 距與間距皆設定為「2」,邊框設定為「1」,背景圖片為 DW01-3.gif,
表格置中對齊。
5. 將「網頁教學 技能檢定 圖形下載 背景音樂」等文字依次 放入新增加表格中的各儲存格中,並設定文字水平對齊方式為「置 中對齊」。
6. 將文字「新手入門」所在的表格的對齊方式設定 為「置 中對 齊」,
寬度更改為「90%」,框線設定為「0」。
7. 將 第 二 個 表 格 中 的 第 一 、 三 、 五 欄 中 的 文 字 的 顏 色 設 定 為
「#FF00FF」、粗體,並靠齊每個儲存格的上方。
8. 將第二個表格中的 第二、四、六欄中各 儲存格的文字設定為 「項 目清單」編號方式,文字並靠齊每個儲存格的上方。
9. 在表格下方加入水平線,並設定高度為「5」。
10.將編輯過的網頁檔案儲存。
(二)完成後的部份參考網頁內容如下:
Dreamweaver MX [第 9 頁 / 共 2 頁] MDW-1212
Dreamweaver MX [第 10 頁 / 共 2 頁] MDW-1212 四、Dreamweaver織夢頻道
(一)網頁 Index.htm,是使用樣板 template1 所製作。現希望使用 Layout.htm 製作一個新的版型樣板 template2,並將 Index.htm 的頁面套用成新的 版型。
Index.htm 瀏 覽 畫 面
Index.htm 編 輯 畫 面
La yo ut.htm 編 輯 畫 面
1. 請 開 啟 Index.htm , 分 析 其 可 編 輯 區 域 的 名 稱 。 請 開 啟 Layout.htm, 如下 圖 加入 三個 可編 輯 區。 要注 意的 是這 三 個可 編 輯 區 的 名 稱 要 與 Index.htm 相 同 。 最 後 請 將 檔 案 另 存 樣 板 檔 : template2。
Dreamweaver MX [第 11 頁 / 共 2 頁] MDW-1212 2. 開啟 Index.htm 網頁,並套用至新的樣版:template2。
3. 將編輯過的網頁檔案儲存 (二)完成後的部份參考網頁內容如下: