了解站点测试指导原则并在上传站点前使用报告来测试您的 Dreamweaver 站点。
站点测试指导原则
在将站点上传到服务器并声明其可供浏览之前,建议您先在本地对其进行测试。 (实际上,在站点建设过程中,建议您经常对站点进行测试并解决所发现的问题,以便尽早发现问题,避免重复出错。)
应该确保页面在目标浏览器中如预期的那样显示和工作,而且没有断开的链接,页面下载也不会占用太长时间。 还可以通过运行站点报告来测试整个站点并解决出现的问题。
下面的指南有助于您为站点的访问者提供愉快的访问经历:
确保页面在目标浏览器中能够如预期的那样工作。
页面在不支持样式、层、插件或 JavaScript 的浏览器中应清晰可读且功能正常。 对于在较早版本的浏览器中根本无法运行的页面,应考虑使用“检查浏览器”行为,自动将访问者重定向到其它页面。
在不同的浏览器和平台上预览页面。
这使您有机会查看布局、颜色、字体大小和默认浏览器窗口大小等方面的区别,这些区别在目标浏览器检查中是无法预见的。
检查站点是否有断开的链接,并修复断开链接。
由于其它站点也在重新设计、重新组织,所以您所链接的页面可能已被移动或删除。 可运行链接检查报告来对链接进行测试。
监测页面的文件大小以及下载这些页面所占用的时间。
要知道对于由大型表格组成的页面,在某些浏览器中,在整张表完全加载之前,访问者将什么也看不到。 应考虑将大型表格分为几部分;如果不可能这样做,请考虑将少量内容(例如欢迎辞或广告横幅)放在表格以外的页面顶部,这样用户可以在下载表格的同时查看这些内容。
运行一些站点报告来测试并解决整个站点的问题。
您可以检查整个站点是否存在问题,例如无标题文档、空标记以及冗余的嵌套标记。
验证代码,以定位标记或语法错误。
在站点发布后,对其进行更新和维护。
可通过多种方式发布站点(即让站点上线),而且这是一个持续的过程。 该过程的一个重要部分是定义并实现版本控制系统,无论是用 Dreamweaver 中包含的工具实现,还是通过外部版本控制应用程序实现均可。
使用讨论论坛。
可在 Adobe 网站 www.adobe.com/go/dreamweaver_newsgroup 上 找到 Dreamweaver 论坛。
这些论坛是很有价值的资源,通过它们可获得有关不同浏览器、平台等的信息。 还可与其他 Dreamweaver 用户讨论技术问题和交流有用的技巧。
有关解决发布问题的教程,请参阅 www.adobe.com/go/vid0164。
使用报告测试站点
您可以对工作流程或 HTML 属性运行站点报告。 还可以使用“报告”命令来检查站点中的链接。
工作流程报告可以改进 Web 小组中各成员之间的协作。 您可以运行工作流程报告,这些报告可以显示谁取出了某个文件、哪些文件具有与之关联的设计备注以及最近修改了哪些文件。 您可以通过指定名称/值参数来进一步完善设计备注报告。
您必须定义远程站点连接才能运行工作流程报告。
HTML 报告使您可为对多个 HTML 属性编辑和生成报告。 您可以检查可合并的嵌套字体标记、遗漏的替换文本、多余的嵌套标记、可删除的空标记和无标题文档。
运行报告后,可将报告保存为 XML 文件,然后将其导入模板实例、数据库或电子表格中,再将其打印出来或显示在网站上。
还可通过 Adobe Dreamweaver Exchange 网站向 Dreamweaver 添加其他报告类型。
运行报告以测试站点
只有在“文件”面板中已经有选定文件的情况下,才能运行“站点中的已选文件”报告。
如果选择不止一个工作流程报告,则对每个报告都需要单击“报告设置”按钮进行设置。 选择一个报告,然后单击“报告设置”,输入设置,并对任何其它工作流程报告重复该过程。
取出者
创建一个报告,列出某特定小组成员取出的所有文档。 输入小组成员的名称,然后单击“确定”,返回到“报告”对话框。
设计备注
创建一个报告,列出选定文档或站点的所有设计备注。 输入一对或多对名称和值,然后从相应的弹出菜单中选择对比值。 单击“确定”,返回到“报告”对话框。
最近修改
创建一个报告,列出在指定时间段内发生更改的文件。 输入要查看文件的日期范围和所在位置。
可合并的嵌套字体标记
创建一个报告,列出所有可以合并的嵌套字体标记以便清理代码。
例如,<font color="#FF0000"><font size="4">停止!</font></font> 已报告。
没有替换文本
会创建一个报告,列出所有没有替换文本的 img 标记。
在纯文本浏览器或设为手动下载图像的浏览器中,替换文本将替代图像出现在应显示图像的位置。 屏幕阅读器将读出替换文本,而且有些浏览器可在用户鼠标经过图像时显示替换文本。
多余的嵌套标记
创建一个报告,详细列出应该清理的嵌套标记。
例如,将报告 <i> The rain <i> in</i> Spain stays mainly in the plain</i> 。
可删除的空标记
创建一个报告,详细列出所有可以移除的空标记以便清理 HTML 代码。
例如,可能在“代码”视图中已删除了某项或某个图像,却留下了应用于该项的标记。
无标题文档
创建一个报告,列出在选定参数中找到的所有无标题的文档。 Dreamweaver 报告所有具有默认标题、多个标题标记或缺少标题标记的文档。
根据运行的报告的类型,可能会提示您保存文件、定义站点或选择文件夹(如果尚未执行这些操作)。
“站点报告”面板(在“结果”面板组中)中将显示一个结果列表。
使用和保存报告
单击要按其排序的列标题以对结果进行排序。
您可以按文件名、行号或说明进行排序。 还可以运行若干不同的报告并让不同的报告保持打开状态。
选择报告中的任一行,然后单击“站点报告”面板左侧的“更多信息”按钮可显示问题的说明。
双击报告中的任一行可以在“文档”窗口中查看相应的代码。
如果处于“设计”视图中,则 Dreamweaver 将更改显示,拆分视图以显示代码中报告的问题。
在保存报告时,您可以将其导入到现有模板文件中。 然后您可以将该文件导入到数据库或电子表格中并打印它,或使用该文件在网站上显示报告。
运行 HTML 报告后,可使用“清理 HTML”命令来更正报告列出的任何 HTML 错误。