文档章节

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

程序员客栈
 程序员客栈
发布于 2016/06/01 16:05
字数 2742
阅读 50
收藏 2

虽然说对于已经会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.做前端,我觉得靠谱的两个方向

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

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

© 著作权归作者所有

程序员客栈
粉丝 30
博文 212
码字总数 353308
作品 0
杭州
程序员
私信 提问
年底被裁了。我是该回家过年还是过完元旦找个工作呢

五点找我谈话,六点就谈好,六点半我就下班了~~~·

N你努力了
2016/12/28
5.2K
28
大道当然到轻松scrum之旅

早上做了一个很强烈的梦,和人pk打架,向他泼水,然后用瓢打他,很激烈很爽,然后醒了,没几秒闹钟响了就醒了。闹钟六点半,得起床去哄闺女起床,她七点10分要洗漱吃完出门上学,冬天大人都要...

huilet
2015/01/15
4
0
雷晗兼职工作量备忘

(1)上周周五6.12参与了解需求 --- 计半个工作日 (2)周六下午四点到九点 ---- 计一个工作日 (3)周日十点到下午六点半 ---- 计一个工作日 (4)周一晚上7点到10点20分 ---- 计半个工作日...

跃建
2015/06/16
3
0
上海某小学的幼升小题目,回答正确率只有1比176,你能做出来吗?

  前两天,有人发给学哥一个图片,说是上海某实验小学的幼升小题目,据说正确做出来的比例是1比176。让大家来体验看看,是不是大家都不能上小学了:      学哥以前也见过类似的题目,心...

零基础学编程
2018/10/02
0
0
从小白到大神程序员必读15本经典电子书免费送第二季(先到先得)

免费送书第一季发出后,不少小伙伴都很快拿到手了。有的小伙伴留言说,什么时候把剩下的发出来。这不,我六点起床准备,赶紧送出第二季。不好意思,最近工作有点忙,让你久等了。文末有获取方...

longyoung
06/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

小知识:讲述Linux命令别名与资源文件的区别

别名 别名是命令的快捷方式。为那些需要经常执行,但需要很长时间输入的长命令创建快捷方式很有用。语法是: alias ppp='ping www.baidu.com' 它们并不总是用来缩短长命令。重要的是,你将它...

老孟的Linux私房菜
28分钟前
2
0
《JAVA核心知识》学习笔记(6. Spring 原理)-5

它是一个全面的、企业应用开发一站式的解决方案,贯穿表现层、业务层、持久层。但是 Spring 仍然可以和其他的框架无缝整合。 6.1.1. Spring 特点 6.1.1.1. 轻量级 6.1.1.2. 控制反转 6.1.1....

Shingfi
29分钟前
2
0
Excel导入数据库数据+Excel导入网页数据【实时追踪】

1.Excel导入数据库数据:数据选项卡------>导入数据 2.Excel导入网页数据【实时追踪】:

东方墨天
37分钟前
4
1
正则表达式如何匹配一个单词存在一次或零次并且不占捕获组位置

正则表达式如何匹配一个单词存在一次或零次并且不占捕获组位置 今天要用正则表达式实现匹配一个词出现一次或者不出现的情况,但是又不仅仅是这么简单的需求。先详细说下我这种情况吧,也许有...

Airship
43分钟前
5
0
第八讲:asp.net C# web 读取文件

本讲主要讲解如何在asp.net页面上传文件。 首先,前台页面: 其次,后台页面: 结果: 1、前台效果: 2、后台结果:

刘日辉
55分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部