网页设计入门必看的六点建议

Posted 2020-07-23

虽然说对于已经会html的人来说，学Html真的算不上什么有技术性的东西，因为那个实在是很简单，如果这个都搞不定，其他就不用提了。但是对于初次接触网络语言的人来说，那还是不容易搞定的一件事。

网页网站设计入门

　　我身边就有很多在学Html的朋友，接触Html的时间也不算短，但是如果让他独立做一个网页就不能胜任了，最多只是会修改别人的模板，简而言之，就是看得懂，但不是真懂，没入门。然后有个朋友问，那什么才算入门呢？就是自己能独立做一个网页呗。

　　很多时候方法对了，学习这件事情只会变得越来越容易，如果你感觉学得越来越吃力，最好回过头好好审视一下你的学习方法问题。在学HTML这件事情上，我觉得最多最多一年肯定能搞定了，有些人快的话其实三个月就可以搞定了。但为什么有的人两年还是没学会呢？一则我觉得可能是兴趣不大，可学可不学的状态，在工作中使用有时候套几个模板就可以了，不一定要自己做，会修改模板就已经够用了，所以也就无所谓学了。对于这样的人，我觉得其实没什么可说的，因为人家志不在此。

　　但是还是有一部分人是想要往网络这个方向发展的，那么学习Html就是必须要掌握的一门语言，因为你以后接触到的比如JS、php等很多都是需要Html的基础，Html是大前提。但是如何快速地搞定这件事情呢？以下我总结我的一些经验，希望对你有所帮助。

　　1.实战为主，书本理论为辅

　　我其实学Html没有很完整的看过一遍网上的教程，最开始的时候，书也看得很少，反而到会了以后，看的书籍和教程才开始慢慢变多，因为那个时候的阅读，是主题阅读，为了解决我实际中遇到的一些问题，或者想要实现的效果去针对性的阅读和学习。

　　最初，我的大部分的经验都是靠实战中总结获取到的，因为工作中就会用到这个，因此给了我大量练习的机会，从完全不懂，到慢慢会修改一些别人的模板，再到在不同模板之间挑选好的模块嫁接到自己的网页中，然后改着改着，有一天发现，别人写的网页看起来很费劲，要一个个比对太浪费眼神，干脆自己动手做，然后就会了。

　　所以想要学会Html，最快的方法是找一个会用上这个的工作，逼着自己去大量的练习，不要看什么Dreamweaver教程，那个没用，Dreamweaver只是写Html比较方便的工具，学会了这个你也不会看懂代码的，因为这个工具很大程度上提供了可视化的操作界面，熟悉并且依赖了这些可视化的界面，就意味着你离代码越来越远了，不如直接去看前端开发的教程。

　　不管是Html还是以后的脚本语言、又或者是编程，在实战中学习，进步的速度都是比在书本中学到的快很多。当然，我觉得这种方法可能更合适，就是在实战中碰到问题，然后通过阅读书本或者看教程等资料，将碰到的问题进行系统化的学习和掌握。最好不要在实战中碰到问题，然后百度解决了，就完事了，应该更加深入的挖掘问题的本质，找到解决这一类问题的解决方案。

　　2.足够多量的积累，才会有质的飞跃

　　回想起我自己在学Html的经历，前前后后我修改了别人至少一百个模板。很多时候我能做出来，往往是因为经验多。但是单纯地量的积累，并不会带来质的飞跃。每次需要有改进提高的地方，一次进步一点，渐渐累积才会有所收获，这个时候要学会记录自己学习的进展，比如今天我在导航制作上面有了一些新的发现，就像记录网站的更新日志一样，记录自己在学习上的突破和进展。在修改别人模板的时候，尝试一下每次给自己增加考验的难度，如果遇到自己在某方面特别薄弱，就用频繁的刻意练习修复你的薄弱环节。并且适时的总结自己的收获，比如说，在浏览器兼容性问题处理方面，很多时候都是依靠自己经验的总结。

　　3.大量不同的模板练习，不如专注熟练一种模板

