Home  >  Article  >  Web Front-end  >  零基础如何迅速学习HTML(或HTML5)?

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

WBOY
WBOYOriginal
2016-06-07 08:41:391764browse

由于从事新媒体推广工作,现在在移动端流行“高大上”的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可以搜索到
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn