网页设计 百分网手机站

html5的学习方法指导

时间:2020-09-02 18:02:30 网页设计 我要投稿

html5的学习方法指导

  学习前端开发我们都知道要学HTML、CSS、JS这些基本的知识,学习的内容基本差不多,但是学习的成果却千差万别。下面小编给大家整理了html5的学习方法,供大家参阅。

html5的学习方法指导

  html5习方法

  方法1 整体到局部,骨架到血肉

  在学习HTML和CSS时,会涉及到网页的搭建。学习这个知识时,我们采用的方法是“由外及内”,“由整体到部分”,“由全局到细节”。 学习东西,特别是在初识某个事物时,一定要从主干到枝叶,而不要陷入细节,纠结于其中。主干如同知识的一个主线,这种先找主干后添枝叶的学习方法能够让知识遗漏变成最少,也会比较容易建立起知识知识间的关系。

  方法2 类比

  在学习CSS引入方式这种知识点时,我们采用了另一种学习方法。辨析,或者也可以叫做类比。

  这种方法主要针对于区分相似的两种或多种事物。如strong与em,块元素与行元素,同步与异步。

  对于此类知识,应多多思考,抓取几种事物的不同点,结合去记忆。

  方法3 记忆很重要

  学习时会遇到一些知识点,如有哪些数据类型,有哪些标签元素。需要记忆的还是要记忆的。很多人在学习过程中觉得理解最重要,不需要记忆。这种想法是有问题的,如果连记都记不住,还谈什么理解?

  方法4 聚沙成塔

  在网站中,我们能够看到各种各样的效果,有些效果看上去很高大上,很炫美。然而,再炫美的效果也是由众多的知识点组合而成的。当我们对效果抽丝剥茧,就会发现,其实最初的它很简单。

  方法5 循序渐进

  在循序渐进中,思路很重要,换句话说,我们知道一个知识点很“大”,也知道要一口一口的吃,一步步的消化,但是,如果我们弄不清楚先吃什么再吃什么,也很难把这个知识啃下来。

  这时候需要“思路”,也就是“流程”,在学习知识中,重点是关注流程和思路,而具体的小知识点充当的是血肉(和我们提到的第一个方法就挂钩了,就是分清主干和枝叶)

  方法6 知识的迁移

  用已有知识辅助未知知识的学习,是很好的一种方法。通常这种方法应用于拥有相似特点的事物。例如:圆角边框与外边距、背景切割与背景原点、JS对象与JSON等

  方法7 生活辅助学习

  这种方法是讲师用的最多的。

  利用生活中实际的事物去辅助抽象知识的学习,能够让我们更好更快的理解和吸收知识。

  例如在讲解盒模型时我们利用了快递中的方鱼缸。在讲解AJAX时我们利用了信件邮寄。在讲解构造函数时,我们利用了毛坯房和装修房。在讲解引用类型变量的时候我们借助了钥匙和仓库的关系。

  找一种合适的例子,辅助自己理解,是很好的方法,但是一定要注意,例子要合理~

  方法8 实践出真知

  在学习一些知识过程中,有些孩纸不喜欢动手,而更多的是喜欢听或者喜欢背。这种思路明显是不好的。代码,是个需要动手的`活儿,掌握代码靠的不仅仅是记忆,还需要尝试。尝试书写代码,发现现象,然后归纳总结,形成理论并记忆。

  自学html5方法

  1.学习html的基本知识。包括HTML的标签、属性等知识

  2.学习html+css。学习DIV+CSS的基础知识,掌握网页布局技巧,能够用DIV+CSS完成带交互的企业网站的布局。这两部网上随便一搜全部 都是教程,找一个系统的教程看就好。

  3.js+jquery。js语句语法的学习,对象、dom、事件处理的学习等;jquery选择器、ajax、流行的网页特效制作,以及jquery插件的封装 。都是在这个阶段要学习的。

  4.html5+css3。这个阶段要掌握html5新特性,css3新特性。包括新增标签、css3中的2D、3d转换、响应式媒体查询等。这个阶段的学习 完成后要能完成一个响应式网站的前端开发。

  5.移动端框架的学习,流行框架的学习比如bootstrap。

  6.react组件学习、nodejs&bower&gulp。能做到这个阶段,你已经是一位HTML5工程师了。

【html5的学习方法指导】相关文章:

HTML5学习方法09-10

雅思词汇学习方法指导10-16

HTML5是什么09-09

Html5的应用广泛吗09-27

html5的开发工具09-09

HTML5安全攻防知识09-25

HTML5新手入门指南09-28

学习HTML5方法09-11

HTML5开发工具有哪些09-10

税务师考试《税法一》学习方法及备考指导10-04