web前端技术应用 教案 项目五 任务二 测试网页_第1页
web前端技术应用 教案 项目五 任务二 测试网页_第2页
web前端技术应用 教案 项目五 任务二 测试网页_第3页
web前端技术应用 教案 项目五 任务二 测试网页_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

《Web前端技术应用》教学设计项目五任务二测试网页课题测试网页课程名称Web前端技术应用授课班级学时安排2学时执教老师授课形式理实一体教学目标知识1.能说出网页测试具体包含哪几种类型的测试；技能1.能对网页进行链接测试；2.能对网页进行表单测试；3.对网页进行浏览器测试；素养1.通过测试网页提升分析能力和合作交流能力；2.养成细致缜密的编程习惯；课程思政通过编写与调试程序，让学生切身体会到任何一个小疏忽都会导致程序运行错误。让学生明确在今后的工作岗位上养成认真、细心和严谨的作风。教学重点链接测试、表单测试、浏览器测试教学难点链接测试、表单测试、浏览器测试教学方法分析法、讨论法、演示法、引导式教学。教学环境软件环境：Win7及以上操作系统，HBuilder硬件环境：多媒体教室或软件实训室，计算机教学资源：PPT、微课视频教学过程教学环节教师活动学生活动设计意图新课导入(3分钟)创设情境：一个网页设计完成后，并不意味着工作的结束，反而意味着一个新的开始。只有当一个网页能够在Internet上正常访问和浏览时，才能体现其价值。因此在网页只作为完成后还需要对网页进行多方面的测试。集中注意力，思考问题教学

过渡目标展示(2分钟)PPT展示本课题要完成的目标并适当解说观看了解活动1网页测试的三种类型(15分钟)1.链接测试①测试网页中的链接是否正确链接到预定的网页位置或页面。②链接到的网页是否存在。③网站中的页面是否有孤立的存在。这里孤立的存在是指没有任何链接指向该页面，对该页面的访问只能通过地址进行。2.表单测试在站点中，用户常常需要填写各种各样的信息，例如，用户登录时的用户名称和密码，并将这些信息传递给服务器。这就是表单的基本功能。3.浏览器测试同一张网页在不同的IE浏览器中都会有不同的层次和框架显示。虽然随着技术的完善，各种浏览器对主流技术的支持越来越好，彼此之间的支持差异也在缩小；但对网页开发，特别是动态网站的开发来说，浏览器的兼容测试仍旧是必不可少的一个环节。学生听教师讲解，理解链接测试的类型达成教学目标活动2网页实操（20分钟）1.链接测试对网页中的超链接进行测试，如“登录”版块，将鼠标移动到“你好，请登录”版块时，用鼠标单击后跳转到登录页面。网页其他超链接也应逐一测试。2.表单测试对网页中的志愿者招募版块进行测试，输入姓名、电话，选择日期，输入不同的内容，测试网页是否有不同的提示信息。3.浏览器测试将网页在不同的浏览器中运行，选择“运行”、“运行到浏览器”，选择不同的浏览器。学生上机实操展示评价（3分钟）按生生互评、教师点评的方式评价学生完成的作品情况。完成练习计算正确率回忆

巩固课堂小结(2分钟)通过本节课的学习，同学们要能够熟

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论