第1章 初识H5页面
1.1 H5页面的定义　2
1.2 H5页面的发展　2
1.3 H5页面的特点　3
1.4 H5页面的应用　4
1.5 H5页面的类型　4
第２章 H5页面的设计与制作
2.1 设计与制作H5页面的项目流程　8
2.2 设计与制作H5页面的常用软件　8
2.3 设计与制作H5页面的基本规范　9
2.4 设计与制作H5页面的注意事项　13
2.5 H5页面的创意实现　17
2.5.1 H5页面的内容策划　17
2.5.2 H5页面的交互设计　20
2.5.3 H5页面的视觉设计　24
2.5.4 H5页面的动效设计　27
2.5.5 H5页面的音效设计　29
2.5.6 H5页面的测试方法　31
2.5.7 H5页面的数据分析　32
第3章 互动游戏H5页面的制作
3.1 课堂案例——花样元宵消消消H5页面的制作　34
3.1.1 项目策划　34
3.1.2 交互设计　34
3.1.3 视觉设计　35
3.1.4 制作发布　35
3.2 课堂练习——中秋狂欢翻牌子H5页面的制作　39
3.3 课后习题——喜迎新春打地鼠H5页面的制作　39
第4章 活动抽奖H5页面的制作
4.1 课堂案例——电商抽奖九宫格H5页面的制作　41
4.1.1 项目策划　41
4.1.2 交互设计　41
4.1.3 视觉设计　42
4.1.4 制作发布　46
4.2 课堂练习——新年旺财摇一摇H5页面的制作　48
4.3 课后习题——情满端午刮刮乐H5页面的制作　49
第5章 测试问答H5页面的制作
5.1 课堂案例——腊八知识测试问答H5页面的制作　51
5.1.1 项目策划　51
5.1.2 交互设计　51
5.1.3 视觉设计　52
5.1.4 制作发布　54
5.2 课堂练习——名诗古词测试问答H5页面的制作　55
5.3 课后习题——垃圾分类测试问答H5页面的制作　56
第6章 滑动翻页H5页面的制作
6.1 课堂案例——文化传媒企业招聘H5页面的制作　58
6.1.1 项目策划　58
6.1.2 交互设计　59
6.1.3 视觉设计　59
6.1.4 制作发布　74
6.2 课后习题——教育咨询行业培训招生H5页面的制作　78
6.3 课堂练习——车展观展邀请H5页面的制作　79
第7章 长页滑动H5页面的制作
7.1 课堂案例——传统美食中式糕点介绍H5页面的制作　81
7.1.1 项目策划　81
7.1.2 交互设计　81
7.1.3 视觉设计　82
7.1.4 制作发布　87
7.2 课堂练习——新媒体行业会议邀请H5页面的制作　91
7.3 课后习题——中国传统茶文化介绍H5页面的制作　92
第8章 画中画H5页面的制作
8.1 课堂案例——互联网行业会议邀请H5页面的制作　94
8.1.1 项目策划　94
8.1.2 交互设计　94
8.1.3 视觉设计　95
8.1.4 制作发布　109
8.2 课堂练习——互联网行业企业招聘H5页面的制作　111
8.3 课后习题——购物季食品营销活动H5页面的制作　112
第9章 3D/全景H5页面的制作
9.1 课堂案例——食品餐饮行业新年祝福H5页面的制作　115
9.1.1 项目策划　115
9.1.2 交互设计　116
9.1.3 视觉设计　116
9.1.4 制作发布　127
9.2 课堂练习——新年年货礼品促销H5页面的制作　131
9.3 课后习题——家居室内家具推广H5页面的制作　132
第10章 视频动画H5页面的制作
10.1 课堂练习——旅游出行活动推广H5页面的制作　134
10.1.1 项目策划　134
10.1.2 交互设计　134
10.1.3 视觉设计　135
10.1.4 制作发布　149
10.2 课堂练习——文化传媒行业活动推广H5页面的制作　156
10.3 课后习题——电子数码行业品牌推广H5页面的制作　157