01站点的本地测试教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt

01站点的本地测试教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）项目*静态网站制作教学资源课件静态网站制作教学资源课件6.1 站点的本地测试 网站创建好后，需要先对本地站点进行测试，修改所有的问题，再上传到远程服务器。1.检查链接(1)打开素材包中提供的“石家庄第二职业中专学校”本地站点，在“文件面板”中双击打开“codes/index.htm”文件，单击“窗口”菜单中的“结果”命令或者按“F7”快捷键，打开如图所示的“结果”面板。1.检查链接(2)选择“链接检查器”，在“显示”框中选择“断掉的链接”，单击左侧的“检查链接”按钮，选择“当前文档中的链接”检查结果如图所示。1.检查链接(3)检查结果表明当前的CSS文件链接有问题，可能是在输入代码时，忘记写“./”相对路径，回到页面中进行路径修改，再进行页内链接的检测直到没有问题链接。2.检查浏览器的兼容性(1)打开要测试的文件，如“index.htm”。(2)按“F7”快捷键，打开“结果”面板，选择“浏览器兼容性”，单击左侧的 按钮，在菜单中选择“设置”，打开如图所示的“目标浏览器”对话框，设置选用哪几种目标浏览器进行测试，并指定每种目标浏览器的最低版本。2.检查浏览器的兼容性(3)单击左侧的 按钮，在菜单中选择“检查浏览器兼容性”命令，检测结果显示如图所示。2.检查浏览器的兼容性(4)在“结果”面板中双击错误消息，转到发生错误的代码行，对错误进行修正，如果网页代码中包含有特定浏览器不支持的代码，是我们不需要修正的，对标记为有问题的元素右击，从快捷菜单中选择“忽略错误”。Dreamweaver会去除这种类型的错误的下划线。同时，在“结果”面板中，这种类型的错误会从“错误”变为“警告”。一个站点经过测试，修改所有错误之后，就可以上传了。