第14章网站的测试和发布.ppt

网站规划与网页设计 电子工业出版社同名教材 配套电子教案 2006.4 * * 14.1 本地站点的测试 14.2 网站的发布 14.3 网站的推广宣传 第14章 网站的测试和发布 一个网站从建立到投入使用通常要经过以下步骤：合理规划站点、构建本地站点和远程站点、站点的测试及站点的上传与发布。 在完成了本地站点所有页面的设计之后，必须进行必要的测试工作，当网站能够稳定地工作后，就可以将站点上传到远程Web服务器上，使之成为真正的站点，这就是站点的发布。Dreamweaver 8能够很轻松地完成站点的测试和发布。 当用户获得了域名和网站空间之后，应当对本地站点进行完整的测试，再将页面上传到远程Web服务器中，主要的测试工作包括： ? 站点浏览器的兼容性检查； ? 站点的链接检查； ? 在浏览器里预览整个站点中的所有页面，检查可能存在的其他问题。 14.1 本地站点的测试 14.1.1 检测浏览器的兼容性 Dreamweaver 8的“检查目标浏览器”功能可以检测当前HTML文档、整个本地站点或站点窗口中的一个或多个文件/文件夹在目标浏览器中的兼容性。 “检查目标浏览器”功能可以检测Internet Explorer 2.0及其以上版本、Netscape Navigator 2.0及其以上版本和Opera 2.1及其以上版本等浏览器的兼容性。检测的主要方法如下所述。 ① 如果需要检查单一HTML文档，可先在Dreamweaver 8窗口中打开需要检查的HTML文档，然后选择“文件”→“检查页”→“检查目标浏览器”命令，稍等片刻后，即可看到目标浏览器的兼容报告，如图14-1所示。 14.1 本地站点的测试 图14-1 目标浏览器的兼容报告 ② 接下来，检查整个本地站点或站点窗口中的一个或多个文件/文件夹在目标浏览器中的兼容性，在结果面板上单击右键，弹出快捷菜单，选择“检查整个当前本地站点的目标浏览器”命令，结果如图14-2所示。 ③ 单击结果面板左边的 按钮，可以立即在默认浏览器中浏览这些兼容性报告信息，如图14-3所示。 14.1 本地站点的测试 图14-2 为整个站点检查目标浏览器 图14-3 在默认浏览器中浏览兼容性报告信息 14.1.2 检查站点的链接错误 1．检查链接 “链接检查器”功能可以用来检查当前打开的单一文件、文件夹或者整个本地站点文件。在结果面板上单击右键，弹出快捷菜单，选择“检查整个当前本地站点的链接”命令，稍等片刻后，即可在“链接检查器”选项卡中看到链接检查结果。 用户可以从“显示”下拉列表中选择要检查的链接方式。 ? 断掉的链接：检查文档中是否存在断掉的链接，这是默认选项。 ? 外部链接：检查文档中的外部链接是否有效。 ? 孤立文件：检查站点中是否存在孤立文件，这个选项只有在检查整个站点时才启用。 14.1 本地站点的测试 2．修复错误的链接 用户可以通过属性面板和“链接检查器”来修复链接。 （1）通过属性面板来修复链接 在结果面板中直接双击并打开需要修复链接的文件，然后切换到Dreamweaver 8设计窗口中，按快捷键〈Ctrl〉+〈F3〉，打开如图14-5所示的属性面板，在“链接”文本框中输入正确的链接路径即可。 14.1 本地站点的测试 图14-5 属性面板 2．修复错误的链接 （2）通过“链接检查器”来修复链接 首先，在结果面板中选中需要修复链接的文件，在“断掉的链接”列中直接输入正确的链接路径，或者单击后面的“浏览”按钮选择链接路径，如图14-6所示。 14.1 本地站点的测试 图14-6 6 使用“链接检查器”来修复链接 2．修复错误的链接 （2）通过“链接检查器”来修复链接 首先，在结果面板中选中需要修复链接的文件，在“断掉的链接”列中直接输入正确的链接路径，或者单击后面的“浏览”按钮选择链接路径，如图14-6所示。 14.1 本地站点的测试 图14-6 6 使用“链接检查器”来修复链接 14.1.3 在浏览器中预览 在Dreamweaver 8中，对网页进行各种检测，可以找出理论上存在的问题。只有真正在浏览器中浏览网页，才能够找到理论上无法预测，但是实际上确实存在的问题。所以网站的最终测试必须在浏览器中做最后的验证。 网页设计好并在本地站点测试通过后，必须把它发布到Internet上形成真正的网站，否则网站形象仍然不能展现出去。要构建远程站点，必须知道ISP提供的主页空间是如何支持上传的。网页的上传一般是通过FTP软件工具连接Internet服务器进行