网页设计与制作第十二章 站点测试与发布.ppt

第十二章 站点测试与发布 测试站点 申请域名与申请空间 发布站点 网站的宣传与推广 网站的维护与更新 掌握站点的测试内容和方法。 了解域名的申请和设计。 掌握网站的发布方法。 了解网站的维护和更新。 掌握从互联网上申请域名和发布网站 一个网站制作完成以后，在网站发布之前应进行严格的测试，以检查各个链接是否正确，文字、图像显示是否能正常显示等。测试网站一般经过四个过程：测试网页、测试本地站点、用户测试、负载测试。 这个阶段的主要任务是由网页制作人员测试所制作的网页，其测试内容主要是HTML 源代码是否规范完整，网页程序逻辑是否正确，是否存在空链、断链、链接错误、孤立文件等。 1.检查链接 利用Dreamweaver CS4提供的“链接检查器”可以方便地检查错误链接，检查方法如下。 切换到已建立的网站“学院之窗”，在Dreamweaver CS4主窗口中，单击菜单“站点”→“检查站点范围的链接”，将显示如图12-1所示的检查结果，可以看到在“链接检查器”选项卡中显示了网站中断掉的链接和错误的链接。 图12-1 检查链接的结果 2.检查目标浏览器兼容性 由于浏览者的浏览器类型或版本会有所不同，导致浏览同一网页时显示的效果也会有所不同。网页中的图像、文本等元素在不同浏览器中显示的效果不大，但是CSS样式、层、行为等元素在不同浏览器中可能差异很大。所有必要对目标浏览器的兼容性进行检查，检查目标浏览器的兼容性的方法是：在Dreamweaver CS4主窗口中，单击菜单“文件”→“检查页”→“浏览器兼容性”，打开“浏览器兼容性”窗口，单击“检查浏览器兼容性”按钮 ，弹出快捷菜单，如图12-4所示。 图12-4 “浏览器兼容性”窗口 3.验证标记 在Dreamweaver CS4主窗口中，单击菜单“文件”→“验证”→“标记”，验证结果如图12-6所示。 图12-6 验证标记的结果 这个阶段的主要任务是将多个网页制作的网页整合成一个完整的网站，同时对本地站点进行联合测试，最好是由没有直接参与网站制作的人来完成测试。其测试内容主要包括以下几个方面。 1 检查链接 这个测试阶段的检查链接不再利用“链接检查器”来检查错误链接，而是通过浏览网页对链接逐个检查，检查内容包括：是否有空链、断链、链接错误；页面之间是否能通过顺利切换；是否有回到上层页面或主页的渠道等。 2 检查页面效果 检查网页中的脚本是否正确，是否会出现非法字符或乱码；文字显示是否正常；是否有显示不出来的图片；Flash动画的画面出现时间是否过长；网页特效是否能正常显示等。 3 检查网页的容错性 检查网页表单区域的文本框中输入字符时是否有长度的限制；表单中填写信息出错时，是否有提示信息，并允许重新填写；对于邮政编码、身份证号码之类的数据是否限制其长度等。 4 检查兼容性 检查制作的网页在浏览器显示是否正常。在纯文本模式下检查整个网站的信息表现能力。 这个阶段的主要任务是以用户的身份测试网站的功能。测试内容主要有：评价每个页面的风格、颜色搭配、页面布局、文字的字体与大小等方面与网站的整体风格是否统一、协调；各种链接所放的位置是否合适；页面切换是否简便；对于当前的访问位置是否有明确的提示等。 这个阶段的主要任务是安排多个用户访问网站，让网站在高强度、长时间的环境中进行测试。测试内容主要有：网站在多个用户访问时访问速度是否正常；网站所在服务器是否会出现内存溢出，CPU资源占用是否正常。 Dreamweaver CS4能够自动检测网站内部的网页文件 生成关于文件信息、HTML源代码信息的报告，以便网站设计者对网页文档进行修改。 图12-8 “报告”对话框 12.2.1 申请域名 要想拥有属于自己的网站，则必须首先拥有一个域名。域名是网站在Internet上的名字，由若干英文字母和数字组成， 由“· ”分隔成几部分。例如，“”就是一个域名。对于公司网站，一般可以使用公司名称或商标作为域名，域名的字母组成要便于记忆，且能够给人留下深刻的印象。 域名分国内域名和国际域名两种。国内域名是由中国互联网中心管理和注册的，其网址是：http://w /index.htm 。要注册申请域名，首先要在线填写申请表，收到确认信后，提交申请表，然后加盖公章并缴费即可获得一个域名。国际域名的主要申请网址是：。 如果网站的页面设计已完成，并且网站的属性也已经设置好，那么接下来就可以发布网站了。如果本地计算机就是一个Web服务器，则可以将网站通过本地开设的Web服务器进行发布。但是，对于大多数用户来说，在本地开始Web服务器，不仅成本高，而且维护起来也比较麻烦，