教学课题：13．1网站测试
教学目标：了解网站测试的重要性，掌握检查浏览器兼容性的方法，掌握检查链接、创建站点报告的方法。
教学重点：1、检查浏览器兼容性。
2、检查链接、创建站点报告。
教学难点：创建站点报告。
教学方法：任务驱动法、小组合组学习法。
教学课时：1节
教学过程：1、导入新课：略
2、讲解新课：
- 演示案例1：检查浏览器兼容性
【操作步骤】
步骤1：启动Dreamweaver CS5，打开准备检查游览器的网页，在菜单栏中选择【窗口】->【结果】->【浏览器兼容性】命令，打开“浏览器兼容性”面板，如图13-1所示。
图13-1
步骤2：在“浏览器兼容性”面板中，单击左上角的三角按钮 
，在弹出的菜单中选择“检查浏览器兼容性”命令。
步骤3：此时，将对本地站点中所有文件进行目标浏览器检查，并显示检查结果。在面板左侧中单击某一个问题，右侧将显示该问题的详细解释。
步骤4：“浏览器兼容性”面板中，单击左上角的三角按钮 ，在弹出的菜单中选择“设置”命令。弹出“目标浏览器”对话框，可以对“浏览器最低版本”进行设置，然后单击“确定”按钮，如图13-2所示。
图13-2
二、演示案例2：检查链接
【操作步骤】
步骤1：启动Dreamweaver CS5，打开准备检查链接的网页，在菜单栏中选择【窗口】->【结果】->【链接检查器】命令，打开“链接检查器”面板。
步骤2：在“链接器检查器”面板中，单击左上角的三角按钮 ，在弹出的菜单中选择“检查整个当前本地站点的链接”命令，在“链接器检查器”面板中，即可显示检查结果，如图13-3所示。
图13-3
- 演示案例3：创建站点报告
【操作步骤】
步骤1：启动Dreamweaver CS5，打开准备检查的网页，在菜单栏中选择【站点】-> 【报告】命令，打开“报告”对话框，如图13-4所示。
图13-4
步骤2：选择报告，然后单击“运行”按钮。
步骤3：生成站点报告，弹出“站点报告”面板，在面板中显示站点报告，如图13-5所示。
图13-5
教学课题：13．2 上传发布网站
教学目标：了解发布网站的必要性，掌握链接到远程服务器的方法，掌握文件上传、文件下载的方法。
教学重点：1、链接到远程服务器。
2、文件上传、文件下载。
教学难点：链接到远程服务器。
教学方法：任务驱动法、小组合组学习法。
教学课时：1节
教学过程：1、导入新课：略
2、讲解新课：
一、演示案例1：链接到远程服务器
【操作步骤】
步骤1：启动Dreamweaver CS5，打开“文件”面板，在该面板上单击“展开以显示本地和远程站点” 
，弹出站点管理窗口，如图13-6所示。
图13-6
步骤2：单击“链接到远端主机”按钮 
，在管理窗口的左侧中将显示远程服务器的目录，如图13-7所示。
图13-7
说明：在链接到远端主机前，要先定义“远程服务器”，本例利用“f:\测试服务器”作为远程服务器路径。
二、演示案例2：文件上传
【操作步骤】
步骤1：启动Dreamweaver CS5，在站点管理窗口选中准备上传的文件或文件夹，单击“上传”按钮 
。
步骤2：Dreamweaver CS5会自动将选中的文件或文件夹上传到远程服务器。选中站点下的“练习案例2”文件夹，单击“上传”按钮。就会在左侧的“f:\测试服务器”下显示刚刚上传的“练习案例2”文件夹，如图13-8所示
图13-8
三、演示案例3：文件下载
【操作步骤】
步骤1：选中图13-8所示的站点管器面板左侧的“网页特效”文件夹。
步骤2：单击下载按钮 
。即可把“网页特效”文件夹下载到本地站点下。如图13-9所示。
图13-9
