在发布前测试 Dreamweaver 站点

站点测试指导原则

在将站点上传到服务器并声明其可供浏览之前，建议您先在本地对其进行测试。（实际上，在站点建设过程中，建议您经常对站点进行测试并解决所发现的问题，以便尽早发现问题，避免重复出错。）

应该确保页面在目标浏览器中如预期的那样显示和工作，而且没有断开的链接，页面下载也不会占用太长时间。还可以通过运行站点报告来测试整个站点并解决出现的问题。

以下准则可帮助您为站点访问者打造良好的体验：

确保页面在目标浏览器中正常运行。

页面在不支持样式、层、插件或 JavaScript 的浏览器中应清晰可读且功能正常。对于在较早版本的浏览器中根本无法运行的页面，应考虑使用“检查浏览器”行为，自动将访问者重定向到其它页面。

在不同的浏览器和平台中预览页面。

这样即有机会在目标浏览器检查中发现布局、颜色、字体大小和默认浏览器窗口大小方面无法预见的区别。

检查站点是否有断开的链接，如有，则修复这些链接。

由于其它站点也在重新设计、重新组织，所以您所链接的页面可能已被移动或删除。可运行链接检查报告来对链接进行测试。

监视页面的文件大小以及下载这些页面所用的时间。

要知道对于由大型表格组成的页面，在某些浏览器中，在整张表完全加载之前，访问者将什么也看不到。应考虑将大型表格分为几部分；如果不可能这样做，请考虑将少量内容（例如欢迎辞或广告横幅）放在表格以外的页面顶部，这样用户可以在下载表格的同时查看这些内容。

运行一些站点报告以测试整个站点并解决其问题。

可检查整个站点的问题，如文档无标题、标签为空以及嵌套了多余的标签。

验证代码以找到标签或语法错误。

在发布站点后更新和维护该站点。

可通过多种方式发布站点（即让站点上线），而且这是一个持续的过程。该过程的一个重要部分是定义并实现版本控制系统，无论是用 Dreamweaver 中包含的工具实现，还是通过外部版本控制应用程序实现均可。

使用讨论论坛。

可在 Adobe 网站上的 www.adobe.com/go/dreamweaver_newsgroup_cn 找到 Dreamweaver 讨论论坛。

这些论坛是很有价值的资源，通过它们可获得有关不同浏览器、平台等的信息。还可与其他 Dreamweaver 用户讨论技术问题和交流有用的技巧。

有关解决出版问题的教程，请访问 www.adobe.com/go/vid0164_cn。

使用报告测试站点

您可以对工作流程或 HTML 属性运行站点报告。还可以使用“报告”命令来检查站点中的链接。

工作流程报告可以改进 Web 小组中各成员之间的协作。您可以运行工作流程报告，这些报告可以显示谁取出了某个文件、哪些文件具有与之关联的设计备注以及最近修改了哪些文件。您可以通过指定名称/值参数来进一步完善设计备注报告。

注意:必须定义远程站点连接才能运行工作流程报告。

HTML 报告使您可为对多个 HTML 属性编辑和生成报告。您可以检查可合并的嵌套字体标签、遗漏的替换文本、多余的嵌套标签、可删除的空标签和无标题文档。

运行报告后，可将它另存为 XML 文件，然后将它导入到模板实例、数据库或电子表格中并打印它或显示在网站上。

注意:还可通过 Adobe Dreamweaver Exchange 网站向 Dreamweaver 添加其他报告类型。

运行报告以测试站点

1. 选择“站点”>“报告”。
2. 从“报告在”弹出菜单中选择要报告的内容，并设置要运行的任意一种报告类型（工作流程或 HTML）。

   只有在“文件”面板中已经有选定文件的情况下，才能运行“站点中的已选文件”报告。

3. 如果您选择了工作流程报告，请单击“报告设置”。否则，跳过这一步。

   注意:如果选择不止一个工作流程报告，则对每个报告都需要单击“报告设置”按钮进行设置。选择一个报告，然后单击“报告设置”，输入设置，并对任何其它工作流程报告重复该过程。

   取出者

   创建一个报告，列出某特定小组成员取出的所有文档。输入小组成员的名称，然后单击“确定”，返回到“报告”对话框。

   设计备注

   创建一个报告，列出选定文档或站点的所有设计备注。输入一对或多对名称和值，然后从相应的弹出菜单中选择对比值。单击“确定”，返回到“报告”对话框。

   最近修改

   创建一个报告，列出在指定时间段内发生更改的文件。输入要查看文件的日期范围和所在位置。

4. 如果选择 HTML 报告，则从以下报告中选择：

   可合并的嵌套字体标签

   创建一个报告，列出所有可以合并的嵌套字体标签以便清理代码。

   例如，将报告 <font color="#FF0000"><font size="4">STOP!</font></font> 。

   没有替换文本

   会创建一个报告，列出所有没有替换文本的 img 标签。

   在纯文本浏览器或设为手动下载图像的浏览器中，替换文本将替代图像出现在应显示图像的位置。屏幕阅读器将读出替换文本，而且有些浏览器可在用户鼠标经过图像时显示替换文本。

   多余的嵌套标签

   创建一个报告，详细列出应该清理的嵌套标签。

   例如，将报告 <i> The rain <i> in</i> Spain stays mainly in the plain</i>。

   可删除的空标签

   创建一个报告，详细列出所有可以移除的空标签以便清理 HTML 代码。

   例如，可能在“代码”视图中已删除了某项或某个图像，却留下了应用于该项的标签。

   无标题文档

   创建一个报告，列出在选定参数中找到的所有无标题的文档。Dreamweaver 报告所有具有默认标题、多个标题标签或缺少标题标签的文档。

5. 单击“运行”，创建报告。

   根据运行的报告的类型，可能会提示您保存文件、定义站点或选择文件夹（如果尚未执行这些操作）。

   “站点报告”面板（在“结果”面板组中）中显示结果的列表。

使用和保存报告

1. 运行报告（请参阅前面的步骤）。
2. 在“站点报告”面板中，执行以下任一操作来查看报告：
   • 单击要按其排序的列标题以对结果进行排序。

     您可以按文件名、行号或说明进行排序。还可以运行若干不同的报告并让不同的报告保持打开状态。

   • 选择报告中的任意一行，然后单击“站点报告”面板左侧的“更多信息”按钮可显示问题的说明。
   • 双击报告中的任一行可以在“文档”窗口中查看相应的代码。

   注意:如果处于“设计”视图中，则 Dreamweaver 将更改显示，拆分视图以显示代码中报告的问题。

3. 单击“保存报告”保存该报告。

   在保存报告时，您可以将其导入到现有模板文件中。然后您可以将该文件导入到数据库或电子表格中并进行打印，或者使用该文件在 Web 站点上显示报告。

   注意:运行 HTML 报告后，可使用“清理 HTML”命令更正报告列出的任何 HTML 错误。

更多此类内容

• 修复断开的链接
• 在 Dreamweaver 中测试链接
• 应用检查浏览器行为
• 验证 XML 文档
• 检查浏览器的兼容性
• 有关解决发布问题的教程
• Dreamweaver 中的报告
• 在 Dreamweaver 中添加和管理扩展功能