项目五：H5开发工具《新媒体运营》新媒体运营重庆大学出版社

项目综述微信朋友圈中，常常可以看到朋友分享的H5微海报，这些海报制作精美，伴有悦耳的背景音乐、艺术的文字、妙趣的图片、动感的视频、炫酷的转场，动态地展示企业或个人的信息。在信息化、移动化、可视化的今天，H5页面已经成为企业或个人，宣传推介的重要工具。本项目分3个任务，分别为什么是H5、初级H5页面制作和H5互动页面制作。通过3个任务循序渐进地学习，将学会如何使用H5开发工具，制作出符合企业需求、直观有趣、互动性与代入感都较强的H5页面，助推企业或个人更好地宣传推广产品、服务和信息。项目综述

PROJECTTASKS任务1什么是H5项目任务活动1介绍H5制作平台活动2了解H5制作工具任务2初级H5页面制作活动1制作H5页面活动2制作H5小动画项目五H5开发工具任务3H5互动页面制作活动1制作H5摇一摇活动2制作H5邀请函活动3制作H5互动知识问答

知识目标了解H5的概念、特点、分类了解H5制作平台和工具技能目标会制作H5初级页面会制作H5互动页面增强自主学习和探究精神培养文字表达和图片处理能力培养热点跟踪、营销意识和创新意识情感目标项目目标

什么是H5

李江和张敏经过一段时间的实习磨炼，成长迅速，尤其是李江，已成为“聚星公司”网络拓展部门的负责人。为进一步提升个人的业务能力，李江主动学习H5。情景设计任务1什么是H5

游戏体验激发学生学习兴趣环节1H5游戏体验二维码

填写课前调查问卷，观看H5案例了解学生对H5的认知情况培养学生热点跟踪能力环节2调查问卷二维码

自主探究H5的概念、特点培养搜索、筛选和整理网络信息的能力培养自主学习和团队协作探究精神培养学生文字表达和图片处理能力以小组为单位运用网络搜索回答下列问题，以PPT的形式上交。1、什么是H5？用简洁的文字阐述。2、H5有哪些特点？完成下表的填写。环节3特点说明

学生展示、教师点评培养沟通表达、总结归纳能力引导学生主动分享、互动小组代表展示讲解搜索归纳的内容。12环节4教师点评。

知识点讲解理清H5的概念、特点、分类等知识点突出重点、化解难点H5概念。播放教学视频，强调要点。12环节4H5特点。H5特点本地存储性多媒体性跨平台性功能多样性（一）本地存储性H5可以把一些信息存在客户端，这使得页面拥有更短的启动时间，更快的联网速度和更流畅的画面。?（二）多媒体特性支持文字、图片、音乐、视频，三维图及特效，互动性强。?（三）跨平台性PC端与移动端、Windows与Linux、安卓与IOS、微信与QQ都可以运行，兼容性强。?（四）功能多样性可以支持投票、表单收集、趣味游戏、画板、地图、照片墙等，可用于展示产品、吸纳粉丝、增加用户粘度等。?

知识点讲解理清H5的概念、特点、分类等知识点突出重点、化解难点H5的分类。3环节5分类标准分类代表案例展示形式信息型《我们之间就一个字》活动型《盖伦提莫》游戏型《围住神经猫》测试型《四六级方言考试》展示效果全景/AR/VR型《穿越宇宙的邀请函》《淘宝购物节》《2016广州车展线上VR展厅》《星际探索之旅》3D操作画面型《杜蕾斯美术馆》重力感应型《敢在办公室瘦吗》双屏互动型《七夕鹊桥会，爱更多》

H5的分类案例展示加强学生对H5的认识激发学生对H5的学习兴趣案例：我们之间就一个字1环节6

案例：盖伦莫提2环节6H5的分类案例展示加强学生对H5的认识激发学生对H5的学习兴趣

案例：围住神经猫34环节6案例：四六级方言考试H5的分类案例展示加强学生对H5的认识激发学生对H5的学习兴趣

案例：穿越宇宙邀请函56环节6案例：淘宝购物节H5的分类案例展示加强学生对H5的认识激发学生对H5的学习兴趣

案例：星际探索之旅78环节6案例：2016广州车展线上VR展厅H5的分类案例展示加强学生对H5的认识激发学生对H5的学习兴趣

案例：杜蕾斯美术馆910环节6案例：NIKE：每双球鞋都有一个故事H5的分类案例展示加强学生对H5的认识激发学生对H5的学习兴趣

案例：你敢在办公室瘦吗1112环节6案例：为最爱的TA倒一杯好奶H5的分类案例展示加强学生对H5的认识激发学生对H5的学习兴趣

案例：七夕鹊桥会，爱更多1314案例：LOVESTYLE邀你过七夕环节6H5的分类案例展示加强学生对H5的认识激发学生对H5的学习兴趣

案例：杜蕾斯劳动节15环节6H5的分类案例展示加强学生对H5的认识激发学生对H5的学习兴趣

H5制作平台网站/APP特点??????????????????介绍H5制作平台和工具了解H5制作平台和工具培养自主探究和团队合作精神、沟通能力