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