计划决策
写出创建H5的步骤：
指导学生完成步骤的拟定
小组讨论并拟定制作步骤
检查学习准备环节学生的掌握情况
计划实施
根据计划决策，按要求创建文件
指导学生完成任务
创建文档
检查学生知识掌握情况
检查控制
根据计划实施要求，小组内互相检查，修改。
巡回指导
课后反思
真实的企业任务，让学生上课如上岗、学习过程即工作过程，创设工作室情境，采用绩效考核激发学生学习积极性，让岗位活动教学化，教学效果发生很大变化；
“学习任务一 制作HTML5展示动画教案
一体化课程
H5移动页面设计与制作
学习任务
任务一：制作HTML5展示动画
教学时数
72
上课日期
2019.2.26
周次
师生互相问候
师生互相问候
尊师重教。提醒学生进入上课状态。
课程导入
展示课件，引导学生了解H5移动页面应用
引导学生了解办公软件应用
认真倾听，理解
让学生了解办公软件应用。
课程介绍
介绍本课程的总体安排，上课方式，明确教学目标
介绍本课程的总体安排，上课方式，明确教学目标
聆听老师的介绍
让学生了解课程的总体安排，上课方式，明确教学目标。
1.布置工作任务；
1.分组讨论
2.叙述工作任务
领悟问题的能力；与老师、同学的沟通交流片素材
2.能操作MUGRDA软件新建、保存、打开和关闭。
3.能正确完成属性面板设置。
4.会设置H5快速生成模板。
5.会设置菜单栏、快捷工具栏。
1.指导学生查找相关书籍，及利用互联网获取信息，回答学生提出的问题
2-11
教学班级
17级计算机班
一、
学习任务分析
利用5个学习活动，循序渐进，逐步增加知识点的学习，以达到熟练掌握利用MUGEDA软件制作HTML5展示动画的能力。
二、
学习目标
完成本学习任务后，学生应当能：
1、熟练掌握Mugeda界面与舞台功能。
2、会处理编辑素材与媒体。
3、会制作H5动画。
4、会合理使用MUGEA软件里的行为功能。
1.能正确叙述学习任务。
2.能操作MUGRDA软件新建、保存、打开和关闭。
3.能正确完成属性面板设置。
4.会设H5快速生成模板。
5.会设置菜单栏、快捷工具栏。
教学环节
教学内容
教师活动
学生活动
设计意图
课堂组织
检查学生出勤和精神状态。
向孔老夫子行鞠躬礼。师生互相问候。
调动学生激情，调节课堂气氛。
师生互相问候
七、
教学方法
工学一体化教学模式，行动导向教学法、讲授法、讨论法、引导法、检查法
八、
教学环境及资源准备
在多媒体网络教室进行，主要有以下要求：
1.教学设备：基于Windows 10操作系统的计算机，安装有MUGEDA软件、各常用中文输入法。
2.教学场地：学习工作站。
3.学习资料：《H5移动页面设计与制作》、操作素材；
师生互相问候
尊师重教。提醒学生进入上课状态。
情境引入
引入：
清明节前夕，工作室接到一个粽子的产品推广工作单，作为工作室负责人的你希望制作一个简单的H5进行推广该产品。
工作情景描述带领学生快速进入学习状态。
倾听任务
通过工作情景描述使学生快速进入学习状态。
明确任务要求
熟悉工作页中的“工作情境描述”，初步了解本任务的内容
2019-2020学年第一学期
教
案
课程名称：H5移动页面设计与制作
专业班级：18级计算机班
制定教师：2019年9月12日
审批
签字
教研室：年月日
教务科：年月日
分管校长：年月日
“第一次课”教案
一体化课程
H5移动页面设计与制作
学习任务
第一次课
教学时数
4
上课日期
2019.9.10起
周次
10
教学班级
17级计算机班
2.指导学生完成工作页的填写
1.以小组形式填写完成工作页中的相关内容
2.动手实践，打开MUGEDA软件进行操作
以学生为主体，训练学生主动探究知识能力：
1.能够通过自己摸索和同学讨论学习知识
2.初步掌握MUGEDA创建H5的方法
3.能正确完成属性面板设置。
4.会设置H5快速生成模板。
5.会设置菜单栏、快捷工具栏。
三、
关键能力
观察能力、资料查阅能力、自我学习能力、分析问题与解决问题能力、表达能力、与人沟通能力、团结协作能力
四、
教学重点
1、熟练掌握Mugeda界面与舞台功能。
2、会处理编辑素材与媒体。
3、会制作H5动画。
4、会合理使用MUGEA软件里的行为功能。
五、
教学难点
会合理使用MUGEA软件里的行为功能。
4.学生分组：每组4-6人，指定组长，负责统筹实施工作任务。
九、
学习任务的教学组织流程
活动1制作滚动动画的H5页面
活动2制作三维转动H5页面
活动3制作可以定制文字的H5节日贺卡
活动4制作摇一摇随机出现结果的H5页面
活动5制作邀请函H5页面
十、教学过程
教学活动1：制作滚动动画的H5页面（6学时）
教学目标：
2.该班学生对网络营销课程有较强的好奇心和求知欲；喜欢漂亮的图片，视觉性的性格，喜欢追求酷炫新鲜有趣的事物；个性化的需求迫切。
3.以往学业成绩分布差异分化明显，较差以下和优秀学生比例相当。
七、教学方法
讲授法、演示法
八、教学环境及资源准备
在多媒体教室进行，主要有以下要求：
1.教学场地：机房
2.设备：计算机、互联网、网络教室软件；
六、
学生分析
1、该班学生50%多的同学属于“主动跟随型”，20%属于需要监督型，其余的是偏爱动手型。计算机能力有一定基础。
2、该班学生对网络营销课程有较强的好奇心和求知欲；喜欢漂亮的图片，视觉性的性格，喜欢追求酷炫新鲜有趣的事物；个性化的需求迫切。
3、以往学业成绩分布差异分化明显，较差以下和优秀学生比例相当。
一、学习任务分析
了解本课程的总体安排，上课方式，明确教学目标
二、学习
目标
完成本学习任务后，学生应当能：
了解课程的总体安排，上课方式，明确教学目标。
三、关键
能力
表达能力
四、教学
重点
介绍课程的总体安排，上课方式，明确教学目标。
五、教学难点
六、学生分析
1.该班学生50%多的同学属于“主动跟随型”，20%属于需要监督型，其余的是偏爱动手型。
3.资料：学生工作页
九、学习任务的教学组织流程
第一次课（2 学时）
十、教学过程
教学活动：第一次课（2 学时）
教学目标：
了解课程的总体安排，上课方式，明确教学目标。
教学环节
教学内容(含课时分配)
教师活动
学生活动
设计意图
课堂组织
检查学生出勤和提高学生集中精神进入状态。
向孔老夫子行鞠躬礼。师生互相问候。
调动学生激情，调节课堂气氛。