《html5网页编程教案设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、实用标准文案《HTML5网页编程》教案教案首页本次课标题：情景一 JavaScript基础应用任务1JavaScript语言基础-语法授课日期第1周第1次授课班级上课地点实验楼L区课时分配面对面翻转课堂教学2课时（120分钟）教学目标能力目标知识目标1、会利用JS基本语法完成程序控制流程。2、会编写JS函数；3、会选择相应事件调用函数。1、掌握JS基本语法2、掌握函数定义方法3、掌握自定义函数的调用学习者特征分析大部分学生学习态度较好，学习意愿强，但自主学习能力不强；学生学习热情较高，能在论坛上提出问题；教学任务教学任务：JS语法基础应

2、用案例：精品课程网站首页中建立用户名、密码登陆框。重点难点重点：函数编写难点：自定义函数编写及控制语句编写；精彩文档实用标准文案作业或考核编写输出五行星号程序。参考资料《精通JavaScript+jQuery》人民邮电出版社前沿科技.《精通CSS+DIV网页样式与布局》，人民邮电出版社。温谦等.《HTML+CSS网页设计与布局从入门到精通》，人民邮电出版社。温谦等.《CSS设计彻底研究》，人民邮电出版社。精彩文档实用标准文案翻转课堂教学设计序号步骤教学内容教师活动（方法与手段）学生活动时间分配评价标准与方法——课前：现代职教课程平台在线

3、学习环节1学生自主学习任务1JS语法基础教学视频学习；JavaScript简介学习；JavaScript语法学习；简单案例学习；上传视频、课件等相关资料；观看视频20分钟在线学习时长2在线测试完成任务1在线测试题教师发布题目，导出成绩并分析结果在线测试10分钟在线测试成绩3完成任务作业利用循环输出“5行”helloworld文字到网页中批阅作业完成作业15分钟作业等级判定4在线讨论学生与学生、教师进行答疑讨论回复话题学生发帖，相互线上讨论15分钟发帖数量与质量评价——课中：面对面翻转课堂教与学环节1自主学习检查与讨论公布学生线上学习情况

4、；抽查视频相关知识点抽取学生记录指导认真演示认真观看10分钟线上统计结果与抽查结果2课前学习总结与答疑现场答疑；重点提示一下JS语法编写规则总结学生学习情况一对一答疑学生提问；认真听讲10分钟测试成绩与课前作业成绩3课堂任务下达教师给出课堂完成的任务:用JS完成杨辉三角输出布置任务巡回答疑分析任务10分钟任务理解情况4分小组完成任务1）编写程序算法；2）循环语句设计；3）输出内容到文档中巡回指导实战演练；分组讨论30分钟任务完成情况5小组评价小组互评；评价内容：能否设计循环语句；能否正确输出文档观摩；互答；确定得分依据；记录结果；20分

5、钟小组协作与沟通能力6小组优秀作品展示展示运行结果；展示设计思路；并分析小组分工与团队配合情况。观摩；反思；学生展示；认真听讲记录；15分钟本次任务综合评价（完成率及创新点）精彩文档实用标准文案7教师总结与引导总结小组任务情况并给予小组点评；总结表单操作流程与规范讲授认真听讲记录；反思15分钟8布置下次课前要学习的任务布置下次课前要学习的任务：任务1制作告知记录10分钟线上作业与在线测试完成情况——课后：反思总结及拓展提升教与学环节1反思总结JavaScript与其它编程语言相似点分析总结任务难度及学生吸收率；学生进行自发交流总结20分

6、钟教师写教学日志；学生写学习笔记2拓展JS控制语句语法拓展学习教师给予课外资源；适当引导学习，学生进行自主探索学习20分钟答疑分享精彩文档实用标准文案教学内容一、学习目标掌握脚本的基本结构(Script标签)简单记忆基本语法变量的定义与赋值数据类型与转换parseFloat等运算符和控制语句同Java二、什么是JavaScriptvarcount=0;document.write("淘宝网欢迎您！");for(i

7、=0;i<5;i++)document.write("

淘宝网欢迎您！

BODY部分的内容

8、

9、、！if条件语句switch多

10、分支语句for、while循环语多行注释以/*开始，以*/结束，符号/*……*/指示中间的语句是该程序中的注释。例如：/*helloWorld.html第一个JavaScript程序*/单