燃文小说网

实践项目十一 H5 创作与分析（第1页）

实践项目十一H5创作与分析

任务引入

H5是HTML5的简称，是在互联网时代应运而生的第五代超文本标记语言的英文缩写，它集合了多项技术，是综合文字、图片、视频、声音、动效、链接等多种媒体元素呈现出来的，具有交互功能的一种表达方式。

简便的跨平台性、多元的修辞方式、强互动性、高传播力、低推广成本、低开发成本、多入口等特性让H5作品更易获得用户的参与分享，近些年在新闻传播领域应用非常广泛。比如人民日报客户端提供的《军装照》、央视财经微信公众号提供的《幸福照相馆》等，还有“抽奖活动”“问答测试”“换脸照”等技术类H5，多是H5常见的表达方式，符合当下社交化传播和跨平台传播的需求。根据确定的需求去制作和发布H5作品，应是本科学习阶段掌握的一个基本的媒介技能。

任务实践分析

1。组成

H5页面设计，文案设计、标题、段落、图片、音乐、链接，注意事项，制作流程等。

2。原理

H5是利用互联网的特性，制作一个移动网页，同时也能呈现类似PPT的动态效果，还可以利用网页特性嵌入相应的图片、音视频、动画、链接等，页面可以做得非常高大上，也可以简洁明了，突出主要信息，

在这样一个基础上，还可以形成自己独特的表达方式与呈现形态，能像游戏互动一样，通过利用手机传感器与用户进行直接互动，推动内容和情节方面的不断变化等。

3。分类

从内容形式看，可分为展示类、动画类、视频类、生成类、模拟类、技术类等。从功能和设计目标看，可分为品牌宣传类、邀请类、招聘类、教学类、推广类、总结类等。

4。发展

目前H5广阔用于新闻传播领域、市场营销领域、内容生产领域、游戏领域等。

5。运行

（1）选题与策划。确定选题，撰写策划文案，明确传播主题，文案中需要有吸引用户的特征和亮点，比如正面的价值取向、深邃的思想、优美的文本、震撼的观点、有趣的交互设计、严谨的细节等。

（2）素材查找与加工。通过多渠道去查找与主题内容相适应的文字、图片、视频、音乐等素材，再加工调整或利用辅助工具对素材进行美化和提炼。

（3）页面设计与排版。注意制作的时候的浏览器选择、页面尺寸、页面自适应、页面安全区。字体、字号、行距、行长的选择要匹配主题与内容，并通过版面图版率合理安排H5页面的层次。应注意的是，H5与微博、微信的图文排版设计等是有很大的区别的，要做到定位、用户分析、功能需求分析、界面设计、交互及运营策略的制定等。无论实用工具还是开发方式的H5，需要提前明确定位和做好策划，包括成本的预算与调整等。根据需求可添加图片、动画、视频等媒介元素。

（4）交互方式与互动效果的制作。交互方面需要注重简便、可操作性，要有让用户互动的欲望，分享、转发、评论与收藏的冲动，同时注意制作和维护成本，在相应的预算下进行交互运行。有条件的，可利用相关技术编写代码，增强和渲染页面的交互效果。

（5）作品初稿的测试。通过一定的人群测试，了解设计制作的H5基本功能与传播效果、主题表达与认可度等。

（6）上线发布与运营。经过测试合格后的H5，才能投入到传播与运营之中。这时候，随时要做到传播效果的测量与评估。

实训任务

统一给全班提供一篇最新的人民日报微信公众号中发布的新闻，其中带有图片、文字等，然后根据H5创作要求，进行以下步骤练习：1。

撰写策划文案，在木瘩等相关网站上选取一个H5页面；2。将不同的新闻元素添加到H5页面中，使之有机搭配在一起；3。添加背景音乐或特效；4。为作品拟一个标题并分段；5。进行更具技术难度和主题深度的H5创作。

实训报告

1。在H5制作过程中，你选择了哪些媒介元素，为什么？

2。你在H5制作时注意到哪些细节或问题？

3。你对自己的H5作品满意吗？为什么？

课后练习

学习近期新华社、人民日报、光明日报等制作发布的H5作品，并根据最新一些H5的制作特点，以自己校园内的场景和相关活动为基本内容，进行课后H5制作练习。