并按确定钮.PPT

網頁速成班 第8章　網頁設計實務 / 8-3 進階技巧介紹 1 - * 自動學習系統 光碟、紙張用得少你我讓地球更美好 ?? 1. 框架式網頁的建立 1.1 選按『檔案/開啟網站』選項，開啟網站 Ex8-01 1.2 按建立新的網頁鈕 旁的倒三角形，選網頁，以開啟網頁範本交談窗 1. 框架式網頁的建立 1.3 切換至框架頁標籤，點選橫幅和目錄，按確定鈕，新增1個框架式網頁 1. 框架式網頁的建立 1.4 按上框架中的設定初始網頁鈕，開啟插入超連結交談窗 1.5 切換至 homepage 資料夾，選取 title 網頁，按確定鈕，設定上框架內容為 title.htm 1. 框架式網頁的建立 1.6 參照步驟1.4~1.5，設定左框架內容為 menu.htm、右框架內容為 main.htm 1.7 按儲存檔案鈕，以開啟另存新檔交談窗 1. 框架式網頁的建立 1.9 在網頁標題欄輸入文字 國家公園介紹網，按確定鈕 1.8 確認檔案名稱欄為 index，再按變更標題鈕 1.10 按儲存鈕，將框架頁儲存 2. 框架屬性的設定 2.1 在上框架按右鍵，選按『框架內容』選項，開啟框架內容交談窗 2.2 在名稱欄輸入 title，框架大小區的高度欄輸入 119，並確認單位為 像素，最後按確定鈕，完成框架的設定 2.3 參照步驟2.1~2.2，設定 左框架的名稱為 menu，右框架的名稱為 main 3. 插入表格 3.1 將游標移到左框架，選按『表格/插入/表格』選項，開啟插入表格交談窗 3. 插入表格 3.2 在列欄輸入 7、欄輸入 1，建立一個7列×1欄的表格 3.3 按對齊方式下拉式方塊，選置中，設定表格置中對齊 3.4 在大小欄輸入 0，設定表格無框線，最後按確定鈕 4. 交換圖像效果的設定 4.2 選按『格式/表現方式』選項，以開啟表現方式工作窗格 4.1 將游標移到表格第1列，按從檔案插入圖片鈕，插入圖片images\1101.jpg 4.3 選取「陽明山國家公園」圖片（1101.jpg），並按插入鈕，選按『交換圖像』選項，開啟交換圖像交談窗 4. 交換圖像效果的設定 1103A.jpg 1103.jpg 5 1104A.jpg 1104.jpg 7 1102A.jpg 1102.jpg 3 交換的圖片 插入的圖片 表格列數 4.4 按瀏覽鈕，選取圖片images\1101A.jpg 4.6 參照步驟4.1、4.3~4.5及左下表，在表格內插入其他圖片，並為圖片設定交換圖像效果 4.5 勾選滑鼠移出時還原事件核取方塊，並按確定鈕，完成交換圖像的設定 4. 交換圖像效果的設定 4. 交換圖像效果的設定 4.7 按關閉鈕關閉工作窗格 5. 框架超連結的設定 5.1 選取「陽明山國家公園」圖片（1101. jpg），選按『插入/超連結』選項，以開啟插入超連結交談窗 5.4 按確定鈕，完成超連結的設定 5.2 切換至 park 資料夾，選取 aa 網頁，並按目標框架鈕，開啟目標框架交談窗 5.3 在目標設定欄輸入 main，按確定鈕 5. 框架超連結的設定 main cc.htm 太魯閣國家公園（1103.jpg） main dd.htm 墾丁國家公園（1104.jpg） main bb.htm 雪霸國家公園（1102.jpg） 目標框架 連結網頁 圖片 5.5 參照步驟5.1~5.4及上表，為表格內的其他圖片設定超連結 5. 框架超連結的設定 6. 網頁背景及音樂的設定 6.1 在右框架按右鍵，選按『網頁內容』選項，開啟網頁內容交談窗 6.2 按背景聲音區的瀏覽鈕，選取音樂檔music\1101.mid 6. 網頁背景及音樂的設定 6.3 切換至設定格式標籤 6.4 在背景區按瀏覽鈕，選取檔案 images\back.jpg， 再按確定鈕，完成網頁背景圖片及音樂的設定 6. 網頁背景及音樂的設定 7.1 將游標移至右框架第1列，選按『插入/Web元件』選項，開啟插入Web元件交談窗 7. 加入跑馬燈 7. 加入跑馬燈 7.2 在選擇效果欄點選跑馬 燈，並按完成鈕，以開啟跑馬燈內容交談窗 7. 加入跑馬燈 7.3 輸入如圖所示的文字，最後按確定鈕 8. 建立影像地圖 8.1 選取 國家公園分佈圖，並在圖片工具列按多角形作用區鈕 8.2 沿著陽明山國家公園地理區域的邊緣點按後，即會自動開啟插入超連結交談窗（若沒開啟，可按Esc鍵） 在圖片上按右鍵，選按『顯示圖片工具列』選項，可開啟圖片工具列 網頁速成班 第8章　網頁設計實務 / 8-3 進階技巧介紹 1 - * 自動學習系統 光碟、紙張用得少你我讓地球更美好 ??