Web前端的学习误区
网页制作是计算机专业同学在大学期间都会接触到的一门课程，而学习网页制作所用的第一个集成开发环境(IDE)想必大多是Dreamweaver，这种所见即所得的“吊炸天”IDE为我们制作网页带来了极大的方便。
入门快、见效快让我们在不知不觉中已经深深爱上了网页制作。此时，很多人会陷入一个误区，那就是既然借助这么帅的IDE，通过鼠标点击菜单就可以快速方便地制作网页。
那么我们为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢?这不是舍简求繁吗?
但是随着学习的深入，就会发现我们步入了一种窘境——过分的依赖IDE导致我们不清楚其实现的本质，知其然但不知其所以然。
因此在页面效果出现问题时，我们便手足无措，更不用提如何进行页面优化以及完成一些更高级的应用了。其原因是显而易见的——聪明的IDE成全了我们的惰性，使我们忽略了华丽的网页背后最本质的内容——code。
那么我们应该怎么学习前端开发这门技术呢？ 现在很多小伙伴喜欢在互联网上找视频资料学习网页制作，但是光看视频你是不可能学会网页制作的，没有人指导你，而且很多视频已经过时了，并没有什么用! 如果你真的想学习网页制作这门技术，你可以来这个裙，前面是494，中间是零六思，最后是934！在这里有最新的HTML课程免费学习 也有很多人指导你进步，不需要你付出什么，只要你是真心想学习的，随便看看的就不要加了，加了也是浪费大家的时间。
正确的方向胜过无谓的努力
有两只蚂蚁想翻越一段墙，寻找墙那头的食物。一只蚂蚁来到墙脚就毫不犹豫地向上爬去，可是每当它爬到大半时，就会由于劳累、疲倦而跌落下来。虽然它不气馁，一次次跌下来，又迅速地调整一下自己，重新开始向上爬去
另一蚂蚁观察了一下，决定绕过墙去。很快，这只蚂蚁绕过墙来到食物前，开始享受起来而另一只蚂蚁还在不停地跌落下去又重新开始。
很多时候，成功除了勇气、坚持不懈外，更需要方向。也许有了一个好的方向，成功来得比想象的更快。如果在错误的路上奔跑,再怎么努力也是白搭。学习Web前端也是如此，首先应该选择一个正确的学习路线。
工具篇
手绘的工具，最简单。
1，空白纸一张
A4纸就可以了，再大一点也挺好。纸上不要有各种线条，白纸最好。
2，彩笔一副
水彩笔也好，彩色铅笔也好，有啥用啥。
水粉水彩之类，感觉有点太高大上了，驾驭不了。
甚至，没有颜色丰富的彩笔，只有一支黑笔，都可以开始手绘思维导图。
一、确定思维导图的基本结构
1、先将中心主题画在白纸中间其实，无论是儿童还是大人们，在画思维导图的时候，第一步要做的都是先将中心主题确定下来，并画在白纸中间。之所以要先将中心主题画在白纸中间，是因为这样有利于儿童们思维的发散。
2、进一步扩张思维导图的分支接下来儿童们要做的是：进一步扩张该思维导图的分支，需要注意的是，儿童们在扩张思维导图的分支时，要从中心主题向外扩张。另外，儿童们还可以想象成树的分支进行扩张，其中越靠近中心主题的分支，枝干则越粗。
二、补充以及完善
1、用图形来表达各分支的内容。思维导图的基本结构完成后，接下来儿童们则要进行补充和完善了。在进行补充和完善的时候，儿童们可以用图形来表达各分支的内容，这样会更生动，并且能较好的发挥儿童的创意。
2、给各分支加上合适的关键词。此外，还要给各分支加上合适的关键词，这样能便于记忆和理解。
扩展资料：
自上世纪八十年代思维导图传入中国内地。最初是用来帮助“学习困难学生”克服学习障碍的，但后来主要被工商界（特别是企业培训领域）用来提升个人及组织的学习效能及创新思维能力，在学科教学方面，历经52年的发展，也没在学校广泛应用。
华东师大刘濯源带领的思维可视化研究团队十五年的研究及实践，得出的结论是“思维导图”并不适合直接应用于学科教学，因为“思维导图”过于强调“图像记忆”和“自由发散联想”而非“理解性记忆”和“结构化思考”。
对于抽象思维能力较差的学生，“图像记忆”的确可以帮助学生提高“把知识记住”的效率，但却无法加深学生对知识的理解，属于一种浅层的学习。
CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)，
CSS盒子模式都具备这些属性。
这些属性可以把它转移到日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具有这些属性，所以叫它盒子模式。
每个盒子都有：边界、边框、填充、内容四个属性；
每个属性都包括四个部分：上、右、下、左；这四部分可同时设置，也可分别设置；里的抗震辅料厚度，而边框有大小和颜色之分，又可以理解为生活中所见盒子的厚度以及这个盒子是用什么颜色材料做成的，边界就是该盒子与其它东西要保留多大距离。
