6 站点测试与发布.ppt

第6章 站点测试与发布 6.1 测试和调试站点 网站在上传之前，首先应在本地网络进行测试和调试，包括页面间链接的测试与调试、服务器端应用程序的测试与调试、站点及页面的下载时间测试，代码的优化，在不同浏览器、操作系统、分辨率下的运行和显示测试等，以确保站点上传后运行正确。 6.1.1 测试简述 测试时需考虑以下问题： （1）检查浏览器的兼容性 （2）检查浏览器版本 （3）在浏览器中预览和测试页面 （4）检查站内链接 （5）设置下载时间和大小 （6）运行站点报告 （7）验证代码，以定位标签或语法错误 （8）发布后期工作 6.1.2 检查和修复超级链接 在Dreamweaver 8 的编辑平台下，可以通过站点地图以图形化的方式查看整个网站页面间的链接关系，根据需要添加、修改和删除链接，然后通过链接检查、修复工具对网站中某个文档或整个站点进行测试并修复错误链接。 要使用站点地图浏览网站链接结构之前，必须首先定义站点的首页，具体步骤如下。 选择菜单“站点”|“管理站点”命令，打开“管理站点”对话框。 在列表中选中“myeb”，即所要测试的站点，单击“编辑”按钮，打开“myeb站点定义为”对话框 单击“高级”选项卡，在“分类”列表框中选择“站点地图布局”选项，如图所示，将“index.asp”作为站点主页。 在面板组打开“文件”面板，打开“文件”选项卡，在右侧的列表框中选择“地图视图”。这时“站点导航”下将显示出“myeb”网站的链接结构，以“index.asp”为起始页面。 6.1.3检查浏览器的兼容性 选择“窗口”|“结果”命令，打开“结果”面板。单击“目标浏览器检查”选项卡 “检查目标浏览器”功能对文档中的代码进行了测试，检查是否存在目标浏览器所不支持的任何标签、属性、CSS属性和CSS值，此检查对文档不作任何方式的更改。 默认情况下，每当打开一个文档时，Dreamweaver自动执行目标浏览器检查。可在文档、文件夹或整个站点上运行手动目标浏览器检查。 6.1.4 在浏览器中预览和测试页面 大多数情况下，如果用户的浏览器已安装了必需的插件或ActiveX控件，则与浏览器相关的所有功能（包括JavaScript行为、文档相对链接和绝对链接、ActiveX控件和Netscape Navigator插件）都会起作用。 在设计网站的过程中，应用浏览器预览和测试页面，可随时发现问题随时修改，避免加重后期的测试、修改工作。 若要在浏览器中预览文档，可执行下列任意操作。 （1）选择“文件”｜“在浏览器中预览”命令，然后从其子菜单中选择一个浏览器预览当前文档。如果尚未选择浏览器，可在“首选参数”对话框中进行设置。 （2）按F12键在主浏览器中预览当前文档。 （3）按Ctrl＋F12组合键可在次浏览器中预览当前文档。 6.1.5 程序代码优化与下载时间测试 利用Dreamweaver 8 的可视化工具，可以轻松创建交互式数据库网站，而不必亲自编写ASP应用程序代码。但在设计过程中，由于反复修改及其他因素，系统会自动产生一系列垃圾代码，这些冗余代码和错误代码不仅增加了网页体积，降低了页面浏览速度，严重情况下可能导致页面运行错误。 Dreamweaver 8提供了整理和优化系统代码的工具，可以最大程度上降低冗余度，提高代码质量。打开需要整理和优化的页面文件，选择“命令”|“套用源格式”命令，就可以对该页面文档代码进行整理了。选择“命令”|“清理XHTML”命令，打开“清理HTML/XHTML”对话框，选择默认设置， 6.1.6 检查插件 制作网站应充分考虑到用户使用的便捷性，即网页中插入了Flash动画，应自动查找用户是否安装了Flash浏览器，查找到后自动播放Flash动画，未找到就提示用户安装Flash浏览器。而应用“检查插件”行为即可完成该过程。 打开需要添加“检查插件”行为的网页文件，将光标置于网页空白位置处，然后单击“行为”面板中的“添加行为”按钮，从弹出的菜单中选择“检查插件”命令，打开“检查插件”对话框，设置好链接， 6.2 站点的上传与更新 6.2.1 申请网站空间 网站建成之后，首先需要向网站空间服务商申请一个网站空间，将建好的网站上传之后才能使其对公众发布，让其他人能够访问到网站的内容。 6.2.2 上传站点 网站空间申请好后，就要把用户的网站上传到Internet服务器，Dreamweaver提供了多种上传方式，一般情况下使用FTP的方式上传网站。 1．设置本地服务器地址 2．修改数据库连接 3．上传站点 4．设置“站点“参数 6.2.2 站点的同步更新 网站发布以后，内容不可能一成不变，可以在本地编辑网页，然后采用同步更新的方法更新某一个网页，也可以更新整个站点。 打开站点，选择“站点”｜“同步站点范围”命令，打开 “同