本书定位于为内容生产者讲解 H5选题、策划、制作的方法与技巧, 虽然是作为方正飞翔V7.2数字版的配套教材,但本书不是一本单纯的产品说明手册和产品使用指南,而是结合新闻出版行业内容生产者的工作流程与内容特点,从专业角度出发,针对行业背景、H5 技术常识、H5制作流程、H5制作规范与注意事项,详尽剖析H5选题、策划、制作的实用型指南。本书主要面向高校新闻传播、网络与新媒体、数字出版、广告类相关专业院校,是一本涉及数字内容、新媒体策划、媒介技术等课程的实训教材,主要面向有志于进入传媒出版行业的学生,以及从事相关专业教学与科研的教师。除此之外,本书也面向传媒出版行业的内容生产者,以及新媒体领域的业余爱好者。

在进行 H5作品的制作之前,我们需要对 H5这种作品形态和相关的技术有一个基本的了解,这样才能更好地根据 H5的技术特点,进行作品的选题、策划,根据 H5可以实现的交互效果进行作品的制作。在本节中,我们对H5这一名词和作品形态的来源、H5的技术特点和优势,以及 H5的应用领域进行介绍。
目前 H5这个名词,已经渗透进互联网、市场营销、内容生产等多个领域,但对于H5 的定义, 一直是众说纷纭的状态。 在进入更深入的学习之前, 我们应该对要学习的事物有一个清晰的了解, 那么究竟什么是 H5 呢?如果你在国外与从事互联网或新媒体行业的工作者谈及 H5,他们甚至会没有听说过这个引爆中国移动互联网的名词! 实际上,H5 是中国人专用的一个名词, 有人说, H5 是 HTML5 的简称,中文意思是第五代超文本标记语言, 是一项伴随着移动互联网技术的兴起而发展的技术标准。
但事实上, 这个说法在 H5 这个名词刚刚出现时, 或许是正确的, 但在2014 年之后, H5 出现在各个领域, H5 早就超出了 “HTML5 缩写” 这个说法的含义, 成为了一种在中国兴起和流行的特殊作品形态。 现在的 H5, 又是什么呢?
H5 涉及 HTML5 的技术标准, 也就是说, 制作一个 H5, 需要应用到 HTML5 技术标准。 所以说到 H5 的定义, 我们确实可以先从 HTML 开始。
HTML, 全称为 HyperText Markup Language, 中文意思是 “超文本标记语言”。HTML 由 W3C 万维网于1994 年发明, 主要作用是标记我们今天看到的大多数网页框架, 也可以简单地理解为, HTML 标记了网页元素的一系列位置。 随着时间的推移,从1994 年到2004 年, HTML 进行了5 次升级, 才有了今天的 HTML5。 在升级过程中, HTML5 中增加了新的标记, 新标记融入了浏览器中, 这使得浏览器真正摆脱了Flash 第三方插件控制, 能够独立完成例如视频、 声效甚至是画面的操作。 鉴于这一点, HTML5 替代Flash, 成为了新一代的互联网技术标准。
HTML5 实际上就是构成网页的基础, 它是第五代语言, 是一个用来规范网页的技术标准。而今天的网页, 是由 HTML、CSS、JS (Javascript)一同编写的。HTML 控制的是网页的框架和元素位置,CSS控制的是美化效果,而JS 控制的是网页的互动与动作。如果把网页比喻成一个人,那么 HTML 就是人的骨骼, CSS 是人的器官和血肉,JS 相当于人的动作。因此,网页才可以调用前端和和后端的多种功能, 实现多种互动效果, 既可以在手机上浏览和传播, 也可以在平板和PC上观看。
通过以上对 HTML和网页的了解, 我们就可以得知, 实际上现在我们说的 H5,由于通常是在移动终端上观看的互动作品, 因此呈现为一个网页的形态, 那么实际上H5 可以被理解为一个移动网页, 它是一个集合, 除了 HTML5 技术标准以外, 还运用到了CSS 语言、 JS 语言, 因此可以调用前端与后端功能, 实现多种动态效果和视听效果。 H5 是一个多项技术与技术标准的集合。 不等于以上我们谈及的技术与技术标准,H5 将每个分支都纳入了一部分进来。

**章 H5 作品制作准备 **节 H5 技术常识 第二节 H5 作品制作的注意事项 第三节 H5 作品的制作流程 第二章 H5 作品的选题与策划 **节 怎样才算是一个好的 H5 选题 第二节 如何进行 H5 作品的选题 第三节 如何从0 到1 策划 H5 作品 第三章 H5 作品的素材查找与加工 **节 H5 作品素材的查找 第二节 H5 作品素材的加工 第三节 其他可能应用的工具** 第四章 H5 作品的页面设计 **节 表现型字体与功能型字体 第二节 如何选择合适的字体 第三节 文字与正文 第四节 表现型与功能型字体** 第五节 通过版面率、 图版率合理安排 H5 页面的层次 第五章 方正飞翔数字版功能快速入门 **节 方正飞翔数字版基础操作 第二节 文字编辑处理入门 第三节 图像编辑处理入门 第四节 对象操作与美工处理 第五节 文档的打包、 输出与发布 第六章 H5 作品的交互设计与互动效果制作 **节 交互设计原则与方法 第二节 互动效果的分类 第三节 基于融媒体展示的互动效果制作 第四节 基于触摸屏操作的互动效果制作 第五节 基于传感器的互动制作 第六节 页面导航与操作指引 第七章 H5 作品的测试、 发布与运营 **节 H5 作品的测试 第二节 H5 作品的发布上线 第三节 H5 作品的运营技巧 第八章 H5 制作综合实践: 传媒领域 **节 《那些年, 我们还给老师的知识》 H5 作品制作 第二节 《垃圾分类大作战》 H5 作品制作 第九章 H5 制作综合实践: 出版领域 **节 《小兔子回家啦》 H5 作品制作 第二节 《安徒生童话博物馆》 H5 作品制作 附录 专用名词术语表