How to make H5
How to make H5

How to make H5

H5 到底是什么呢?

是什么

html

H5是HTML5并不是一项技术,而是一个标准。所谓HTML是“超文本标记语言”(HyperText Markup Language)的缩写,是一种用于创建网页的标准标记语言。我们在网上或是微信中看到的网页和内容,多数都是由HTML写成的。HTML 不是一种编程语言,而是一种标记语言。标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页。HTML 文档包含了HTML 标签文本内容。HTML文档也叫做 web 页面
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如  和
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签
<标签>内容</标签>
H5是指第5代HTML,也指用H5语言制作的一切数字产品。HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。HTML5的设计目的是为了在移动设备上支持多媒体。

炫酷的页面

某种在微信等移动端看上去酷炫,能够提升格调,亮瞎访问者,让人顿升膜拜之心,就算没有内容也能被广泛转发分享的一种东西。 在微信朋友圈中,我们常常看到各种制作精美的电子邀请函、电子海报、抽奖或是红包等营销活动,这些移动端内容画质精良、体验流畅,还支持播放音乐、视频等多媒体素材。以微信传播为主要渠道的简单的动态宣传H5页面,通过图片素材等将文案具象化,赋予了一定的动态效果,结合了BGM效果,使原本干巴巴的纯文字内容,寓于了鲜活的生命力,吸引了更多的点击与传播。

展示

我们来看几个H5例案例。

用什么做

HTML编辑器

但是使用HTML5语言直接制作页面需要用户有较深的技术背景,难度很大。因此市面上出现了诸多H5编辑器,它们可以帮助用户快速简单地制作H5页面
用户使用H5编辑器时,编辑器会提供一些素材给用户,用户也可以自行上传素材。用户用这些素材制作出一个简单的页面后,添加音乐、视频、动画效果等功能,就可以像制作PPT一样制作出一个H5页面。制作完成后,用户可以自行将H5页面分享至朋友圈等社交网络,也可以通过H5编辑器的推广功能扩大作品的传播范围。用户发布H5页面后,编辑器官方也会对页面进行审核,如果页面涉及违法内容,编辑器会屏蔽该H5页面(所以切忌搞些什么大新闻)。
做H5页面用什么软件?没有绝对的回答,任何答案都要看情景,看条件,看目的!
首先先把这些软件分成2类,专业软件和大众软件,都是工具,但特点也是明显的。
专业软件适合深度使用用户,能完成的效果会更加漂亮和自由,但是学习难度也更大,学习成本高。
大众软件使用模板套用,也支持自由创作,学习成本低,但是自由度低,用好看的素材要付费。

初级

大多数H5编辑器都会为用户提供许多精美的模板。用户使用模板时,只需要修改一些文字或图片就可以制作出精美的H5页面。通过模板制作H5页面上手快、制作过程简单,尤其适合小白用户使用。

兔展

兔展这个平台的功能比较齐全,动画的样式很多,交互组件也足够满足一般宣传。
特点:支持导入PSD文件,只需要将设计好的素材添加动画即可。
有很多模板,但是好看的要收费
一个很大的好处是有论坛,这样有一些技术上的问题的时候可以在论坛里看一下有无帮助

make

MAKA的UI和用户体验质量更高,而且在创作自由度上也能满足大部分的需求了。
主要用户群体是设计师,操作体验较优,功能较少。海量h5模板、海报随心挑选,无须ps轻松搞定电子邀请函、场景定制推广,更有创意海报、电子相册、节日贺卡制作…好多都要付费

人人秀

注册非常麻烦,需要选择个人or企业,需要选择领域、用途,需要添加客服微信,不推荐。

易企秀

好用好用!!!免费H5页面制作工具,易企秀定位简单翻页模板H5,面向普通用户,用户可以发布模板,模板数量较多。微信H5页面,微信朋友圈会议邀请函,电子贺卡,,动态音乐相册,电子微杂志,节日贺卡等,易企秀提供海量H5微场景模板,轻松制作一键生成H5页面...

专业

在比较熟悉设计,至少是掌握了一定的设计水平,熟悉动画组合,有一定审美的小伙伴后,可以通过这些平台创建一些原创的H5页面。自由定制程度会更强,当然学习难度也更大。

iH5

功能齐全,比较好用,也有丰富的教程。

意派∙Epub360

特点:动画多,进阶玩法比较多,例如重力感应,Layer页面等,这些玩法需要有一定的是动画设计与其他技能支撑~ 可以做出很多不错的效果。