网页设计与制作案例教程-电子教案第31单元.ppt

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