老師、各位同學大家好，今天繼續為各位介紹Dreamweaver這套網頁編輯軟體，請多多指教。
跟上週一樣，請各位同學先到「智慧大師」的「課程公告」下載今天要使用的教材檔。
接著，請從「開始」→「所有程式」選擇「Adobe Master Collection CS4」執行「Adobe Dreamweaver CS4」。
同樣，請先新增一個「Dreamweaver網站」，切換至「進階」，命名「網站名稱」，「本地根資料夾」選擇剛下載的教材檔資料夾，「預設影像資料夾」選擇教材檔資料夾中的「img」資料夾，其它略過，確定。
----------------------------------------------------------------------------------------------------------
展示「06.頁框設計」完成檔，開啟練習檔教學。
．按「視覺輔助」勾選「頁框邊框」。
．拖曳網頁編輯區下邊框，分成上下兩個頁框。
．功能表列按「視窗」勾選「頁框」叫出頁框面板。
．點「頁框」面板中的下頁框，回到編輯區拖曳左邊框，形成巢狀頁框。
．點「頁框」面板中的左頁框指定「LeftFrame(完成).html」。
．點「頁框」面板中的中間頁框指定「MainFrame(完成).html」。
※以上在指定頁框時皆須設定「相對於：網站根目錄」。
．儲存各個頁框及整個頁框組，預覽結果。
---------------------------------------------------------------------------------------------------------
展示「07.導覽列設計」完成檔，開啟練習檔練習。
．對文字導覽列中的三行文字反白作超連結。
．分別連結至「News1.html」、「News2.html」、「News3.html」，目標視窗皆選擇右頁框「mainFrame」。
．功能表列按「插入」→「影像物件」→「導覽列」。
．新增三個導覽列項目，並分別設定其「一般狀態」、「滑鼠經過」影像、「URL」、「目標視窗」。
．最後「插入」選「垂直」，預覽結果。
．熱點導覽列的圖片中繪製各種形狀熱點，並設定連結。
---------------------------------------------------------------------------------------------------------
展示「08.媒體應用」完成檔，開啟練習檔練習。
．插入Flash動畫。(Card.swf)
．插入音樂。(LKMH.wma)
．設定參數，預覽結果。
---------------------------------------------------------------------------------------------------------
開始設計網站之前，請先根據之前的構想繪製「網站架構」圖，依老師的規定網站內容至少須要有「關於我」、「Photoshop作業」、「個案分析」。
展示「09.網站架構設計」完成檔，開啟練習檔練習。
．示範Microsoft Office Word繪製架圖。
最後，請各位同學依據自己的「網站架構圖」開始設計屬於自己的網站，並利用這兩週所教的功能與技巧作網頁內容的編排，謝謝各位。
