零基础想学习HTML5技术从何学起？

我来谈谈，零基础如何学习HTML5？

非技术方面：

学习HTML5之前，我个人建议先去了解一下HTML5行业。如果对行业状况不是很了解就要学HTML5会让你有点盲目？因为有的人选择HTML5行业的目的是为了高薪，有的人是真正的喜欢才选择它，不同的目的会产生不同的结果。

另外，了解HTML5行业能够帮助你分析一下自己是否适合学习HTML5。我的好朋友也有好多做前端的，有初中学历，有高中学历，还有本科学历且是软件工程专业的，看起来HTML5行业0基础也是可以学，难道是真的0基础可以学吗？我很认真的说不是，HTML5行业深似水，前期看起来发展都一样，但是到了后期会受到计算机相关专业知识的影响，导致无计算机相关知识的开发人员发展缓慢，也就是说很难往深入的方向发展，所以需要看看自己是不是适合做前端。但是，不排除无计算机相关专业的人发展也很不错，他们主要还是靠后期的努力弥补欠缺的知识。总之，还是那句话，兴趣才是你最好的导师。

技术方面：

HTML5开发工程师需要经常与网页设计图打交道，所以可以先从PS学起，学会从设计图获取数据、抠图、简单处理图片等，掌握的越多越好。其次，学习HTML和CSS，要懂得实现静态页面的布局，包括移动端和PC端，当然兼容问题也要掌握。这部分内容对于后期学习有很大的影响，所以需要把它打扎实一点。然后，学习原生JS的基础语法，因为它是学JS框架的重要基础，也是前端的核心技术。最后，JS掌握了面向对象、设计模式等后再去学习angular等比较流行的框架。对于HTML5知识的获取你可以到W3CSchool、HTML5学堂、掘金等平台进行学习。

最后提一下，如果想在前端行业发展的不错，后台语言、设计都需要掌握一些，才能把网页做的更好，而不是单纯的去实现网页。

网名：梦幻雪冰(IceBoy)

1.如果题主零基础的情况下想去学代码的话，就得把HTML5、CSS3、JavaScript三个一口气都学了，这样就不需要各种求供应商和技术了。

这种情况下建议题主在网上学习+课本学习同步进行：

网上学习强推网易云课堂上浙大的翁恺老师的计算机课程。

其一，翁恺老师本身就是高校里面的人气教师，讲课简明生动，很适合初学者入门【之前学过一些计算机课程，因为太过晦涩，对程序语言甚至有点心理阴影，所以初学者学的课程还是要谨慎选择】。

其二，翁恺老师在网上授课已经有蛮多经验了，也不会出现什么讲课中途遮住了PPT，代码看不清等等诡异的问题。。。

其三，网易云课堂上的三门课程都已经整理完毕，方便学习，平台也比较稳定。而且这些课程完全免费，每门课都有几万人在学

HTML5入门：HTML5入门 - 网易云课堂

CSS3：CSS3 - 网易云课堂

JavaScript：JavaScript - 网易云课堂

书的话，还是推荐一些经典的吧：

《Head first HTML&CSS》：入门级必备，难度合适

《JavaScript DOM编程艺术》：同样入门级教材

《HTML5权威指南》：内容全面，进阶阶段可看

《JavaScript高级程序设计》：JS圣经，殿堂级教材

建议交错搭配学习，加深理解，不过这样学习来比较费时间就对了

2、如果只需要能制作出简单的H5页面，就可以绕过代码这关，善用各类H5制作平台，应该都能轻松上手。

Maka：MAKA.im | 简单、强大的HTML5创作工具

印象中是最早开始做H5页面的平台之一，目前只有web端没有移动端，但网页上各类模板齐全，动态效果和交互也做得不错，只要自己填充内容就好，简单易上手。

初页：初页 - 优质H5手机页、微信海报

和maka不同，专门做移动端的，也有一些预设的模板，支持添加文字、图片、音乐等，方便在手机上直接制作，胜在速度。

秀制作：秀米 XIUMI

来自微信公众号排版常用的工具秀米出品，可以和秀米配合使用，目前也只有web端。

Epub360意派：Epub360意派-专业级H5微场景设计平台

