网站测试发布与推广

网站系统的设计开发人员一旦完成网站的设计开发工作之后,都必须保证所有网站系统的组成部分能够配合起来,协调有序地正常工作。因此,网站系统的测试工作十分重要。

测试的内容:

  1. 浏览器的兼容性测试。对不同浏览器的测试,就是在不同浏览器和不同的版本下,测试网页的运行和显示状况。在实际工作中,用户会使用不同的浏览器登录互联网,通过此项测试和修改,可以保证网页在大多数的浏览器中都能正确显示。既给出网页在IE浏览器和Netscape浏览器下的显示报告,也详细统计了网页中哪些HTML语法不被浏览器支持以及改善的建议。
  2. 操作系统测试。在不同的操作系统下,网页显示效果是否一致。
  3. 分辨率测试。显示器在1024×768像素与800×600像素情况下网页有哪些变化。
  4. HTML语法检查。不正确的HTML语法会影响浏览器的编译速度,而且可能会导致页面在容错性差的浏览器中出错。
  5. 链接情况检查。帮助检查页面上所有链接是否正确,有没有死链接。当页面创建了很多链接时,用它来帮助检查链接的正确性。
  6. 下载时间测试。测试网页在不同连接速度下的下载时间,并且指出被测试页面所链接的文件(图片文件、框架页面、样式表文件及脚本文件等)中哪个过于庞大。
  7. 拼写检查。检查网页上的中英文文法错误。
    常用的网页测试方法

不同浏览器的测试

在不同的浏览器和相同浏览器的不同版本下,测试页面的运行和显示情况。在Dreamweaver中能将测试出来的错误或可能出现错误的地方列出一个报告单,根据报告单的提示进行网页的修改和处理,以免在浏览页面时出现错误。

  1. 选择菜单“窗口”|“结果”|“浏览器兼容性”命令,打开“浏览器兼容性”面板。
  2. 点击左侧的绿色三角符号,在弹出的菜单下选择“设置”,弹出“目标浏览器”对话框,该对话框设置的是选择什么样的浏览器和哪个版本作为最低的标准。原则是选择版本较低的浏览器进行测试,因为新版本浏览器一般都支持旧版本的浏览器。
  3. 单击“确定”按钮,回到“浏览器兼容性”面板。打开需要检查浏览器兼容性的网页,点击左侧的绿色三角符号,在弹出的菜单下选择“检查浏览器兼容性”命令。Dreamweaver随即对该网页的浏览器兼容性进行检查。
  4. 检查完成后,会在“浏览器兼容性”面板中列出一个报告单。该报告单中列出了错误项、警告项和有可能出现的错误项,并在该报告的后面列出了出现错误的具体位置和原因。

链接测试

链接测试主要是看网页中是否有文件名不正确或路径名有误等错误的超级链接,包括页面、图片、服务器端程序等。该测试可分为三个方面:测试所有链接是否按指示的那样确实链接到了应该链接的页面;测试所链接的页面是否存在;保证Web应用系统上没有孤立的页面,所谓孤立页面是指没有链接指向该页面,只有知道正确的URL地址才能访问。链接测试的方法如下:

  1. 打开“结果”面板组中的“链接检查器”面板。在“显示”下拉列表框中可以选择要检查的链接方式。选择“断掉的链接”,则会在站点或文档中检查是否存在断掉的链接。“外部链接”则会显示站点或文档中的外部链接。“孤立文件”只在检查整个站点链接的操作中才有效,检查站点中是否存在孤立的文件,即没有被任何链接所引用的文件。
  2. 单击面板左侧的绿色三角符号,在下拉菜单中选择要检查的范围。选择“检查当前文档中的链接”,则弹出显示当前文档中链接检查的报告单。“检查整个当前本地站点的链接”对整个站点进行检查。“检查站点中所选文件的链接”则是可以针对部分文档进行检查。
  3. 若检查的链接方式设置为“孤立文件”,选择检查的范围是“检查整个当前本地站点的链接”,则在面板中显示的报告单。
    一般的链接检查主要是检查“孤立文件”和“断掉的链接”。孤立文件只在检查整个站点时才能被查出。一般情况下,它是没用的文件(首页以及库和模板文件除外),最好删除掉,方法是:在孤立文件列表中选中想要删除的孤立文件,按Delete键即可。如果想要修改外部链接,可先在“链接检查器”面板中选中该外部链接,再输入一个新的链接即可。

