了解站点测试指导原则并在上传站点前使用报告来测试您的 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 错误。

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略