H5的爆款玩法基本上每年都会更新,「学习H5」本身就是件需要长期坚持的事情,想要学好真的不容易。不知道大家对于「简易教程」的定义是怎样的,我感觉简易教程应该是针对新手的吧,可以让他们学会制作简单的图文翻页类H5。

如果想学会制作创意型H5的话(比如说合成海报、人脸识别、一镜到底之类的),可以去意派Epub360上看看,我刚开始接触这款工具是因为要做一个答题测试类的H5,在平台找了教程来看,然后跟著学。虽然那会儿是刚接触,但说实话,我也没觉得难,反而感觉挺有意思的,可能是因为教程真的蛮详细易懂的。这是个专业工具,交互性强、自由度高,你可以从下面这张图感受到教程有多齐全细致


谢邀,答主从事8年前端,来给IT新人避些坑。

(H5 = HTML5简写,以下简称H5)

H5前端技术最近几年火到发紫,各大中小应用几乎都离不开前端。

然而前端技术更新迭代频率极高,

这也给想入门前端的初学者带来诸多困扰。

首先科普一下,H5只是一种语法规范,作用在浏览器端。很多人都认为H5是一个技术,其实不然,H5本意指代HTML的第5代规范(各类型浏览器实现此规范)。

而现在人们口中的H5往往指代前端技术的一个大集合(HTML+CSS+JAVASCRIPT)

(图片来源于网路)

HTML = 网页的基本架构(HTML5指此规范的第五代版本)

CSS = 网页的色彩,样式,排版布局特效等(CSS3指CSS语言第三代版本)

JAVASCRIPT = 网页的逻辑

只会其中一种技术,都不能构建一个完整的网页。所以可以看到,想学习现在的H5前端技术,最少需要学习3种规范语言。

先说学习顺序,从易到难的上手度来说,应该是

1. HTML5:学习构建网页的基本规范(5指HTML第五代规范,为目前最新版本)

了解网页的基本架构,等于打地基,一切都在地基之上建立

2. CSS3: 学习样式语言,色彩,排版布局等(3指CSS第三代版本为目前最新版)

了解网页的布局及色彩搭样式搭配

3. JAVASCRIPT: 学习编程语言JAVASCRIPT,用程序语言操控网页的各类行为

了解网页的行为操控

学习顺序了解后,在来说一下新手入门的几种常见方法,以及对应的优缺点。

前端相关书籍是可以从某宝、某东或者书店购买,只要抽空就可以阅读,但是因为书籍从编辑到定稿出版,往往经历较长时间,所以技术相对不太新。

而视频教学虽然可以学到最新技术,时间也很自由,但是不在付费的情况下,视频质量参差不齐。

线下培训算的上最为系统的培训,毕业就可上岗。而且各城市均有大中小培训机构,但想要选到一个好机构,还需要多次对比。

推荐入门实体书籍:HTML5+CSS3+JavaScript从入门到精通(标准版) web前端开发网页设计丛书

(图片来源于网路)

推荐视频:XX课堂等H5网路视频教学

针对上表可以看到常见入门途径,其实不管哪种方式都有各自的优缺点,根据自己的时间、精力、目标(是为了研究H5,还是为了达到能去公司上班的程度)选择最适合自己的学习方式,才是最容易的入门教程!

发布于 2020-06-05继续浏览内容知乎发现更大的世界打开Chrome继续class pissclass piss过来人大众点评技术体现:《HTML 5网页开发实例详解》(周遥...)【简介
大众点评技术体现:《HTML 5网页开发实例详解》(周遥...)【简介
如果是零基础的话,建议多使用一些H5制作平台,尽量用那些没广告的,要不然做到最后,用户看著多不爽,去广告还要花钱。用dodoH5,没广告,省预算。


学习h5最快的方法就是制作教程+动手制作,在看了人人秀的h5制作教程以后立马上手操作,这样的速度最快。

俗话说得好,行动是最好的方法,动起手来就很快学会了。你可以用人人秀试试哦!


人人秀的h5制作起来比较方便,简单容易上手。3分钟就可以制作一个h5页面。

具体流程参考下面:

1.打开人人秀官网(https://rrx.cn/),进入模板商城,使用模板制作最方便快捷。

2.随意选择一款你看著比较顺眼的宣传H5模板,点击立即使用,进入H5编辑界面。

3.在编辑界面你会看到若干个可编辑页面,这些页面您可以随心添加图片和文字内容(如上案例,仅仅只是简单的图文展示),图片精美,排版养眼,你也能做到。

4.如果你觉得这样太简单,那你还可以新建一个页面,在右侧进入互动功能区,给H5嵌入抽奖、拼团、测试、快闪等当下最为流行的活动宣传玩法!


先学好H4
推荐阅读:
相关文章