CH19 测试.pptVIP

（五）知识讲解与操作示范（8） （五）知识讲解与操作示范（9） （五）知识讲解与操作示范（10） （五）知识讲解与操作示范（11） （五）知识讲解与操作示范（12） （五）知识讲解与操作示范（13） （五）知识讲解与操作示范（14） （五）知识讲解与操作示范（15） （五）知识讲解与操作示范（16） （五）知识讲解与操作示范（17） 《网页设计与制作》教学课件 第16章：网站的测试、发布与维护 主要教学环节 五、知识讲解与操作示范 一、课程引导 二、明确知识技能目标 三、展示网页浏览效果 四、分析操作任务 六、课堂模仿实践 七、疑难解析 八、归纳总结 九、布置习题 （一）课程引导 一个网站制作完成后，在网站发布之前应进行严格的测试，以检查各个超级链接是否正确，网页脚本是否正确，文字、图像显示是否正常等等。测试网站一般经过四个过程：测试网页、测试本地站点、用户测试、负载测试。 （二）明确知识技能目标 （1）掌握网站测试的方法。 （2）了解域名的设计与申请方法。 （3）掌握网站的发布方法。 （4）了解网站的维护与更新。 （三）展示网页浏览效果 1．预览网页 （四）分析操作任务 16.1　网站的测试 16.1.1　测试网页 1．检查链接 利用Dreamweaver 8提供的“链接检查器”方便地检查错误链接。 修改错误链接的方法是：在“链接检查器”选项卡中选中要修改链接的文件，单击 按钮，然后选择正确的链接，单击【确定】按钮即可。也可以在文本框中直接输入正确的链接。 2．检查目标浏览器 检查目标浏览器的方法是：在Dreamweaver 8主窗口中，单击 菜单【文件】→【检查页】→【检查目标浏览器】。 3．验证标记 在Dreamweaver 8主窗口中，单击菜单【文件】→【检查页】→【验证标记】。 （四）分析操作任务 （五）知识讲解与操作示范（1） 16.1.2　测试本地站点 将多个网页制作人员制作的网页整合成一个完整的网站，同时对本地站点进行联合测试，其测试内容有： （1）检查链接 （2）检查页面效果 （3）检查网页的容错性 （4）检查兼容性 （五）知识讲解与操作示范（2） 16.1.3　用户测试 以用户身份测试网站的功能。主要测试内容有：评价每个页面的风格、颜色搭配、页面的布局、文字的字体、大小等方面与网站的整体风格是否统一、协调；页面布局是否合理；各种链接所放的位置是否合适；页面切换是否简便；对于当前访问位置是否明确等。 （五）知识讲解与操作示范（3） 16.1.4　负载测试 安排多个用户访问网站，让网站在高强度、长时间的环境中进行测试。主要测试内容有：网站在多个用户访问时访问速度是否正常；网站所在服务器是否会出现内存溢出、CPU 资源占用是否不正常等。 （五）知识讲解与操作示范（4） 16.1.5　创建网站报告 Dreamweaver 8 能够自动检测网站内部的网页文件，生成关于文件信息、HTML代码信息的报告，以便网站设计者对网页文档进行修改。 （五）知识讲解与操作示范（5） 创建网站报告的操作步骤如下： 在Dreamweaver 8主窗口中，单击菜单【站点】→【报告】，弹出“报告”对话框。在“报告在”下拉列表框中选择生成站点报告的范围，可以是当前文档，整个当前本地站点、站点中的已选文件或文件夹。根据需要选择复选框，然后单击【运行】按钮，生成网站报告。 （五）知识讲解与操作示范（6） 16.2　申请域名与申请空间 16.2.1　申请域名 要想拥有属于自己的网站，则必须拥有一个域名。域名是Internet上的名字，由若干英文字母和数字组成，由“.”分隔成几部分。 （五）知识讲解与操作示范（7） 16.2.2　申请空间 如果网站的页面设计已完成，网站的属性也已经设置好，接下来就是发布网站。如果本地计算机就是一个Web 服务器，则可以将网站通过本地开设的Web服务器进行发布。但是对于大多数用户来说，在本地开设Web 服务器，不仅成本较高，而且维护起来比较麻烦，所以大多数用户都是到网上寻找主页空间。 目前，网络上提供的主页空间有两种形式：收费的主页空间和免费的主页空间。 16.3　网站的发布 16.3.1　上传文件 1．使用Dreamweaver上传文件 Dreamweaver 8自带FTP上传功能，使用Dreamweaver 8 FTP功能必须先设置远程服务器。操作步骤如下： （1）启动Dreamweaver 8，打开“文件”面板，在本地站点浏览窗口选择上传的文件或文件夹,然后单击【上传文件】按钮 ，上传文件。 （2）如果在上传之前如果没有设置过远程服务器，会弹出