《网站测试和发布管理》由会员分享,可在线阅读,更多相关《网站测试和发布管理(25页珍藏版)》请在金锄头文库上搜索。
1、1 网站测试与发布管理 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 2 复习提问 1、制作网页之前要先创建站点,这样做有什么优点? 创建一个站点之后,在站点文件夹下进行的操作,其 逻辑结构就和实际网站上的大部分一样,是相对路径,这 样方便以后制作完成网页之后,发布到网站上可以直接使 用。 否则容易出现绝对路径太多的问题,以后发布到网站 上的网页容易出现找不到目标的情况 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 3 课程引导 已经做完的网站,其中还有没有问
2、题? 网站的域名是如何得来的? 如何将做好的网站发布到Internet上? 如何让浏览者知道你的网站? 如何更新你的网站内容? 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 4 知识目标 (1)能够进行网站测试。 (2)会设计域名与申请域名。 (3)能够将网站发布。 (4)会网站的维护与更新。 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 5 案例展示 “泰和公司” 网站 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总
3、结 扩展性任务 疑难解析 6 任务分析 对泰和公司网站进行测试 为泰和公司网站申请域名和空间 将泰和公司网站进行发布 对泰和公司网站进行推广宣传 对泰和公司网站进行维护更新 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 7 知识讲解(一) 一、网站测试 网站测试方案: (1)测试网页 (2)测试本地站点 (3)用户测试 (4)负载测试 (5)创建网站报告 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 8 知识讲解(一) (1)测试网页 检查链接 利用Dream
4、weaver提供的“链接检查器”方便地检查错误 链接。 修改错误链接的方法是:在“链接检查器”选项卡中选 中要修改链接的文件,单击“打开文件夹”按钮,然后 选择正确的链接,单击【确定】按钮即可。也可以在 文本框中直接输入正确的链接。 检查目标浏览器 检查目标浏览器的方法是:在Dreamweaver主窗口中, 单击菜单【文件】【检查页】【检查目标浏览器 】。 验证标记 在Dreamweaver主窗口中,单击菜单【文件】【检查 页】【验证标记】。 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 9 知识讲解(一) (2)测试本地站点
5、 将多个网页制作人员制作的网页整合成一个完整的 网站,同时对本地站点进行联合测试,其测试内容 有: 检查链接 检查页面效果 检查网页的容错性 检查兼容性 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 10 知识讲解(一) (3)用户测试 以用户身份测试网站的功能。主要测试内容有:评 价每个页面的风格、颜色搭配、页面布局、文字的 字体、大小等方面与网站的整体风格是否统一、协 调;页面布局是否合理;各种链接所放的位置是否 合适;页面切换是否简便;对于当前访问位置是否 明确等。 (4)负载测试 安排多个用户访问网站,让网站在高强度、
6、长时间 的环境中进行测试。主要测试内容有:网站在多个 用户访问时访问速度是否正常;网站所在服务器是 否会出现内存溢出、CPU资源占用是否不正常等。 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 11 知识讲解(一) (5)创建网站报告 Dreamweaver 能够自动检测网站内部的网页文件,生 成关于文件信息、HTML代码信息的报告,以便网站 设计者对网页文档进行修改。 创建网站报告的操作步骤如下: 在Dreamweaver主窗口中,单击菜单【站点】【报 告】,弹出 “报告”对话框。在“报告在”下拉列表框 中选择生成站点报告的
7、范围,可以是当前文档,整 个当前本地站点、站点中的已选文件或文件夹。根 据需要选择复选框,然后单击【运行】按钮,生成 网站报告。 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 12 操作示范与实践(一) 站点测试 对泰和公司网站进行测试。 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 13 知识讲解(二) 二、申请域名与空间 (1)申请域名 要想拥有属于自己的网站,则必须拥有一个域名。 域名是Internet上的名字,由若干英文字母和数字组 成,由“.”分隔成
8、几部分。 (2)申请空间(或自备主机) 如果网站的页面设计已完成,网站的属性也已经设置 好,接下来就是发布网站。如果本地计算机就是一个 Web服务器,则可以将网站通过本地开设的Web服务器 进行发布。但是对于大多数用户来说,在本地开设 Web服务器,不仅成本较高,而且维护起来比较麻烦 ,所以大多数用户都是到网上寻找主页空间。 目前,网络上提供的主页空间有两种形式:收费的主 页空间和免费的主页空间。 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 14 操作示范(二) 为泰和公司申请免费域名与空间 再申请域名 在申请空间 复习提问
9、 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 15 知识讲解(三) 三、网站的发布 通过Dreamweaver上传 使用Ftp工具上传 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 16 操作示范(三) (1)上传文件 使用Dreamweaver上传文件 Dreamweaver自带FTP上传功能,使用Dreamweaver FTP功能必须先设置远程服务器。操作步骤如下: (a)启动Dreamweaver,打开“文件”面板,在本地站点 浏览窗口选择上传的文件或文件夹,然
10、后单击【上传 文件】按钮 ,上传文件。 (b)如果在上传之前如果没有设置过远程服务器,会弹 出提示定义远程服务器的对话框。 (c)单击【是】按钮,打开定义站点对话框,需要根据 主页空间的类型选择合适的服务器类型,这里选择 “FTP”。 (d)选择“FTP”后,填写“FTP主机”地址,该地址是由 申请的主页空间提供的。 (e)网站上传完成后,单击站点管理器上方的【展开以 显示本地和远端站点】按钮 ,就可以看到站点文件已 被上传到主机目录中了。 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 17 操作示范(三) 使用CuteFTP
11、上传文件 先从网上下载CuteFtp软件,该软件安装与使用都非常方 便,使用CuteFtp上传网页时,只需按照该软件提供的“ 向导”操作即可。 还有FlashFXP 、LeapFTP 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 18 操作示范(三) (2)获取文件 获取文件之前同样要连接远端服务器,获取文件的 操作如下: 在远端服务器浏览窗口中选择需要获取的文件或者文件夹 。 单击【获取文件】按钮 ,文件即会被下载到本地站点中 。 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩
12、展性任务 疑难解析 19 课堂实践与模仿 课堂实践站点发布 将泰和公司网站发布到指定Web服务器上 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 20 知识讲解(四) 四、网站的宣传与推广 注册到搜索引擎 广告交换 网络广告 友情链接 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 21 知识讲解(五) 五、网站的维护与更新 (1)网站的维护 使用设计备注 使用遮盖 取出文件和存回文件 (2)网站的更新 一个网站,只有不断更新才会有生命力,人们上网 无非是要获取
13、所需信息,只有不断提供人们所需要的 内容,才能有吸引力。网站应当经常有吸引人的、有 价值的内容,让人能够经常访问。在网站栏目设置上 ,最好将一些可以定期更新栏目放在首页,使首页的 更新频率更高些。 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 22 课堂实践与模仿 课堂实践站点维护 更新公司简介、业务范围 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 23 疑难解析 问题1:如何设计一个响亮的网站名与域名? 问题2:如何防患网站瘫痪或内容丢失? 复习提问 课程引导 案例展示 任务分析 知识目标 知识讲解与 操作示范 课堂模仿 归纳总结 扩展性任务 疑难解析 24 扩展性任务 申请免费域名与空间,并将个人网站上传发布 25 下次再见!