零基础如何迅速学习HTML(或HTML5)?

原创
2016-06-07 08:41:391304浏览
由于从事新媒体推广工作,现在在移动端流行“高大上”的HTML5。作为代码零基础的我,该如何迅速学习HTML(或HTML5)?不要求学会做游戏应用这些,只想学会做简单的滑动页面、跳转即可。
或者可以提供一些快速有效的入门书籍或者视频、技巧也可以,谢过各位大神~

回复内容:

从题主的问题来看,

“由于从事新媒体推广工作,现在在移动端流行“高大上”的HTML5。作为代码零基础的我,该如何迅速学习HTML(或HTML5)?”

所以下面分两种情况来分析:


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版。

书就不必了,先从www.w3schools.com入门,之后各种杂七杂八的问题百度足矣。 去幕课网看视频 学习代码和学习英文不一样, 你需要花费10%的时间去 “学”, 再花90%的时间去 “习” ,特别是前端相关技术,你连续做15-30个小案例,基本就能做基础的开发啦, 个人推荐你使用 “学和习” 整合解决方案: 课程库 极客标签 其实你这个问题在网上有很多答案。我建议你先Google或者百度它。
World Wide Web Consortium (W3C) 是我最推荐去的地方。HTML5在HTML5
实在需要点书的话我觉得你可以看一下这个问题:有哪些关于前端开发技术(HTML、CSS 和 JavaScript 等)的值得推荐的书籍? - 书籍推荐
把这里面的前几个答案看完你或许会有新的收获。
但是我觉得单单HTML或者HTML5的知识不够应付一些实际情况。HTML+CSS+JS最好一块儿学。
英语不好且没有编程基础的话,我和前面的各位一样推荐:w3school 在线教程 codecademy.com
w3schools.com 先说一个免费的网站,慕课网有完整的教程。
每个例子都去实践。把HTML+CSS+JavaScript部分基本学完。例子也学完。
但是感觉还是不能开发什么东西。然后百度前端技术学院!可能不是开放时间。不过没关系。里面内容可以去实践。
一个一个人物敲过去。应该就有还不错的水平了。继续学习吧。 建议题主直接从视频教程看起
先看html+css 然后html5+css3
推荐:html5 教程 非常适合初学者学习
有时间的话,题主最好再学下js、jq、ajax等
希望对题主有帮助 推荐个网站:Vxplo,可以在线制作你想要的互动效果,还有教程。 lynda.com提供了很多不错的课程。
HTML Essential Training很适合入门,另外还有一些HTML5的前沿技术API的专题,建议从基础开始,循序渐进。
课程是视频形式,且作者会根据需要更新自己嗯课程,但又不像普通的公开课视频,一个课程的每个视频都不会超过10分钟,不会出现像公开课看久了枯燥的状况。
关于下载的问题,一般在kickass.to可以搜索到
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。