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

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

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

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

时间: 2024-10-19 16:52:26

网页设计入门必看的六点建议的相关文章

Cocos2d-x 3.1.1 安装和创建项目---(入门必看)

1.安装python2.7.8,安装cocos2dx 3.1.1,并将python2.7.8安装路径加入系统环境变量中; 2.python2.7.8很简单,基本就是默认就可以了. 3.cocos2dx 3.1.1下载完之后,就解压.然后F:\cocos2d-x-3.1.1\build(我的解压之后是放在f盘的),然后在build这里可以找到cocos2d-win32.vc2012.sln,用vs2012打开它,然后生成解决方案(生成的这个过程比较慢,大概10分钟吧),然后在F:\cocos2d-

PPT设计屌丝必看:熬夜不伤身的小秘诀

所有被老板压迫被逼做PPT人群或者对PPT有狂热症的爱好者熬夜是在所难免的,但在熬夜的过程中我们可以通过一些生活细节来调节疲惫的身心,这里有些落地实用的小诀窍,分享给大家!希望对您有帮助,一定要记住:华丽丽的PPT设计虽然重要,但身体才是革命的本钱! 1. 熬夜时要吃热的东西,哪怕是一碗热的方便面也是很好的,当然热牛奶也是很不错的,但是不要吃难以消化的食物,以免因给肠胃增加过重的负担而使得大脑缺氧,这样我们就会产生困意,就没有办法做要做的事情了. 2. 晚饭不能吃太饱,原因和第一条中所说的吃难消

响应式网页设计入门

响应式网页设计(Responsive Web Design)这个概念在2000年的时候就有人提出来了,其实我更喜欢将其翻译为自适应网页设计,阮一峰关于Responsive Web Design的一篇文章就是翻译为自适应网页设计,但是国内都采用了响应式网页设计这一生硬的翻译(你能第一次看到响应式网页设计这种称呼而联想到他的具体含义吗?).既然这种二流翻译已经是主流,我也采用响应式网页设计这一说法. 在阮一峰的自适应网页设计这篇文章中他举了一个例子来说明这种设计的应用. 下面是对阮一峰这篇文章中该片

STM32环境搭建/学习观点/自学方法 入门必看

文章转自armfly开发板V4软件开发手册,分享学习~ 今天有幸看到armfly的开发板软件开发手册,开头的基础知识,真的很有用,还好有看到,一切都不迟,感悟很多,摘抄部分,学习分享~ 关于开发环境的搭建 (个人认为,好用的工具,顺手的开发环境,对于编程是一种好的习惯,也是一种好的享受,所以,在环境搭建方面,我还是比较在意软件的互相联合使用,工程建立的规范化等等,这样可以尽量少的在后期更换不同的环境,变软会很浪费时间,一次到位,一路顺风顺水~) 个人偏好的环境搭建: 集成开发环境(IDE):Ke

数据挖掘入门必看10个问题

NO.1 Data Mining 和统计分析有什么不同?硬要去区分Data Mining和Statistics的差异其实是没有太大意义的.一般将之定义为Data Mining技术的CART.CHAID或模糊计算等等理论方法,也都是由统计学者根据统计理论所发展衍生,换另一个角度看,Data Mining有相当大的比重是由高等统计学中的多变量分析所支撑.但是为什么Data Mining的出现会引发各领域的广泛注意呢?主要原因在相较于传统统计分析而言,Data Mining有下列几项特性:1.处理大量

网页设计入门--使用css控制背景图像

一.设置背景页面背景颜色 background-color:color; 二.设置背景颜色给页面分块 通过background-color属性,不仅可以设置整个网页页面背景颜色,也可以对页面进行分块,分别设计每个分块的背景颜色 上图对应的代码为: 1 <html> 2 <head> 3 <title>my first text html</title> 4 <style type="text/css"> 5 6 body{ 7

新手入门必看:VectorDraw 常见问题整理大全(二)

VectorDraw Developer Framework(VDF)是一个用于应用程序可视化的图形引擎库.有了VDF提供的功能,您可以轻松地创建.编辑.管理.输出.输入和打印2D和3D图形文件.该库还支持许多矢量和栅格输入和输出格式,包括本地PDF和SVG导出. [VectorDraw Developer Framework最新版下载可登录慧都网进行免费下载] VectorDraw web library (javascript)是一个矢量图形库.VectorDraw web library

C/C++语言优秀书籍清单,新手入门必看

大多时候,一些初学者不知道应该读什么书入门,有一定基础的开发者不知道如何进阶.本文总结了一个C++优秀书籍清单,希望能够为你带来一定的帮助.因为多读一些优秀的书籍,对于开发者稳固编程基础.提高编程技能有很大帮助,这些书大多数都有中文版,并且可以很容易在网上找到. 这里推荐一下我建的C/C++语言学习交流秋秋裙,前三位是:110,中间三位是:355,最后三位是:025,里面有学习不错视频教程.开发工具.电子书籍,完整的项目源码等,专业的老师解答问题! 虽然说C语言开发发展前景好,但易学难精.由于入

三分钟教会你Python数据分析—数据导入,小白基础入门必看内容

前言 文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. 作者:小白 PS:如有需要Python学习资料的小伙伴可以加点击下方链接自行获取http://t.cn/A6Zvjdun 今天我们来学习数据导入,需要使用到Pandas模块. 模块相当于是一个文件夹,它能够用于存放同个主题相关的Python代码段,包括定义函数.类和变量. 例如将数据处理相关的函数都存放在一个模块里,将数据分析相关的函数都存放在一个模块里,将数据可视化相关的