教學課題：13．1網(wǎng)站測試
教學目標：了解網(wǎng)站測試的重要性，掌握檢查瀏覽器兼容性的方法，掌握檢查鏈接、創(chuàng)建站點報告的方法。
教學重點：1、檢查瀏覽器兼容性。
2、檢查鏈接、創(chuàng)建站點報告。
教學難點：創(chuàng)建站點報告。
教學方法：任務驅(qū)動法、小組合組學習法。
教學課時：1節(jié)
教學過程：1、導入新課：略
2、講解新課：
- 演示案例1：檢查瀏覽器兼容性
【操作步驟】
步驟1：啟動Dreamweaver CS5，打開準備檢查游覽器的網(wǎng)頁，在菜單欄中選擇【窗口】->【結(jié)果】->【瀏覽器兼容性】命令，打開“瀏覽器兼容性”面板，如圖13-1所示。
圖13-1
步驟2：在“瀏覽器兼容性”面板中，單擊左上角的三角按鈕 
，在彈出的菜單中選擇“檢查瀏覽器兼容性”命令。
步驟3：此時，將對本地站點中所有文件進行目標瀏覽器檢查，并顯示檢查結(jié)果。在面板左側(cè)中單擊某一個問題，右側(cè)將顯示該問題的詳細解釋。
步驟4：“瀏覽器兼容性”面板中，單擊左上角的三角按鈕 ，在彈出的菜單中選擇“設置”命令。彈出“目標瀏覽器”對話框，可以對“瀏覽器最低版本”進行設置，然后單擊“確定”按鈕，如圖13-2所示。
圖13-2
二、演示案例2：檢查鏈接
【操作步驟】
步驟1：啟動Dreamweaver CS5，打開準備檢查鏈接的網(wǎng)頁，在菜單欄中選擇【窗口】->【結(jié)果】->【鏈接檢查器】命令，打開“鏈接檢查器”面板。
步驟2：在“鏈接器檢查器”面板中，單擊左上角的三角按鈕 ，在彈出的菜單中選擇“檢查整個當前本地站點的鏈接”命令，在“鏈接器檢查器”面板中，即可顯示檢查結(jié)果，如圖13-3所示。
圖13-3
- 演示案例3：創(chuàng)建站點報告
【操作步驟】
步驟1：啟動Dreamweaver CS5，打開準備檢查的網(wǎng)頁，在菜單欄中選擇【站點】-> 【報告】命令，打開“報告”對話框，如圖13-4所示。
圖13-4
步驟2：選擇報告，然后單擊“運行”按鈕。
步驟3：生成站點報告，彈出“站點報告”面板，在面板中顯示站點報告，如圖13-5所示。
圖13-5
教學課題：13．2 上傳發(fā)布網(wǎng)站
教學目標：了解發(fā)布網(wǎng)站的必要性，掌握鏈接到遠程服務器的方法，掌握文件上傳、文件下載的方法。
教學重點：1、鏈接到遠程服務器。
2、文件上傳、文件下載。
教學難點：鏈接到遠程服務器。
教學方法：任務驅(qū)動法、小組合組學習法。
教學課時：1節(jié)
教學過程：1、導入新課：略
2、講解新課：
一、演示案例1：鏈接到遠程服務器
【操作步驟】
步驟1：啟動Dreamweaver CS5，打開“文件”面板，在該面板上單擊“展開以顯示本地和遠程站點” 
，彈出站點管理窗口，如圖13-6所示。
圖13-6
步驟2：單擊“鏈接到遠端主機”按鈕 
，在管理窗口的左側(cè)中將顯示遠程服務器的目錄，如圖13-7所示。
圖13-7
說明：在鏈接到遠端主機前，要先定義“遠程服務器”，本例利用“f:\測試服務器”作為遠程服務器路徑。
二、演示案例2：文件上傳
【操作步驟】
步驟1：啟動Dreamweaver CS5，在站點管理窗口選中準備上傳的文件或文件夾，單擊“上傳”按鈕 
。
步驟2：Dreamweaver CS5會自動將選中的文件或文件夾上傳到遠程服務器。選中站點下的“練習案例2”文件夾，單擊“上傳”按鈕。就會在左側(cè)的“f:\測試服務器”下顯示剛剛上傳的“練習案例2”文件夾，如圖13-8所示
圖13-8
三、演示案例3：文件下載
【操作步驟】
步驟1：選中圖13-8所示的站點管器面板左側(cè)的“網(wǎng)頁特效”文件夾。
步驟2：單擊下載按鈕 
。即可把“網(wǎng)頁特效”文件夾下載到本地站點下。如圖13-9所示。
圖13-9