模板不多，但自由度较高，适合有设计感的设计师来 *** 刀制作，发挥交互功能，不过只能免费制作10个，而且作品还自带logo，有ipad版和web版。

做一些H5特效的动态页面，以前需要专业技术团队和设计师才能制作。现在通过这些简单的平台，你几分钟就能免费创作自己的H5页面。甚至有的你需要做的只是仅仅换上几张图，敲几个字，选自己喜欢的音乐\视频…一个不错的H5页面就出来了。下面介绍几款HTML5工具（排名不分先后；各平台可能会有所变更，介绍如果有不准确之处，还望多理解）！

搜狐快海报

快海报是搜狐快站平台上全新推出的免费H5页面制作工具， *** 作也极为简便易学，完全没有技术要求。采用拖拽式 *** 作，属性式设置的模式。一拖一拽，简单配置，所见即所得，一分钟即可学会，三分钟便能完成。还有海量模板即将上线，替换内容即可生成。快海报还支持同一组件的多重动画设置，让画面更丰富更炫酷。

久爱微景秀

久爱微景秀这个平台制作起来非常简单，静态模板和动态模板都有，模板样式丰富，浏览体验不错。有多种动态效果以及交互效果可供选择，多种效果、翻页动画、背景音乐、可统计浏览量，可以获得表单反馈信息。所见即所得的在线实时制作技术，很轻松就可以做出很炫的h5页面。且对于免费用户来说，全部功能也都是开放的，可以不受限制地做出自己的动态页面。还可以提供定制服务。

口袋通微杂志

口袋通是一个免费的微商平台，其场景海报也是为了其电商功能服务，不过免费得版提供的交互较为简单，没有多样的模板。

易传单

编辑器界面比较友好，设计灵活方便，数据统计与表单上也是亮点所在。除了模板较少之外其他的都是相当好。

epub360意派

这不是奇虎360的，意派的交互功能极为强大，可以说更适合专业的设计师打造的交互设计，动画效果出色，虽然简单傻瓜式的模板不多，但自由度相对较高。

易企秀

易企秀有多种动态模板，能实现文本和图片带有滑动、隐现、放大缩小等动态效果。同时有ios移动客户端，在手机上也可创建场景应用，以及数据统计功能。大体上和maka差不多，但是表单和统计是免费也可用，更多功能需要企业会员。

Liveapp场景应用/云来

云来Liveapp是面向企业方的移动场景APP云服务平台，许多企业都在使用，需购买场景应用。不过，现在云来场景应用正式免费开放，所有“认证企业”都可以申请获取。免费体验长达31天，体验结束后，也会永久保存并持续展示你的场景应用。

Vxplo

Vxplo也是专注在线交互设计，功能强大，同epub360一样适合专业设计师，可以零代码制作轻应用。使用上相对较为复杂，不过其甚至也可以用来制作响应式网站，有时间可以试试。

最酷网

最酷网也是一个免费H5场景应用制作和发布平台。不用懂设计、不用会编程，1分钟上手制作，平台针对不同的应用场景和内容展现形式，提供海量的模板、丰富的控件、灵活的动画特效。用户可以简单快速的通过图片替换、内容编辑，就可以创建属于自己的、炫酷的云场景应用。

FormFollowsFunction

严格来说，FormFollowsFunction不属于H5制作平台，而是一个预览平台。H5页面到底能实现什么样的动画效果？这一个网站几乎能看到所有H5能够实现的动画效果，引爆你的灵感，并且让你心中有数。

Weebly

Weebly和Wix也是一款HTML5拖放式智能创建器，支持中文，拥有多种优秀网页模板和交互效果，并且有IOS和Android客户端可以管理自己的网页、随时随地跟踪。

Wix

Wix基于H5技术，向用户提供多种网页模板， *** 作简单无需代码，智能拖拽即可实现网页建设。Wix每个类目下有上百的HTML5模板可供使用，响应式设计，在手机端也有很好的展示。

Ceilfire

Ceilfire是一个创建H5游戏并分享的平台，点击进入你就会看到很多的H5页面游戏。用户可以直接在浏览器中创建游戏、参与游戏、分享游戏，对于想做简单的H5游戏的朋友可以用这种方式试试手。就算不做也可以看看已有的H5游戏来找找感觉。

平台或可更多，不能尽述，留待留心发现。

---