新媒体运营实战技能（第3版慕课版） 课件 第四章-H5的制作和运用.pptx

第4章H5 的制作与应用CONTENTSCONTENTS目录HTML的发展历史、功能与H5的类型 1H5 的素材收集与制作24.1HTML的发展历史、功能与H5的类型4.1.1 HTML 的发展历史HTML 的发展历史、功能与 H5 的类型1HTML5是构建及呈现互联网内容的一种语言方式，它也是互联网的核心技术之一。HTML的第一版于 1991 年开始研发，1993 年发布。按照惯例，每隔一段时间，HTML都应该进行更新，但是自 1999 年 12 月 HTML 4.01 发布以来，便再无更新。此后多年，互联网行业发生了翻天覆地的变化，原有的 HTML 已经不能适应互联网的发展。 4.1.2 HTML 的功能HTML 的发展历史、功能与 H5 的类型1HTML 5 之所以能引发如此广泛的关注，是因为它不只是一种标记语言，更为下一代互联网提供了全新的框架和平台。HTML 5 的语法特征能更好地适应移动端，它真正地改变了用户与网页的交互方式。HTML 5 的强大功能主要体现在以下两个方面。1．富文本性 HTML 5 标准规范使网页以原生方式播放音频、视频及动画成为可能，对影音、图像、交互动画等内容高度支持，浏览器网页也因此真正实现了多媒体内容呈现。4.1.2 HTML 的功能HTML 的发展历史、功能与 H5 的类型1HTML 5 之所以能引发如此广泛的关注，是因为它不只是一种标记语言，更为下一代互联网提供了全新的框架和平台。HTML 5 的语法特征能更好地适应移动端，它真正地改变了用户与网页的交互方式。HTML 5 的强大功能主要体现在以下两个方面。2．跨平台性 HTML 5 带来的图形化、动画及本地化存储等多项新功能，让应用开发行业有了开放且统一的标准，打破各平台“各自为政”的局面，打破行业壁垒，应用程序的创建标准也因此变得统一。 4.1.3 H5 的主要类型HTML 的发展历史、功能与 H5 的类型1许多企业和新媒体运营者都曾尝试制作适合商业用途的 H5，并在微信上进行传播和扩散。H5 也成为诸多企业和新媒体运营者推崇的低成本、高效益的营销推广工具。H5 有以下 5 种常见的类型。 1．展示型展示型 H5 主要用于展示内容，用户通过简单的滑动或点击动作进行翻页。其展示的内容及页面互动效果相对简单，且制作难度低，新媒体运营者参与制作的门槛较低。4.1.3 H5 的主要类型HTML 的发展历史、功能与 H5 的类型1许多企业和新媒体运营者都曾尝试制作适合商业用途的 H5，并在微信上进行传播和扩散。H5 也成为诸多企业和新媒体运营者推崇的低成本、高效益的营销推广工具。H5 有以下 5 种常见的类型。 2．互动型互动型 H5 和展示型 H5 类似，主要用于展示内容。相较于展示型 H5，互动型 H5 的制作难度更高、创意更足。不少 H5 制作平台同样提供了互动型 H5的制作模板。4.1.3 H5 的主要类型HTML 的发展历史、功能与 H5 的类型1许多企业和新媒体运营者都曾尝试制作适合商业用途的 H5，并在微信上进行传播和扩散。H5 也成为诸多企业和新媒体运营者推崇的低成本、高效益的营销推广工具。H5 有以下 5 种常见的类型。 3．场景型场景型 H5 更侧重 H5 展现形式的场景化，通过互动将用户带入预设的情境中，并在情境中植入广告或其他信息，使用户更易接受。4.1.3 H5 的主要类型HTML 的发展历史、功能与 H5 的类型1许多企业和新媒体运营者都曾尝试制作适合商业用途的 H5，并在微信上进行传播和扩散。H5 也成为诸多企业和新媒体运营者推崇的低成本、高效益的营销推广工具。H5 有以下 5 种常见的类型。 4．游戏型游戏型 H5 本质上是一种游戏，用户需要通过屏幕互动或用手机感应器控制目标，从而获取游戏体验。4.1.3 H5 的主要类型HTML 的发展历史、功能与 H5 的类型1许多企业和新媒体运营者都曾尝试制作适合商业用途的 H5，并在微信上进行传播和扩散。H5 也成为诸多企业和新媒体运营者推崇的低成本、高效益的营销推广工具。H5 有以下 5 种常见的类型。 5．测试型 测试型 H5 最显著的特点是基于相同的测试标准，不同的用户可获得不同的测试结果，其在互动形式上比较简单。4.2H5 的素材收集与制作4.2.1 字体素材H5 的素材收集与制作2主流 H5 制作平台备有多种字体素材，其中部分字体可供新媒体运营者免费使用。除此之外，新媒体运营者也可以运用以下方法制作字体。 1．使用 PPT 制作字体第一步：从 PC 端打开 Office 或 WPS，新建 PPT 空白演示文稿页面。 第二步：依次单击页面顶部菜单栏中的“插入”—“文本框”选项，如图所示。4.2.1 字体素材H5 的素材收集与制作2第三步：单击 PPT 空白演示文