HTML5：移动端新闻媒体的新选择.docVIP

HTML5：移动端新闻媒体的新选择-新闻学 HTML5：移动端新闻媒体的新选择 杨林 【摘要】2014 年10 月29 日，新一代的超文本标记语言第五次重大修改（以下简称HTML5）面世，将取代应用了十余年的HTML4语言成为新一代的Web 语言。与此同时，移动客户端成为媒体战的新阵地。而更加适应移动端展现的HTML5 语言，其诞生和推广为媒体提供了前所未有的新闻展现方式。 关键词 新媒体HTML5 移动终端新闻传播 经历了近十年的筹划与打磨的新一代的超文本标记语言HTML5，于2014 年10 月29 日制定完成并公开发布。它被业内公认为是近十年来Web 标准最大的飞跃，将成为下一代的Web 语言。相比于上一代语言，HTML5 能够更好地适合移动端上的信息呈现，并为新闻内容更多样的呈现提供了技术可能。 2014 年我国手机网民规模已达5.27亿人，“新媒体”早已不是一个新鲜的概念，它切实地影响着媒体生产和消费的格局。抛去传统媒体和新媒体的竞争不谈，即使是“新媒体”这个大概念内部，也有着不同媒体形式的此消彼长。新闻门户网站的媒体受众逐渐被分流，移动新闻客户端APP 和基于社交媒体传播内容的新闻公众号快速发展，并吸引了大批受众。 微信是当今较为主流的手机社交媒体之一，目前海内外已有6 亿多注册账号，其中活跃用户超过2.7 亿。用户可以通过简便的操作将网页分享至微信“朋友圈”，数量庞大的媒体公众号则成为这些分享的信息源。 微信公众账号的内容编辑器容许嵌入HTML5，这为HTML5 制作的内容在朋友圈的流行提供了可能。用HTML5 技术做出的新闻，由于美观有趣，易于分享，在朋友圈里的热度逐渐提高。这类新闻内容通常有三种表现形式。 一、用HTML5 表现新闻的三种主要形式 绘图功能是HTML5 相比于前代语言所做出的重要突破之一，也是HTML5 语言的一个重要特性。从用户体验的角度来说，它所呈现的效果类似于电脑端网页的Flash。但Adobe 公司在2012 年已经宣布放弃占据多年主流位置的Flash 在移动端上的继续开发，而HTML5+Javascript 或者HTML5+Jquery 可以在网页上做出任何的二维动画（使用HTML5 配套的CSS3 甚至可以实现三维渲染，即做出三维效果的动画），而且其作为网页元素可以监测用户在页面上的所有交互行为。有理由相信HTML5 页面的动画效果将在移动端大有可为。 目前，微信上媒体用HTML5 来表现新闻的主流方式有三种：幻灯片式展示、交互式动画和功能性页面。 1、幻灯片式展示 幻灯片式展示，即将图片、文字或者再加上音乐、视频等，以简单的方式组合在一个或多个HTML5 页面上，通过滑动实现内容间的切换，并辅以一定的过渡动画所形成的展示效果。这是应用HTML5最常见、最早产生也是最简单易行的呈现方法之一。 幻灯片式展示能够较好地切合“读图时代”受众的需求。虽然本质上仍然是图片新闻，但是利用时差滚动效果、声画结合等方式，以及图片之间过渡动画效果的交互设计，可以让“静”的图片“动”起来。如果说以往“图片+文字”的呈现方式是平铺直叙，那么幻灯片式的展现方式就可以被称为“娓娓道来”的叙述。 在大数据时代，这种展示非常适合展现数据新闻。运用动画效果和图片设计，让枯燥的图表能够以活泼的方式说明问题，从而优化信息传播效果。 2、交互式动画 交互式动画最初是以小游戏的形式在朋友圈中传播的。这种游戏的特点是操作简单，只需要手指的滑动；但是用户的操作又是十分重要，它决定着整个动画的播放进度。操作手机的手势成为了动画中重要的一环。 如果把这种呈现方式和新闻相结合，我们就会看到一些“游戏化新闻”。网易新闻的新媒体实验室是HTML5 新闻呈现的早期发起者之一，作品中不乏这种“游戏化”作品。在电影《星际穿越》上映后，网易新闻紧追热点推出了《带你体验真实版“星际穿越”》，让受众自身扮演“旅行者一号”，通过点击手机屏幕参与“宇宙旅行”，让一则科技软新闻以游戏的方式呈现。 不仅是软新闻，重大时事类新闻也可以如此跟进。比如网易新闻在APEC“习奥会”之后推出的一则《习近平和奥巴马是这样夜游中南海的，你感受一下》的动态新闻也取得了可观的传播效果。 3、功能性页面 功能性HTML5 页面具有实用性，能够过继甚至取代移动端应用软件的一部分功能。如在北京市地铁宣布涨价细则之后，百度地图推出了“告别地铁2 元时代”的功能性HTML5 页面。用户可以在输入始发地和目的地后，查询涨价后的票价。旁边设有滚动