網站测试与发布管理.pptVIP

网站测试与发布管理 复习提问 1、制作网页之前要先创建站点，这样做有什么优点？ 创建一个站点之后，在站点文件夹下进行的操作，其逻辑结构就和实际网站上的大部分一样，是相对路径，这样方便以后制作完成网页之后，发布到网站上可以直接使用。  否则容易出现绝对路径太多的问题，以后发布到网站上的网页容易出现找不到目标的情况 课程引导 已经做完的网站，其中还有没有问题？ 网站的域名是如何得来的？ 如何将做好的网站发布到Internet上？ 如何让浏览者知道你的网站？ 如何更新你的网站内容？ 知识目标 （1）能够进行网站测试。 （2）会设计域名与申请域名。 （3）能够将网站发布。 （4）会网站的维护与更新。 案例展示 “泰和公司”网站 任务分析 对泰和公司网站进行测试 为泰和公司网站申请域名和空间 将泰和公司网站进行发布 对泰和公司网站进行推广宣传 对泰和公司网站进行维护更新 知识讲解（一） 一、网站测试 网站测试方案： （1）测试网页 （2）测试本地站点 （3）用户测试 （4）负载测试 （5）创建网站报告 知识讲解（一） （1）测试网页 检查链接 利用Dreamweaver提供的“链接检查器”方便地检查错误链接。 修改错误链接的方法是：在“链接检查器”选项卡中选中要修改链接的文件，单击“打开文件夹”按钮，然后选择正确的链接，单击【确定】按钮即可。也可以在文本框中直接输入正确的链接。 检查目标浏览器 检查目标浏览器的方法是：在Dreamweaver主窗口中，单击菜单【文件】→【检查页】→【检查目标浏览器】。 验证标记 在Dreamweaver主窗口中，单击菜单【文件】→【检查页】→【验证标记】。 知识讲解（一） （2）测试本地站点 将多个网页制作人员制作的网页整合成一个完整的网站，同时对本地站点进行联合测试，其测试内容有： 检查链接 检查页面效果 检查网页的容错性 检查兼容性 知识讲解（一） （3）用户测试 以用户身份测试网站的功能。主要测试内容有：评价每个页面的风格、颜色搭配、页面布局、文字的字体、大小等方面与网站的整体风格是否统一、协调；页面布局是否合理；各种链接所放的位置是否合适；页面切换是否简便；对于当前访问位置是否明确等。 （4）负载测试 安排多个用户访问网站，让网站在高强度、长时间的环境中进行测试。主要测试内容有：网站在多个用户访问时访问速度是否正常；网站所在服务器是否会出现内存溢出、CPU资源占用是否不正常等。 知识讲解（一） （5）创建网站报告 Dreamweaver 能够自动检测网站内部的网页文件，生成关于文件信息、HTML代码信息的报告，以便网站设计者对网页文档进行修改。 创建网站报告的操作步骤如下： 在Dreamweaver主窗口中，单击菜单【站点】→【报告】，弹出 “报告”对话框。在“报告在”下拉列表框中选择生成站点报告的范围，可以是当前文档，整个当前本地站点、站点中的已选文件或文件夹。根据需要选择复选框，然后单击【运行】按钮，生成网站报告。 操作示范与实践（一） 站点测试 对泰和公司网站进行测试。 知识讲解（二） 二、申请域名与空间 （1）申请域名 要想拥有属于自己的网站，则必须拥有一个域名。域名是Internet上的名字，由若干英文字母和数字组成，由“.”分隔成几部分。 （2）申请空间（或自备主机） 如果网站的页面设计已完成，网站的属性也已经设置好，接下来就是发布网站。如果本地计算机就是一个Web服务器，则可以将网站通过本地开设的Web服务器进行发布。但是对于大多数用户来说，在本地开设Web服务器，不仅成本较高，而且维护起来比较麻烦，所以大多数用户都是到网上寻找主页空间。 目前，网络上提供的主页空间有两种形式：收费的主页空间和免费的主页空间。 操作示范（二） 为泰和公司申请免费域名与空间 再申请域名 在申请空间 知识讲解（三） 三、网站的发布 通过Dreamweaver上传 使用Ftp工具上传 操作示范（三） （1）上传文件 使用Dreamweaver上传文件 Dreamweaver自带FTP上传功能，使用Dreamweaver FTP功能必须先设置远程服务器。操作步骤如下： （a）启动Dreamweaver，打开“文件”面板，在本地站点浏览窗口选择上传的文件或文件夹，然后单击【上传文件】按钮 ，上传文件。 （b）如果在上传之前如果没有设置过远程服务器，会弹出提示定义远程服务器的对话框。 （c）单击【是】按钮，打开定义站点对话框，需要根据主页空间的类型选择合适的服务器类型，这里选择“FTP”。 （d）选择“FTP”后，填写“FTP主机”地址，该地址是由申请的主页空间提供的。 （e）网站上传完