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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页设计入门必看的六点建议相关的知识,希望对你有一定的参考价值。

虽然说对于已经会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

以上是关于网页设计入门必看的六点建议的主要内容,如果未能解决你的问题,请参考以下文章

Java零基础小白必看的学习路线图,快速入门!

小白必看的Python爬虫流程

设计师必看的8个TED 演讲

黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程-css3

JAVA程序员必看的一些书籍

前端必看的书籍