前言

H5页面设计与制作简介

H5指的是移动端上基于HTML5技术制作的交互动态网页。H5的类型主要可分为营销宣传、知识新闻、游戏互动以及网站应用这四类。H5展示形式丰富，互动体验良好，深受设计爱好者以及专业设计师的喜爱，成为了互联网传播领域的重要传播形式之一。

作者团队简介

新架构互联网设计教育研究院由经验丰富的商业设计师和院校教授创立。研究院立足数字艺术教育16年，出版图书270余种，畅销370万册，其中《中文版Photoshop基础培训教程》销量超30万册。每本书都具有大量的专业案例、丰富的配套资源、成熟的行业操作技巧、精准的核心内容、细腻的学习安排，不仅为学习者提供了足量的知识、实用的方法、有价值的经验，还为教师提供了包括课程标准、授课计划、教案、PPT、案例、视频、题库、实训项目等一站式的教学解决方案。

如何使用本书

1. 精选基础知识，快速了解H5设计

2. 知识点解析+课堂案例，熟悉设计思路，掌握制作方法

3. 课堂练习+课后习题，拓展应用能力

4. 循序渐进，演练真实商业项目制作过程

配套资源及获取方式

• 所有案例的素材及最终效果文件。

• 案例操作视频，扫描书中二维码即可观看。

• 全书10章PPT课件。

• 教学大纲。

• 教学教案。

全书配套资源，读者可登录人邮教育社区（www.ryjiaoyu.com），在本书详情页面中免费下载使用。

全书慕课视频，登录人邮学院网站（www.rymooc.com）或扫描封底的二维码，使用手机号码完成注册，在首页右上角单击“学习卡”选项，输入封底刮刮卡中的激活码，即可在线观看视频。也可以使用手机扫描书中二维码观看视频。

教学指导

本书的参考学时为64学时，其中实训环节为44学时，各章的参考学时参见下面的学时分配表。

本书约定

本书案例素材及效果文件所在位置：云盘/章号/案例名，如云盘/Ch05/IT互联网行业节日答题H5制作。

本书中关于颜色设置的表述，如红色（212、74、74），括号中的数字分别为其R、G、B的值。

由于H5制作平台更新较快，书中案例个别操作步骤若与平台不符，以平台为准。由于iH5平台停止了免费应用投放，本书中使用iH5制作的案例以视频形式展示效果，读者可正常按书中步骤制作，学习和编辑仍然免费。

由于编者水平有限，书中难免存在疏漏和不妥之处，敬请广大读者批评指正。

编者
2020年5月