　　这也是我觉得最靠谱，并且进步最快的一种办法，就是去找一个优秀的网页作品，从优设网、UI中国之类的网站上，或者那些自己收集喜欢的网页作品中，找一个不是很复杂的网页作品，然后用心研究之，把它吃透了，再找个稍微难一点的网页再研究，逐渐积累难度。一般来说，真的研究透了两三个，基本就入门了。而且钻研优秀的网页往往会带来其他额外的好处，比如，通过看作品慢慢把握网页制作现在流行的趋势、可以吸收一些新鲜的技术、可以培养自己更规范的命名、或者良好的布局观念。但是往往这是一般人很不愿意去做的事情，更不用说，为了研究透而专门总结写研究报告的了。不过这个方法，即使学编程了还是会很有用。

　　如何专注的研究一个网页专题模板呢？就是遍历它！把你想要钻研的网页源代码拷贝保存到印象笔记中看起来，有遇到不明白的地方，查资料，手边最好放一本《Html&Css常用标签速查手册》或者Html&Css的参考手册，不明白的样式、属性就去查一查，或者放到DW中看看效果，然后记录下来，最好分解成不同的模块，每天看一点，把所有这个网页中自己迷惑的地方遍历一遍，查出来整理的笔记，就要开始总结，撰写《某某网页学习报告》之类的总结性文章，这些文章整理的多了之后，很多不明白的地方，就会慢慢开始熟悉起来，偶尔有空去整理一下自己学到的知识点中要背的地方，然后利用碎片的时间，多看看背背，就记住了。

　　一般人很正常的思维是通过大量的学习，去试图理清楚Html的知识点结构，然后按照自己理解的结构，一点一点的消化它。这种学习法虽然看起来美妙，似乎也很可取，但是做起来并不容易，一个初学者往往很难把握一个新东西的整体框架。不过说实话其实也很容易，在网上随便搜一下这个的思维导图，或者找一本比较全面的html的书，看一下目录就知道。不一定非要自己整理，一般等你自己能够整理出来，黄花菜都凉，自己也早就不需要了。而且我也觉得没什么必要，因为就那么一点东西。

　　4.从模仿到身份的认同，如何打进这个圈子

　　对于大部分的初学者来说，其实还有一种比较难的事情，就是如何把他变成生活的一部分，当然这完全取决于你对它的兴趣有多浓厚，我也可以说，兴趣是最好的老师，没有兴趣想不到的事情，只有没兴趣才做不到而已。当然，我也可以说这是另一种叫做带入思维的观念，你想要成为什么样的人，你就要想办法了解那种人在想些什么，然后模拟这种思维，将自己带入到那种氛围里头去，想着如果我是那种人，我会关注什么，我常常混的社区会是什么样的，这样的想法更容易让你的目标成真。

　　如果你想要成为网页设计师、或者更甚想要做程序员，那就用那些人的思维去经营自己的生活。混这类人常混的社区、关注这些人会喜欢的事务、培养某些只有这些人才会有的性格洁癖，比如码代码的人一般对代码的洁净会有洁癖，网页设计师对于像素会很敏感、对于在不同浏览器中都要显示一样的效果这件事情会非常在意。

　　5.入门以后的成长轨迹一般是这样的

　　1，能用html+css把页面做出来，能用js实现动态效果。

　　2，在1的基础上保证浏览器兼容性

　　3.在2的基础上开始出现代码洁癖，代码会逐渐趋向于简洁高效。

　　4.在3的基础上开始关注语义性、可用性和可重用性。

　　5.在4的基础上开始关注页面性能。

　　6.在5的基础上开始费劲脑汁的去寻思怎么能把开发效率也提升上来。7.在6的基础上，我擦，HTML5来了，我擦，CSS3也上了。得了，接着学去了8.说不定，在还没学会HTML5，CSS3的时候，你会发现SASS也有了，Responsive也变成一种趋势了，总之接着学呗。

　　这就是走上前端的不归路了，不过确实，你要是没在这过程中获得快感还是尽早转行吧。

　　6.做前端，我觉得靠谱的两个方向

　　视觉方向，更酷炫的页面。

　　功能方向，比如交互之类的。

本文出自 “程序员随想录” 博客，请务必保留此出处http://cxykz.blog.51cto.com/11696626/1787410