授课教师
专业（学科）
新媒体
教学课题
新媒体H5制作技能（2）
学时安排
1学时（45分钟）
教学年级
所选教材
一、学习目标描述
1、知识目标
1）H5制作工具MAKA的使用方法；
2）制作测试型H5的方法；
3）HTML的发展历史及H5的强大功能；
2、能力目标
1）制作能力：能制作展示型H5和简单的测试型H5；
2）总结能力：能利用创意云文字总结H5ML的发展历史以及H5的强大功能；
3、德育目标
1）受挫教育；
2）提升学生学习的主动性；
二、学习重点及难点
学习重点：展示型H5的制作方法；
学习难点：测试型H5的制作；
三、教学问题预测
1、请根据具体教学安排预测；
2、请根据具体教学安排预测；
四、教学问题解决方案
1、根据具体教学安排提出解决方案，可参考之前的教案；
2、根据具体教学安排提出解决方案，可参考之前的教案；
五、学习者特征分析（教师填写）
学习特点：
学习习惯：
交往特点：
六、教学资源
1、教学PPT；
2、参考资料：
如何做一个生动有趣的H5、
H5动画展示页面的文案怎么写？如何制做h5测试题、
手把手教你如何利用iH5来制作各类测试题选择题2016年HTML5十个发展方向预测、HTML5未来发展的六大趋势；
3、建立班级；
七、预习成果展示
实践项目1 准备个人简历一份，包括履历表、证件照、生活照、证书照等；
实践项目2 熟悉测试型H5的制作方法；
八、教学项目（任务）设计
1、制作个人简历H5；
2、利用意派360制作测试型H5；
3、创意云文字总结HTML的发展历史以及功能；
九、教学结构流程的设计
教学环节
学习目标
教学内容
参考导语
项目任务
教法学法
设计意图
教学资源
时间
前节回顾
上节课，我们一起探讨了引发H5传播的心理因素，包括好奇心、认同感、攀比、炫耀等。还一起探讨了五种H5的展现形式，包括展示型、互动型、场景型、游戏型和测试型。我们还尝试制作了展示型的H5。
1
本课介绍
这节课，我们的主要任务有两个：
1、制作个人简历H5；在线制作h5页面
2、制作测试型H5；
个人简历H5属于展示型H5，而测试型H5相对较为困难。我们只进行简单的学习。
【设计意图】
个人简历H5是H5在就业指导中的应用
2
输入
知识目标1
能力目标1
德育目标2
上节课我们已经只做了校园风景图的H5展示页面，相信大家对如何操作第三方H5工具比较熟悉了。
这节课大家在做个人简历H5时，最好不再参考教材的步骤。另外，需要说明的是上节课我们专门看了H5的使用报告，希望大家学以致用。
【项目任务】
制作个人简历H5
【教学资源】
1、如何做一个生动有趣的H5；
2、H5动画展示页面的文案怎么写？
15
输出
参考步骤：
1、准备个人简历文案；
2、准备个人生活照若干；
3、策划页面布局；
4、在线制作。
【教法学法】
按步骤分解任务，将复杂的事情变简单。
反馈
大部分同学制作的个人简历H5都很不错。H5是一个非常好的自我展示的形式。简单来说，就是把个人简历的纸质版变成可视化的电子版，以图片的形式呈现给企业。
反思
从H5的形式上来说，似乎H5的应用被固定了。实际上，我们开动脑筋，还可以更灵活的应用H5。比如，将H5与表单相结合。可以制作出基于表单的H5，在活动报名、企业调研等方面都可以应用。
输入
知识目标2
能力目标1
德育目标1
下面，我们就来尝试一下测试型H5的制作。
测试型H5最显著的特点就是基于测试标准、通过H5 对网友进行测试对比，在互动形式上比较简单。
但测试型H5在制作商稍显麻烦，需要相关数据库知识的支撑。我们今天的练习只是一个简单的测试。
有兴趣的同学可以详细的学习相关测试型H5开发技巧。
【项目任务】
利用意派360制作测试型H5
【教学资源】
1、如何制做h5测试题；
2、手把手教你如何利用iH5来制作各类测试题选择题
15
输出
参照教学资源1，提前备好测试型H5制作步骤和方案。
【教法学法】
1、教师应当先自己尝试用iH5或意派360制作测试型H5；
2、此部分不用涉及太多的数据，教师可以提前给出制作步骤。
反馈
刚才我们同学在制作的过程中，出现来这样的困惑（1、2、3），我的观点是（1、2、3）。
测试型H5如果制作的好，可以像病毒一样传播。例如，性格测试，趣味测试等等。作为营销手段的一种，我们应当下一点功夫钻研H5，在iH5的官方网页上有详细的制作方法。大家利用课余时间可以尽情地学习。
【教法学法】
测试型H5可根据时间长短增加UI设计等内容。如学习情况不佳，即可制作简单的H5，不要求发布。
反思
H5开发是一门很大的课程。上节课给大家推荐了相关的书籍。学有余力的同学可以，研究一下除过展示型其他类型的H5。
输入
知识目标3
能力目标2
德育目标2
制作了这么多的H5，是时候回头看看H5到底是个什么鬼了。
讲解HTML的发展历史和H5的强大功能。
【项目任务】
创意云文字总结HTML的发展历史以及功能。
10
输出
到目前为止，我们已经将H5的相关内容作了比较系统的介绍。现在请大家用创意云文字的方式来总结HTML的发展历史以及H5的强大功能。
【设计意图】
循环往复式的复习，可以加强学习印象。也可采取信息长图、动图等方式进行总结。
反馈
长时间不用的工具最容易生锈。有部分同学在做创意云文字的时候还需要翻书，这当然是允许的。至少我们要知道还有创意云文字这个东西。忘记怎么做的时候就可以把书拿出来翻翻看看到底是怎么做的。
反思
古人说，能看到多远的过去就能看到多远的未来。现在请大家各抒己见，谈谈HTML未来的发展会朝向哪个方向。
【教学资源】
1、HTML5未来发展的六大趋势；
2、知网搜索“HTML”相关文献资料；
教师小结
这节课我们制作了个人简历H5、利用意派360制作了测试型H5、利用创意云文字总结了HTML的发展历史以及功能。这其中，测试型H5需要我们下去之后继续钻研。
2
课后作业
作业1 制作一个展示型H5介绍腾讯微校的基本功能；
作业2 制作一个展示型H5介绍V5KF的基本功能；
十、教学后记（教师填写）
新媒体文案