第11章站点的测试与发布解读.pptVIP

本章主要介绍了在Dreamweaver CS5中如何测试、发布和管理网站。一个网站编辑、制作完成后要发布到Internet网络上，才能让访问者浏览。在发布之前要先测试一下网站的链接是否正确、目标浏览器是否能正常显示等，然后再上传到申请的Internet服务器空间。 具体涉及以下内容： 掌握站点的测试方法。 掌握站点的发布方法。 FTP上传下载软件的使用。 11.1任务一：测试网站——11.1.1知识要点 测试网站主要是检查目标浏览器，网页的链接，网页的文字、图像能否正常显示并做出报告。 1．检查目标浏览器 “检查目标浏览器”功能对文档中的代码进行测试，检查是否存在目标浏览器所不支持的任何标签、属性、CSS 属性和 CSS 值。此检查对文档不作任何方式的更改。 在”菜单栏”选择“窗口”|“结果”。在打开的“结果”面板中选择“目标浏览器检查”选项卡。点击绿色运行按钮，出现弹出菜单。 为当前文档检查目标浏览器：检查范围只针对于当前文档。 检查整个当前本地站点的目标浏览器：检查范围是整个当前站点。 编辑忽略的错误列表：以XML文档形式编辑错误列表，在检查过程中将忽略这些做错误。 设置：设置目标浏览器类型及其版本。 2．检查站点内的链接 “检查链接”功能用于在打开的文件、本地站点的某一部分或者整个本地站点中查找断链接和未被引用的（也称作孤立的）文件。 在“菜单栏”选择“站点”|“检查站点范围内的链接”。在打开的“结果”面板中的“链接检查器”中查看检测的结果。通过“显示”右侧的下拉菜单选择无效链接的类型。如图11-1-3所示。通过绿色运行按钮下的菜单设定检查链接的范围，并且开始进行检查。这里可以参照检查目标浏览器的检查范围。 3．站点报告 对当前文档、选定的文件或整个站点的工作流程或 HTML 属性（包括辅助功能）可以运行站点报告。 工作流程报告可以改进 Web 小组中各成员之间的协作。可以运行工作流程报告，这些报告显示谁取出了某个文件，哪些文件具有与之关联的设计备注以及最近修改了哪些文件。也可以通过指定名称/值参数来进一步完善设计备注报告。 在“菜单栏”选择“站点”|“报告”（或者在打开的“结果”面板中选择“站点报告”选项卡。点击绿色运行按钮），打开“报告”对话框，选择需要报告的类别和需要运行的报告类型。 11.1.2 工作任务和设计效果 某公司网站已经制作完成，当前的工作任务是测试该网站的目标浏览器的兼容性和网站内的链接并给出报告。 11.1.3工作任务总结 测试网站主要是检查浏览器的兼容性，网页的链接是否有误，网页元素定位是否准确，检查多余的标签和语法错误。经过不断测试、修改，才能保证网站上传到服务器上不会出错。 11.2任务二：发布网站11.2.1知识要点 编辑完的站点经过测试后就可以发布到服务器了。首先要申请服务器空间或租用服务器空间，然后用DW或FTP工具把网站上传到Internet网络服务器上，这样可以让世界上每个角落的访问者浏览到网站。 1．获取WEB空间 可以通过虚拟主机、主机托管或者自己购买服务器的方式来实现获取网站空间。比较简单和实惠的方式就是租赁空间，也就是虚拟主机技术，通常这样做会给租赁者一个ftp帐号和密钥以便上传网页文件。 2．配置服务器 如果我们的远程服务器是租赁空间获得，这个空间对于动态服务器技术是有所限定的，比如大部分空间只支持ASP或者PHP。配置也是根据远程所提供的方案来实现。 如果我们使用的是独立的服务器，就需要根据网站的后台需求具体配置，比如如果网站需要使用ASP.NET就需要配置相应的环境来支持。 3．申请IP和域名 我们可以去专门提供域名申请的网站申请IP和域名，如同。选择需要申请的域名类型，然后按照相应网站的要求注册。 4．上传网站 使用Dreamweaver内置上传功能，可将网站从本地上传到远程服务器，操作非常简单。 选择“站点”|“管理站点”命令，在站点列表中选择要上传的站点，如“公司网站”，点击“编辑”按钮，在弹出的“站点设置”对话框，选择左侧的“服务器”选项卡，如图11-2-1所示。单击“保存”，就可完成设置，如图11-2-2所示。 单击“+”，在弹出的弹出对话框中设置： FTP地址：上传服务器域名或IP地址。 用户名：用户登录时的名称。 密码：用户登录时的密码。 根目录：服务器保存站点的目录。 5． FTP上传下载软件的使用 Dreamweaver虽具有FTP上传和下载功能，但其功能有很大的局限性，通常上传网站的时候使用专门的FTP上传下载软件，这里我们介绍比较常用的FTP上传下载软件——CuteFtp。 11.2.2 工作任务和设计效果 某公