网站建设与维护崔良海第9章ppt课件.ppt

第9章Web站点的测试与维护 9 1网页的测试方法9 2网站的更新与维护本章小结练习题 9 1网页的测试方法 9 1 1检查网页在不同版本浏览器下的运用情况由于各种版本的浏览器支持不同版本的HTML语言 因此网页完成之后 必须让网页能够在绝大多数浏览器中顺利显示 以满足大多数用户的需要 如果在自己的计算机上建设站点 最好的测试方法就是在本机上使用Web浏览器浏览测试 这样的测试虽然说是网页测试 但实际上包括了网页和网站服务器的总体测试 应尽可能使用多种版本的浏览器来测试网页 主要的浏览器是IE和Netscape 注意 不要使用最新版本的浏览器进行网页测试 最好使用大多数用户常用的浏览器版本 例如 较新浏览器版本为IE6 0和Netscape5 0 但部分网络用户使用的还是IE4 0和Netscape4 0 因此在测试时 应以这两种浏览器为主 但应该适当兼顾高版本的浏览器 因为随着浏览器版本的升高 功能也在不断增强 许多高版本中能显示的效果 在低版本浏览器中不一定能实现 有条件的话也应该用Opera Mosaic等浏览器进行测试 9 1 2在多种操作系统中测试网页由于操作系统的不同 网页在浏览器中的效果也不尽相同 当前用户的主要操作系统为Windows与Linux 在Windows中 浏览器都是标准的800 600或1024 768 但在Linux中 使用的是X Windows 浏览器一般没有固定的长宽比 而且窗口形状趋向于正方形 网页中的表单控件形状在Window和X Windows中的显示更是差别巨大 这需要将页面布局安排适当 才能使网页在不同的浏览器中正确显示 解决此问题的方法之一是在设置宽度的参数时尽可能使用百分比 避免使用数字 例如 设置参数width 200 会在不同的分辨率条件下 如800 600与1024 768 产生不同的效果 这时可以用width 25 来代替 这就使得无论使用什么分辨率 用户都能获得较满意的效果 此外 也可以在主页中设置提示 提醒用户使用浏览网页的最佳屏幕设置 9 1 3不同人员与不同位置测试测试不能仅局限于网页制作人员 如果有条件的话 应该请不同年龄 不同职业 受教育程度不同的人使用不同的机器来测评网页 以得到较客观 全面的评价 不仅要在本地进行网页测试 这往往是网页完成后首先进行的测试 最重要的是需要在远程进行测试 因为有些时候虽然网页很精彩 但由于文件字节太长 传输速率就会跟不上需要 从而使用户失去浏览兴趣 因此网页中的背景不应当采用一整幅图画来设置 必须将其分割成多幅字节数较少的图画 然后拼接成整幅背景 还应该让多个用户同时浏览同一网页 尤其对交互式网页 这种测试是十分必要的 必须设置好权限 避免一个以上用户同时修改同一记录 网页测试的过程也是修改的过程 在测试网页的同时应根据结果及时进行相应的修改 9 1 4利用程序测试Dreamweaver中的 CheckTargetBrowser 可以自动检测该网页在六种不同版本的浏览器IE2 0 6 0和Netscape2 0 5 0中的支持情况 并会自动生成一个报告检查详细结果的HTML文件 并且调用默认浏览器浏览 此检查报告十分详细 不仅指出每个错误在文件中的详细位置 而且说明了错误的原因 检查功能还支持对JavaScript和DHTML的检查 可以解决使用FrontPage制作的网页在Netscape下浏览往往显得杂乱无章的问题 Dreamweaver制作的层不太适合Netscape调用 最好还是先将它转换为表格 这个问题 用以上方法是查不出来的 对于拼写也可以使用程序检查 如在FrontPage2000中打开要检查拼写的网页 然后依次选择莱单栏中 工具 拼写与检查 或按F7快捷键 随后FrontPage2000会报告检查结果 可以立即予以更改 另一个网页制作软件GoLive也可以有效地进行网页测试 因为它将整个网站中的所有文件和文件夹视为一个整体 这样就可以对任何断链情况或文件丢失情况进行跟踪检查 甚至还能够在误移动文件后 对网站整体的文件指向进行修改 假设网页的文件名变化了 GoLive会自动查找哪些网页会因此更改而受到影响 并发出警告来询问是否执行更新操作 如果利用文本编辑器对网页源编码进行检查 就必须查清所有网页中的有关链接 9 1 5由权威网站测试可以登录 3 评价五种上传方式 调制解调器14 4kb s 28 8kb s 56kb s ISDN128kb s T11 44Mb s 所需用的时间 4 死链接检测 即检测该网站主页含有死链接数量的多少 5 评价Internet与该网站主页的友情链接 6 拼写校验 即用Web词典校验该网站主页的拼写错误 限于英文网站 7 HTML代码的完整性评价 此报告是以英文编写的 以下是一个测试结果的例子 1 OVERALLPAGERATING GOOD 2 BROWSERCOMPATIBILITYCHECK GOOD 3 REGISTER ITREADINESSCHECK GOOD 4 LOADTIMECHECK GOOD 5 DEADLINKCHECK EXCELLENT 6 LINKPOPULARITYCHECK EXCELLENT 7 SPELLINGCHECK POOR 8 HTMLDESIGNCHECK GOOD 1 超链测试几乎每个网页都有一个或多个超文本链接 又称超链 超链的正确与否直接影响到网页的质量 一个超链的标记可以是文字 图像 动画等 如果单击超链标记屏幕没有反应或反应出错 称为错链或死链 也就是连不出去的链接 断链或错链 如果是图像断链 页面中图像的位置是一个空白框 如果是页面或CGI程序错链 服务器会返回一个 404NotFound 的出错响应状态 这样就需要检查HTML文档中关于这个链接的引用是否正确 并及时进行相应的修改 常见的出错原因有以下两种情况 1 文件名大小写不一致 在Windows上不出错 但上传至Unix或Linux就会出错 因为这两个系统严格区分大小写 因此 在制作网页时虽然HTML文件大小写可以混用 但应该尽量保持文件名全部使用小写或大写的习惯 2 文件的路径不对 因为编写网页大多数是在本地进行 上传至Web服务器后路径完全可能不同 在本机使用浏览器测试无法查出 因此很容易被忽略 一旦上传到服务器 这个问题就会暴露出来 所以一开始就应该规划好网站的目录结构 如果在制作网页的过程中严格地按照已规划好的目录结构存取文档及图片 出错率就会大大降低 不仅要对自己网站的所有链接进行测试 而且还应该对友情链接的内容进行测试 这方面的测试当然是实际操作一下最可靠 但也可以借助于软件 如Dreamweaver中Checklink就可以帮助找出错误 2 浏览速度测试在本地 单机运行是很快的 但上传至服务器后 远程访问速度有时会难以忍受 测试页面下载速度时 要在不同时间包括上网高峰时期测试浏览速度 如果浏览时间太慢 需要优化页面下载速度 要优化页面下载速度 除了硬件主机与通信速率的改进之外 应尽量减少页面所用的图片以及其他诸如声音 视频和JavaApplet的使用 在不降低质量的前提下 还可以压缩文件的长度 3 脚本语言测试为了获得网页的动态效果 在页面中往往插入JavaScript VBScript脚本语言 CGI交互式网页与Web数据库的访问都需要使用脚本语言来编写 HTML的要求比较宽松 某些代码即使设置不完整仍可以正常显示 相比之下 脚本语言的要求就十分严谨 虽然脚本语言的变量在某些时候不定义也可以使用 但这容易引起出错与紊乱 而且以后修改也十分困难 因而应养成定义变量与编写脚本语言时勤做注释的良好习惯 实际上整个网站在运行过程中所有用户的浏览过程也是一种测试 有些测试是仅靠编写人员进行是不够的 因此网站应该在适当位置提示用户 发现错误及时通过电子邮件方式上传网站管理员 以便及时更正 9 2网站的更新与维护 更新网页是网站运行过程中一个必不可少的过程 网页编写人员需要随时采集最新的有关信息 将其加入到Web数据库中去或制作新的网页存入网站的服务器中 网站服务器的安放地点有时不在一个工作地点 尤其是采用服务器托管及虚拟服务器方式建立的网站 要维护网站必须采用远程传输控制的方式进行 远程维护网站的方式基本有两类 一类是远程控制方式 即远程控制Web服务器 但服务器上必须安装相应的控制程序 一类是FTP方式 常用的远程控制软件有PcAnywhere NetOp RemoteAdministrator等 PcAnywhere是一款功能强大的软件 主控端能够监看远程服务器的画面 并进行相应的操作 就如同在本地操作一样 PcAnywhere支持几乎所有流行的通信协议 并适用于大多数应用环境 但支持的协议众多的弊处也意味着运行风险相应增加 NetOp是一个功能强大的远程控制程序 支持多种操作系统 如Windows98 2000 XP OS 2等 最新的版本还加入了对Linux Solaris以及Nokia通信器的支持 RemoteAdministrator仅支持TCP IP协议 在速度安全性方面有了进一步提高 其安装使用也十分方便 Windows2000Server有一个 终端服务 功能 提供了通过远程访问服务器桌面的能力 任何地方只需一台上网电脑就可以控制服务器了 具体安装过程如下 打开 控制面板 中的 添加 删除程序 选择 添加 删除Windows组件 在打开的 Windosws组件向导 中选择 终端服务 如图9 1所示 图9 1选择 Windows组件向导 中的 终端服务 点击 下一步 按钮 在屏幕上出现的 Windows组件向导 中选择 远程管理模式 如图9 2所示 系统会自行安装 中间需Windows2000Server的安装盘 安装成功后应该有 终端服务管理器 终端服务客户端生成器 与 终端服务配置 三个图标出现在 管理工具 对话框中 如图9 3所示 图9 2选择 Windows组件向导 中的 远程管理模式 图9 3 终端服务 安装成功后 管理工具 窗口中生成的三个图标 随后 在 管理工具 对话框中双击 终端服务客户端生成器 图标 屏幕出现图9 4所示窗口 图9 4创建 终端服务 安装盘界面 准备好两张软盘 按照提示依次放入驱动器内 可以首先选择 格式化 操作 对软盘进行格式化 随后 系统将有关程序复制到软盘中去 完成后屏幕如图9 5所示 图9 5创建 终端服务 的安装软盘 完成后 可以将软盘拿到客户端电脑上安装 客户端的操作系统可以是Windows98 2000 XP 安装十分方便 仅需执行1号软件中的Setup exe 按照提示操作即可 随后在客户端依次选择 开始 程序 终端服务客户端 屏幕如图9 6所示 图9 6创建 终端服务 的安装软盘 在 服务器 一栏中填入服务器的域名或IP地址 在 屏幕区域 一栏中选择终端窗口的显示分辨率 根据通信速率较慢 可以选择 启用数据压缩 与 将位图缓存到磁盘 完成后单击 连接 按钮 如果服务器与通信均正常 就可以看到服务器屏幕的登录窗口 输入账号与密码成功登录后 操作与在服务器上操作一模一样 虽然用远程控制方式来维护网站很方便直观 但速度与安全性较差 而且还需要在服务器上安装程序 这对采用虚拟服务器方式来建设网站的用户是很困难的 较常用的远程维护网站的方法是使用TransferProtocol 这种方式方便可靠 无需在服务器上安装额外的程序 也无需了解服务器的IP地址 因此受到众多网站维护人员的青睐 文件传输是Internet最广泛使用的服务之一 FTP文件传输协议是Internet文件传输的基础 FTP文件传输可传送任何一种类型的文件 根据RFC959的规定 FTP的目的是促进用户间的文件共享和交换 使用远程计算机而不必在乎主机是何种系统也能可靠而有效地传送数据 FTP提供了一种公共语言来简化不同系统中文件系统之间的文件传送 这样 用户可以使用FTP在大型主机与微机之间或Mac机与PC机之间或Unix与Mac机之间 甚至其他任何系统之间传送文件 惟一的要求就是这些系统都应运行FTP FTP服务器始终监听着进入的FTP请求 当一用户请求到来时 服务器就提示该FTP用户输入用户名及口令 如果用户输入的用户名和口令有效 就能访问此FTP服务器 按照其访问权限来上传或下载文件 大多数FTP服务器提供了一种特殊类型的访问 它用于用户名anonymous 匿名 允许未注册的用户访问公用的文件 FTP服务器系统中不同的用户可分配成能访问不同的文件和目录 一般分为注册用户FTP服务器和匿名 anonymous FTP服务器两类 后者指不需注册用户名和口令便可进入的免费系统 用户名为anonymous 口令即是用户的E mai1地址 匿名FTP服务器一般只允许下载 不允许上传 FTP服务器上的文件基本上是以树状的文件目录存储的 每一层目录或文件夹对应着各自不同的主题 当用户接入Internet访问FTP站点时 用户需指定站点名 登录用户名和口令 进入有关目录后可选择一个或多个文件上传与下载 网站的网页大都采用这种方法上传至Web服务器以供Internet用户浏览 实行FTP有多种方法 早期的FTP需要在DOS状态下键入许多命令行 命令比较复杂难记 后来涌现出许多优秀的FTP软件 常用的有CuteFTP CuteFTPPro WS FTP与等 以下以CuteFTP4 0为例说明FTP的安装与使用 CuteFTP可以到直接下载 也可以到本地网站上去查询下载 如可以到中华网软件下载区去下载CuteFTP的最新使用版本 1 安装步骤直接用鼠标双击下载的文件即开始安装 出现9 7所示的欢迎画面 提示用户现在开始安装CuteFTP4 0版本 并请用户退出在Windows下运行的其他程序 按 Next 按钮继续 图9 7CuteFTP安装界面 图9 8CuteFTP安装协议 按下 IAgree 按钮后 屏幕显示如图9 9所示 提示用户将CuteFTP安装在哪个目录下面 显示的是默认安装目录 按 Browse 按钮可以改变安装目录 如图9 9所示 图9 9按钮CuteFTP安装目录选择 设定安装目录之后 单击 Next按钮 软件开始安装 完成之后 屏幕出现提示 是否安装CutefHTML作为默认的HTML编辑器 选Yes则开始安装 选No则不安装 如图9 10所示 图9 10选择CuteHTML作为默认的HTML编辑器 一般我们并不需要安装CuteHTML 因为一般是使用FrontPage或者Dreamweaver来制作主页的 所以在这里可以选择 No 随后屏幕如图9 11所示 图9 11CuteFTP安装结束画面 屏幕提示软件安装完成 单击 Finished 按钮结束软件的安装 完成之后还会有一个窗口提示你输入个人信息 如图9 12所示 图9 12CuteFTP输入个人资料对话框 个人资料可以选择不填写 如果不想填 就可以按 Cancel 按钮跳过 另外需指出的是 下载的CuteFTP是共享软件 使用有一定期限 必须注册后才能成为正式版 2 程序运行软件安装完成后 桌面上会有一个CuteFTP的快捷方式 双击该图标就可以运行该程序 运行后软件会自动出现一个站点的管理画面 CuteFTP已经提供了一些免费FTP站的网址 此时可以点击 new 设置自己的站点 Labelforsite 填入你的站点名称 可以自由命名 Address 填入FTP服务器地址 UserName 填入申请的用户名 Password 填入账号口令 connectionPort 可以使用默认值 图9 13CuteFTP登录界面对话框 设置完成后 按 Connect 按钮即可进入到FTP服务器 屏幕上随后显示的画面如图9 14所示 图9 14CuteFTP上传 下载对话框 3 上传 下载与FTP服务器连接成功后 在CuteFTP中会分成如下四个窗口 最上面的窗口是进行FTP各种操作时服务器的提示信息 可以由这里了解目前连接的情形 例如该站给使用者的信息 有没有支援续传 正在连接哪个文档 是否已经连接中断等等 最下边的窗口是正在上传 下载或加入了上传 下载队列的文件列表 左边的窗口是用户机器的本地文件目录 右边的窗口是服务器上的远程文件目录 在这里 使用方法基本上与资源管理器类似 如要进入某个目录 只需用鼠标双击窗口中相应的目录名称即可 从子目录进入上层目录 则可点击图标 如果要上传文件 在本地首先选中所要上传的文件或者目录 双击此文件或用鼠标拖到右边窗口的远程服务器中相应的目录下即可开始上传 如果服务器端已经存在同名的文件 会提示是否覆盖 如果要下载文件 操作与上传方法一样 只是窗口不同而已 CuteFTP提供续传服务 上传 下载时 最怕中途断线 中途断线会使文件不完整 没有用处 续传就是从档案中断的地方接下去传送 而不必重新从头开始 这项功能对于传输大文件非常有用 如在桌面上同时打开两个CuteFTP窗口 就能将网上一个站点上的文件直接 搬移 到另一个站点 CuteFTP还能直接登录到远程服务器进行网页编辑 就像在自己的电脑上一样 用户可以在自己的电脑上修改网页 完成后从拨号到上传的所有工作都能让CuteFTP代劳 CuteFTP还能定时自动传输文件 其内置计划任务表模块 能够按用户预先指定的日期和时间自动拨号 上传文件并自动断线 图9 15CuteFTP工具栏 如果想得心应手地使用CuteFTP 就应该掌握工具栏的操作 绝大部分常用的操作都可以通过CuteFTP工具栏来完成 下面就来介绍CuteFTP工具栏中各个快捷操作按钮的使用 打开地址簿 如果你完成了在当前站点的下载 上传操作 想切换到另外一个站点 单击这个图标 可以打开地址簿 这时可以选择另外一个FTP站点地址连接 快速连接 如果一个FTP站点没有收入到地址簿里面 单击这个按钮可以弹出一个对话框 要求你输入一个FTP站的地址 然后CuteFTP马上与这个地址连接 退出CuteFTP后 CuteFTP并不保留这个地址 断开连接 当你完成了对一个FTP站点的访问时按这个按钮可以断开与该站点的连接 如果正在试图与FTP站点建立连接 按下这个按钮可以中止连接尝试 重新连接 如果你对一个FTP站点的连接被中断 可能是因为网络拥挤或者长时间没有操作 对方主动断开 的时候 按这个按钮可以重新与该FTP站点建立连接 并且CuteFTP会自动切换到断开连接前的目录 预览文本文件 选中一个文本文件 不管是本地的还是远端的 按下这个按钮即可预览 注意 对远端文件的预览同样是通过下载到本地硬盘中的临时目录实现的 因此 对于比较大的文件 下载之后再预览是更好的选择 执行文件 选中一个可执行文件 不管是本地的还是远端的 按下这个按钮即可执行该文件 同样 远端的文件是通过下载到本地硬盘的临时目录中然后才执行的 并不比下载后执行有太大的优越性 编辑文件 选中一个文本文件 按下这个按钮即可编辑文件 远端文件的编辑是通过下载到硬盘的临时目录中 编辑后再上传到FTP服务器来完成的 注意 由于通常用户不具有向远端服务器写文件的权利 可能无法更改远端文本文件的内容 上传 下载文件 选中一个或多个文件 目录 按下相应的按钮立即进行上传 下载 开始传输队列中的文件 选中多个文件 目录 这些文件 目录可以处于不同的目录中 可以有不同的本地下载目录 点击鼠标右键选择 加入队列 Addtoqueue 可以将选中的文件加入队列 在队列窗口中显示出来 重复上面的操作 可以把不同目录下面的文件 目录加入到队列中来 当所有需要的文件全部加入到队列中后 按下这个按钮开始传输队列中的文件 一旦文件传输开始