运用HTML5能做到的事

记得在大一和大二的时候都有学过HTM5+CSS5,下面就跟大家简单说一说HTML5的概念及其由来。HTML5 是万维网的一种核心语言,它将成为 HTML、XHTML 以及 HTML DOM 的新标准。虽然HTML5 仍处于完善之中,然而,大部分现代浏览器已经具备了某些 HTML5 支持。所以学好HTML5语言,我们可以成为一个优秀的前端设计师,具有非常好的发张前景。

关于HTML5的教程非常多,如果想自学的可以自己网上找资料,我平时喜欢参照W3C SCHOOL。在这里我通过一些具体事例,跟大家探讨HTML5能做的一些好玩的事,学会了大家可以试一试。

1、问卷调查,实际问题解决

基本逻辑:利用用HTML5中的表单元素来对问题进行设计,再加以对界面的美化,一份独特的调查表就诞生了。

常见例子:学时类的问卷调查,某公司的市场调查,等等

典型案例: 《快来算算你是靠什么吃饭的》 ,据第三方统计,它的PV值超过了500万。

2、炫耀/恶搞,个人创意大比拼

基本逻辑:输入个人信息>生成个性页面>分享

核心思想:生成的页面为用户常见页面的高仿真版本,比如朋友圈主页、新闻页面、杂志封面,甚至一些更具体的,护照、毕业证等等,一般为恶搞或者炫耀,以此来激励用户进行分享。

常见例子:前段时间,很多同学生成了关于自己的头条文章,吸睛度十足;还有我们朋友圈里的微商所合成的聊天记录,交易信息,也是可以用HTML5做。

典型案例: 《网易新闻 我要上头条》,第三方统计,它的PV 两天内突破5000万

3、心灵鸡汤分享

基本逻辑:展现人物生活/工作片段>让读者感动、无地自容>分享支持

核心思想:一般是不太受关注的劳动工作者或公务人员,展现平凡而细微的人物生活,文案具有正能量、煽动性的特点,以此来激发用户进行分享。

常见例子:如在我的老家,有一个摆渡了几十年的叔叔,有一天,我竟然惊奇的在网上发现了关于赞扬他摆渡的文章。

典型案例 :《如果可以,让我们一起回家》,据官方统计,它的达到了 PV 500万。

4、小游戏

基本逻辑:上手就能玩;获得成就;可朋友圈分享

核心思想:一次游戏时长不超过1分钟,规则简单,难度大,但随着熟练度提升难度快速降低,于是给玩家造成自己很聪明获得很高成绩的错觉,以此激励分享。

常见例子:之前朋友圈一个传的很火热的辨别几种颜色的网页。

典型案例子 《按住一秒钟》,据官方统计,它的 PV 达到了700万。

我是陈陈爱橙子,我正在参加网络营销能力秀。

我的个人主页是:http://wm23.cn/chenchenaichengzi

我的个人博客是:http://blog.sina.com.cn/u/5346243119

欢迎相互关注,共同学习。

guxing 2016-06-03