测试和发布网站第十三章.pptxVIP

网站建设与网页设计 第十三章 测试与发布网站 说明：本章节中的具体操作步骤参见书籍的对应章节。 第十三章 测试与发布网站 13.1 测试网站 网站设计完成后，如果希望网络上的计算机能够访问到自己的网站，就必须将网站发布到Web服务器上，而在发布站点之前，就必须对站点进行测试。 网站发布之前，要对站点进行严格的测试。一般来说，测试网站主要包括两个方面：单独网页的测试和网站整体测试。 13.1 测试网站 单独网页的测试，主要包括如下几个方面。 验证代码标记 验证标记，是检查当前页面或所选标签中的HTML代码是否有标签或语法错误。Dreamweaver CS4可以对多种常用语言编写的网页文档进行验证。通常情况下，使用Dreamweaver编写网页，页面中的标签不会出现错误，但如果手工编写了HTML代码，那么需要验证网页中的标记。 检查超链接 检查超链接是测试页面的重点。在Dreamweaver中，用户可以使用【链接检查器】功能检查页面链接情况。 检查网页内容 网页内容的检查，不仅包括检查页面内容是否有错别字和语句不通顺等语言问题，更关键的是检查页面布局是否合理，也就是段落划分、标题设置等是否方便浏览。 13.1.1 测试页面 13.1 测试网站 测试站点就是从整体上检查网站，包括检查超链接、检查网页效果、检查浏览器兼容性等。 检查超链接 网站创建后，需要利用检查网站链接功能对整个站点的超链接进行检查。检查包括是否有空连接、断链接和错误的链接；是否有不合逻辑的链接等。 这里用“校园风光”站点为例，说明如何对整个站点的超链接进行检查。具体做法是：在【文件】面板中，选择根站点，单击鼠标右键，选择【检查链接】命令，在弹出的菜单中选择【整个本地站点】命令。之后在【结果】面板的【链接检查器】选项卡中，会显示有关该站点中的所有超链接情况。 在【显示】框中选择“外部链接”，可查看站点中使用绝对URL的外部链接情况；选择“孤立文件”，可查看站点中所有孤立文件情况。如果出现问题，及时改正。 13.1.2 测试站点 13.1 测试网站 使用站点报告 在Dreamweaver CS4中，可以使用站点报告对整个站点的工作流程和HTML代码进行检查。 使用站点报告的具体做法是：在【文件】面板中，选择根站点，执行【站点】|【报告】命令，打开【报告】对话框。然后在【报告在】的下拉列表框中选择【整个当前本地站点】，然后勾选要检查的项目，之后点击【运行】按钮，站点报告结果就会出现在【结果】面板的的【站点报告】选项卡中。 13.1.2 测试站点 13.1 测试网站 检查网页效果 网页效果的检查，主要是检查站点中使用的多媒体对象是否正常运行；检查网页中是否出现乱码等。 检查浏览器兼容性 浏览器兼容性的检查必不可少。因为浏览器的类型和版本不同，网页的显示效果也不相同，所以应该在多种浏览器平台和不同版本的浏览器中测试，最大限度满足浏览者需要。 检查浏览器兼容性的具体做法是：打开检查目标文档，执行【文件】|【检查页】|【浏览器兼容性】命令，之后检查结果将出现在【结果】面板的的【浏览器兼容性】选项卡中。 13.1.2 测试站点 13.2 发布站点 完成网站的创建和测试之后，下一步就是通过将文件上传到远程文件夹来发布该站点。远程文件夹是存储文件的位置，这些文件用于测试、协作和发布，具体取决于用户的环境。 上传网站之前要需要先在Internet上找到存放自己网站的地方，也就是要在在特定的网络服务器上获取一个存储网站内容的空间和一个用于访问该网站的域名。目前主流采用虚拟主机的形式。 虚拟主机服务分为免费方式和收费方式。免费空间通常有较多的大小和流量限制，而且要求附加广告；收费空间的服务更为全面。在搜索引擎中，用“虚拟空间”等关键字可以搜索到相应的服务提供商。目前，提供域名和空间的网站的网站很多，如“中国数据”网和“中国网格”网等网站都同时提供域名和空间申请服务。 13.2.1 申请域名和空间 13.2 发布站点 完成了域名和空间的申请之后，就需要定义远程站点，为发布站点做准备。 定义远程站点的具体操作：执行【站点】|【管理站点】命令，打开【管理站点】对话框，双击该对话框左侧列表框中所要定义远程站点的站点名称； 随即出现对应的【站点定义】对话框；在【高级】选项卡的【分类】列表框中，选择【远程信息】类别，在右侧的【访问】下拉列表框中选择“FTP”；在【FTP主机】框中输入FTP主机地址，然后进行其他选项的设置。有关选项的内容是由选定的虚拟服务器决定，具体要参见ISP提供的信息。 13.2.2 定义远程站点 13.2 发布站点 在完成