了解 H5 的定义及多场景应用案例；

掌握 H5 微课的多种设计风格；

掌握 H5 微课的设计工具及制作方法；

选择 H5 的不同应用场景，手把手学习案例实操。

第一讲：秒懂 H5

1. H5 是手机版的网页吗？

2. H5 的优势有哪些？

3. 不可不知的 H5 形式案例

4. H5 制作的常用软件有哪些？

第二讲：定场景：你想 H5 应用在哪儿？

1. 品牌推广之 H5 应用场景

2. 产品推广之 H5 应用场景

3. 企业招聘之 H5 应用场景

4. 培训交互之 H5 应用场景

5 .活动推广之 H5 应用场景

6. 文化宣传之 H5 应用场景

7 .【互动环节】根据工作需要确定可能应用的 H5 场景

第三讲：定对象：你要面对什么样的观众？

1. 受众人群的阅读习惯

2. 受众人群的场景习惯

3. 【互动环节】确定并分析 H5 推广的受众人群。

第四讲：定风格：H5 不一样的风格

 案例式

【案例】情境故事型

【案例】一镜到底

体验式

【案例】产品推广型

 叙述式

【案例】时间轴-爱要大声说出来.png

模拟式

【案例】

 文艺式

【案例】

 调侃式

【案例】

 游戏式

【案例】

【互动环节】确定 H5 设计的风格

第五讲：定文案：多方收集萃取编写文案

1. 确定标题

2 .编写正文

3 .【互动环节】确定编写的主题和文案内容。

第六讲：定设计：版面+配色+标题+动效+音效+交互

1. 版面设计

(1)  手绘 H5 原版模型

(2)  版面层级设计

(3)  版面风格确定

(4)  版面设计类型

(5)  设计版面注意事项

【互动环节】确定手绘版 H5 原版模型图。

2. 配色设计

3. 字体设计

4. 图片设计

5. 标题设计

【互动环节】确定配色、字体，并设计标题。

6. 动效设计

7 .音效设计及剪辑

8. 交互设计

【互动环节】确定动效、插入的音效和预设的交互场景。

第七讲：定制作：H5 设计制作任你玩转

1. 有哪些方法可以生成 H5？

2. 如何将 PPT 转化成 H５？

3. 如何运用 H5 工具制作？有哪几步？

4. H5 制作模板从哪里找？

5. H5 制作工具运用实操

(1)  “自说自话”如何让你的文字动起来？

(2)  如何添加拼图&轮播图&魔方风格？

(3)  如何在线设计表单提交？

(4)  如何插入视频？

(5)  如何添加各种特效（指纹&环境&涂抹&互动）？

(6)  如何设计快闪？

(7)  如何跳转页面提升流量？

 如何运用各种营销组件模拟虚拟场景？

6. 制作完成发布分享

7. 如何查询后台数据？

第八讲：H5 场景应用案例

1. 企业招聘：如何设计招聘 H5 推广？

2 .培训报名：如何设计培训 H5 推广？

3. 产品推广：如何设计产品 H5 推广？

4. 教培行业：如何设计并运用 H5 营销工具助推招生引流？