网页下载时间测试

同一个页面在不同速率的Modem下其下载速度是不同的,在Dreamweaver中可以选择不同速率的Modem对页面进行测试,了解其下载速度,看是否需要对页面进行修改。具体测试方法如下:

  1. 打开需要测试的页面,选择“编辑”菜单下的“首选参数”子菜单,在左侧的“分类”中选择“状态栏”,在右侧的“连接速度”下拉列表框中选择Modem的速度,有14.4、28.8、33.6、56、64、128和1500七个参数供选择。
  2. 单击“确定”回到页面编辑状态。在状态栏右则就会出现一个数值“91K/15秒”。该数值表示当前文档大小为91k,大概需要15秒的时间可以下载完毕。修改一下Modem的速度,设置为128,则状态栏数值变为“91K/12秒”,表示该文档只需要大概12秒钟的时间就可下载完成。
    当然,在正式的网站开发项目中,网站的测试则要更专业。包括需求测试、概要测试、详细测试及整体测试等,每一项测试又包含很多子项目的测试。在测试中还会借助于其他相关专业测试软件进行测试,在此就不赘述了。

空间申请和网站发布

  1. 空间申请
    网页设计与制作完成之后,只能在本地计算机上用浏览器浏览。若要让更多的人浏览就必须放到因特网的Web服务器上。如果本地计算机就是一个Web服务器,则可以将网站通过本地开设的Web服务器进行发布。但是对于大多数用户来说,在本地开设Web服务器,不仅成本较高,而且维护起来比较麻烦,所以大多数用户都是到网上寻找主页空间。网络上提供的主页空间有两种形式:收费的主页空间和免费的主页空间。目前,有很多网络公司免费为用户提供个人主页空间,而且有的服务非常周到。当用户向该公司填写好包含个人信息和网站内容介绍的申请后,一般都能在一定时期内收到回复,获得公司提供给用户预先设置的密码。这样,用户便拥有了该公司服务器上的账户,就可以上传网页了。
  2. 网站发布
    当网页制作与测试完成并拥有网页空间后,就可以将网站传送到远程的服务器上了。通常网页上传有三种方式:
    (1)直接复制文件
    利用磁盘、网络共享文件的形式将网页直接复制到服务器上的相应目录下,或直接在服务器上制作完成。这种方式不适合远程管理。
  3. 使用Dreamweaver上传文件
    Dreamweaver本身附带有文件传输协议的上传和下载功能,可以方便地进行网站的上传、下载和文件管理。操作步骤如下:
    ①在Dreamweaver中编辑需要上传的站点,在打开的编辑站点对话框中,选择“高级”选项卡。在左侧的“分类”中选择“远程信息”。
    ②在对话框的右侧中进行远程信息的设置。在“访问”下拉列表中选择“FTP”模式;在“FTP主机”文本框中输入上传网站文件的FTP主机名;在“登录”文本框中输入申请空间时的用户名;在“密码”框中输入申请空间时的密码,如图13-8所示。
    ③完成远程信息设置后,单击“测试”按钮,可测试是否能链接到服务器。
    ④单击“确定”完成“远程信息”的配置。
    ⑤单击“文件”面板中的上传按钮,即可上传网站,根据连接的速度和文件大小的不同,上传网站需要经过一段时间,上传的这些文件将构成远程站点。上传后,单击站点管理器上方的“展开以显示本地和远端站点”按钮,就可以看到站点文件已被上传到主机目录中了
  4. 使用CuteFTP上传文件
    CuteFTP是一款非常优秀的商业级FTP客户端程序。在目前众多的FTP软件中,CuteFTP因为其使用方便、操作简单而备受网站建设者的青睐。
    国内许多软件下载网站上都有CuteFTP软件的下载,在搜索引擎中利用关键词“CuteFTP 下载”进行检索,就会出现很多提供下载的网址。当下载安装该软件之后,首先要进行简单的设置,其中包括服务商提供的服务器IP地址、网站服务器用户名称以及密码等。当设置完成后,点击“连接”按钮即可接通到服务器。这样,只需按照该软件提供的“向导”操作即可将设计好的本地电脑硬盘上的网站文件上传到网站空间。

