31单元16第16章网站的测试、发布与维护

HunanRailwayProfessionalTechnologyCollege主讲人：湖南铁道职业技术学院陈承欢《网页设计与制作》教学课件教学单元31：网站的测试、发布与维护主要教学环节五、知识讲解与操作示范一、课程引导二、明确知识技能目标三、展示网页浏览效果四、分析操作任务六、课堂模仿实践七、疑难解析八、归纳总结九、布置习题（一）课程引导一个网站制作完成后，在网站发布之前应进行严格的测试，以检查各个超级链接是否正确，网页脚本是否正确，文字、图像显示是否正常等。测试网站一般经过四个过程：测试网页、测试本地站点、用户测试、负载测试。（二）明确知识技能目标（1）掌握网站测试的方法。（2）了解域名的设计与申请方法。（3）掌握网站的发布方法。（4）了解网站的维护与更新。（三）展示网页浏览效果1．预览网页（四）分析操作任务16.1网站的测试16.1.1测试网页1．检查链接利用Dreamweaver8提供的“链接检查器”方便地检查错误链接。修改错误链接的方法是：在“链接检查器”选项卡中选中要修改链接的文件，单击按钮，然后选择正确的链接，单击【确定】按钮即可。也可以在文本框中直接输入正确的链接。2．检查目标浏览器检查目标浏览器的方法是：在Dreamweaver8主窗口中，单击菜单【文件】→【检查页】→【检查目标浏览器】。（五）知识讲解与操作示范（1）3．验证标记在Dreamweaver8主窗口中，单击菜单【文件】→【检查页】→【验证标记】。16.1.2测试本地站点将多个网页制作人员制作的网页整合成一个完整的网站，同时对本地站点进行联合测试，其测试内容有：（1）检查链接（2）检查页面效果（3）检查网页的容错性（4）检查兼容性（五）知识讲解与操作示范（2）16.1.3用户测试以用户身份测试网站的功能。主要测试内容有：评价每个页面的风格、颜色搭配、页面布局、文字的字体、大小等方面与网站的整体风格是否统一、协调；页面布局是否合理；各种链接所放的位置是否合适；页面切换是否简便；对于当前访问位置是否明确等。16.1.4负载测试安排多个用户访问网站，让网站在高强度、长时间的环境中进行测试。主要测试内容有：网站在多个用户访问时访问速度是否正常；网站所在服务器是否会出现内存溢出、CPU资源占用是否不正常等。（五）知识讲解与操作示范（3）16.1.5创建网站报告Dreamweaver8能够自动检测网站内部的网页文件，生成关于文件信息、HTML代码信息的报告，以便网站设计者对网页文档进行修改。创建网站报告的操作步骤如下：在Dreamweaver8主窗口中，单击菜单【站点】→【报告】，弹出“报告”对话框。在“报告在”下拉列表框中选择生成站点报告的范围，可以是当前文档，整个当前本地站点、站点中的已选文件或文件夹。根据需要选择复选框，然后单击【运行】按钮，生成网站报告。（五）知识讲解与操作示范（4）16.2申请域名与申请空间16.2.1申请域名要想拥有属于自己的网站，则必须拥有一个域名。域名是Internet上的名字，由若干英文字母和数字组成，由“.”分隔成几部分。16.2.2申请空间如果网站的页面设计已完成，网站的属性也已经设置好，接下来就是发布网站。如果本地计算机就是一个Web服务器，则可以将网站通过本地开设的Web服务器进行发布。但是对于大多数用户来说，在本地开设Web服务器，不仅成本较高，而且维护起来比较麻烦，所以大多数用户都是到网上寻找主页空间。目前，网络上提供的主页空间有两种形式：收费的主页空间和免费的主页空间。（五）知识讲解与操作示范（5）16.3网站的发布16.3.1上传文件1．使用Dreamweaver上传文件Dreamweaver8自带FTP上传功能，使用Dreamweaver8FTP功能必须先设置远程服务器。操作步骤如下：（1）启动Dreamweaver8，打开“文件”面板，在本地站点浏览窗口选择上传的文件或文件夹，然后单击【上传文件】按钮，上传文件。（2）如果在上传之前如果没有设置过远程服务器，会弹出提示定义远程服务器的对话框。（3）单击【是】按钮，打开定义站点对话框，需要根据主页空间的类型选择合适的服务器类型，这里选择“FTP”。（五）知识讲解与操作示范（6）（4）选择“FTP”后，填写“FTP主机”地址，该地址是由申请的主页空间提供的。（5）网站上传完成后，单击站点管理器上方的【展开以显示本地和远端站点】按钮，就可以看到站点文件已被上传到主机目录中了。2．使用CuteFTP上传文件先从网上下载GuteFtp软件，该软件安装与使用都非常方便，使用GuteFtp上传网页时，只需按照该软件提供的“向导”操作即可。（五）知识讲解与操作示范（7）16.3.2获取文件获取文件之前同样要连接远端服务器，获取文件的操作如下：（1）在远端服务器浏览窗口中选择需要获取的文件或者文件夹。（2）单击【获取文件】按钮，文件即会被下载到本地站点中。（五）知识讲解与操作示范（8）16.4网站的宣传与推广1．注册到搜索引擎2．广告交换3．网络广告4．邮件列表5．友情链接（五）知识讲解与操作示范（9）16.5网站的维护与更新16.5.1网站的维护1．使用设计备注添加设计备注的操作步骤如下：（1）在“文件”面板中选中要设置设计备注的文件，单击鼠标右键，然后弹出的快捷菜单中单击菜单【设计备注】。（2）在弹出的“设计备注”对话框中，在“基本信息”选项卡中选择文件的状态、填写说明文字等。（3）切换到“所有信息”选项卡进行设计，在“名称”文本框中填写关键字，在“值”文本框中填写关键字对应的值，然后单击“+”按钮，将设置的这对“名称－值”添加到“信息”窗格中。（4）设置完成后，单击【确定】按钮，将结果保存。（五）知识讲解与操作示范（10）2．使用遮盖默认情况下，网站的遮盖都处于激活状态。关闭遮盖或激活网站遮的方法是：在站点管理器下，切换到要关闭遮盖或激活遮盖的网站，单击右键，在弹出的快捷菜单中单击菜单【遮盖】→【启用遮盖】，如图16-19所示。如果“启用遮盖”左侧出现了标识表示遮盖已被激活，否则表示已关闭遮盖。如果要取消整个网站的遮盖，在如图16-19所示的快捷菜单中单击菜单【全部取消遮盖】即可。（五）知识讲解与操作示范（11）3．取出文件和存回文件“取出文件”和“存回文件”后，Dreamweaver会在被“取出”的文件的同级目录下产生一个“.lck”文件，该文件是隐藏文件，用来记录“取出”信息，可将其删除。取出文件方法很简单，在站点管理器的“文件”面板中选中一个或多个文件，单击站点管理器上方的【取出文件】按钮，文件即被取出。存回文件的操作类似，先选择已经被取出的文件，然后单击站点管理器上方的【存回文件】按钮即可。（五）知识讲解与操作示范（12）16.5.2网站的更新一个网站，只有不断更新才会有生命力，人们上网无非是要获取所需信息，只有不断提供人们所需要的内容，才能有吸引力。网站应当经常有吸引人的、有价值的内容，让人能够经常访问。在网站栏目设置上，最好将一些可以定期更新栏目放在首页，使首页的更新频率更高些。（八）归纳总结一个网站开发完成后必须经过认真的测试才能发布，以免浏览网站出现一些错误。一个网站要发布在服务器上去，才能被他人浏览。本章主要介绍了网站的测试、申请域名和空间、网站的发布、网站的宣传与推广、网站的维护与更新。