网站的宣传与推广

  1. 注册到搜索引擎
    搜索引擎就是一些用来为用户提供搜索功能的网站。用户通常通过搜索引擎查找自己所需要的网站或信息,然后根据搜索到的结果点击所需要的网站。所以,网站如果可以出现在搜索引擎的结果中,就可以使大量的人访问自己的网站。

    搜索引擎一般有自动收录功能,网站运行一段时间以后,搜索引擎可能根据网站的域名搜索到自己的网站,并且遍历网站中所有的网页。把网站中的网页进行分析,当用户查找相关的关键字时,自己的网站就可以出现在搜索的结果中。
    谷歌、百度和雅虎等著名搜索引擎都可以给网站带来大量的流量。一些较小的搜索引擎,如一搜、北大天网等网站也可以给自己的网站带来一定的流量。
    但搜索引擎并不一定能自动搜索并添加自己的网站,搜索引擎都有网站手动添加功能。需要把网站的域名和相关信息手动添加到搜索引擎中。如图14-11所示为百度的搜索引擎登录入口。在搜索引擎的网站登录网页中提交自己的网站以后,搜索引擎会在很短时间内收录自己的网站。

  2. 登录到导航网站
  3. 友情链接
  4. 网络广告
  5. 发布信息推广(如留言板、论坛和博客等)
  6. 传统广告和户外广告

网页维护更新

网站正常运以后,每隔一段时间需要对网站内容进行更新。网站中的网页通常有静态网页和动态网页,静态网页的更新就是增加新的网页内容。动态网页的更新可以在网站后台直接进行操作。

  1. 静态网页的维护更新
    静态网页制作完成后,维护和更新需要重新设计制作新的网页。或者在原有网页的基础之上进行修改,添加相应的网页内容。设计制作新的网页时应该注意和网站的风格保持一致。最后,将新建的网页和已经更新的网页上传服务器覆盖原网页即可。
    (1)网页更新:如果需要更新的网页的具体内容和网页效果,就需要重新设计网页。这时可以重新设计网页效果图和网页的布局,更新后重新上传到网站的服务器空间即可。
    (2)资源文件更新:网页如果只更新资源文件而不更新其他内容,如只更新图片,动画和视频文件等。可以将修改后的资源文件重命名和原来一样的文件名,然后上传到服务器覆盖以前的文件即可。
  2. 动态网页的更新
    动态网页的更新可分为数据库内容更新和网站功能的更新。
    动态网站设计完成之后,一般都有比较完整的网站内容管理功能。网站的后台可以方便地对数据库的内容进行管理和更新。而前台网页的内容通常是从后台数据库提取的,这样只要更新了后台数据库的内容,前台网页的内容就自动更新了。
    但当需要修改或添加动态网站的功能时,就需要修改网站功能代码或编写新的功能代码以修改或添加新的网站功能。这些修改或新添加的网站功能还需要进行一定的测试,测试通过后把这些修改或添加的网页上传到服务器即可。

猜你喜欢

转载自blog.csdn.net/Zhili_wang/article/details/80948962