谈新手web开发的学习过程之网页设计
2014-02-21 18:19
453 查看
很高兴能和大家在这里分享我对从事web开发工作的学习过程的认识,当你来看这篇文章的时候证明你有从事这行业的打算或者正在从事这个行业,希望我的这篇文章能为你打开学习思路,起到抛砖引玉的作用。首先,回答下面几个问题:
1.你对编程感兴趣吗[b]?是否愿意一坐就是十几个小时甚至几十个小时不停地想思路,敲代码,改BUG?[/b]
2.你是一个肯吃苦的人吗?当你思路枯竭,折腾了大半天毫无进展,身体经常吃不消的时候,你会坚持吗
?
3.当你作为一个刚刚接触社会的学生,看着别的同学从事别的工作起薪就是三五千,而你去一个互联网或软件公司却不愿给你实习工资的时候?你羡慕他们吗?你愿意留下来实习吗?
这三个问题中的困难有一个你无法面对,那么这职业就一定不适合你
如过你很确定这三个问题对你来说不是问题,那么继续往下看,我来具体说说新手的学习过程:
众所周知,一个简单的web访问过程是这样的:
一个装有操作系统并且连接了互联网的主机》》》安装浏览器
》》》在浏览器地址栏输入一个网址
》》》一个访问信号通过网线发射出去
》》》网站的服务器接收你的请求信息
》》》网站的服务器经过一系列处理返回给你响应数据
》》》数据回传给你访问的那个浏览器
》》》断开连接
这时候你就能获得返回的信息了
我们学习的思路正是以这个访问过程为线索一步步学习的。
首先我们要弄明白整个访问过程的基本原理,这里简单说一下,你一定有这样的疑问,为什么整个互联网可以有条不紊的运行而不会出错?
因为三个标准:
1统一资源定位符(URL)
2超文本传送协议(HTTP)
3超文本标记语言(HTML)
第一个负责定位到一个具体的网络点,第二个用来规定数据传输的标准,第三个就是网页的显示语言,通过浏览器这种访问模式称为:B/S构架,大部分的业务逻辑由服务器完成。还有一种需要部分或全部程序安装在本机的构架叫做C/S构架。确定了传输的网络点,确定了传输的标准(规矩)确定了解析传过来的数据的语言,自然就会按照预定的效果显示。
虽然只说了一小段话,但是这部分的内容很多,也很复杂,初学者只需要知道简单的原理,因为在开发的过程中更多的是用到后面的内容,要想把这部分学好需要的时间很难想象,以后在开发的过程中再深入学习。
当你浏览过很多网页的时候,你会发现,通常大部分网页上显示的都是那些东西,没有很大差别,这是因为建设网站就像是搭积木,都是由一个个具体的小元素组成的,当你搭建成功了,运行这个网站就相当于碰倒了第一块儿多米诺骨牌,这个第一张牌就是网站的入口文件。
构成一个网页的积木是什么?没有学过开发你也能列举出来,文字(也有滚动字幕)、线条、图片、音频、视频、表格、文本框、按钮等等等,把这些东西按照一定的规则摆放出来就一个网页。积木是怎么来的?
这就是我们学习网站开发的第一课:HTML
在这个语言里可以引入各种各样的网页元素,每一个元素都有它固定的引入代码,只要一个一个学就可以全部引到网页中。
当你学会了html,你会发现你的确能写简单的网页了,可是这个网页就像是散着的积木,仅仅就是一个挨着一个地堆在那里,怎么按照自己想要的布局摆设这些积木?怎么样设计积木的大小?形状?色彩?
这就是我们学习网站开发的第二课:DIV+CSS
当你学会了DIV+CSS,你还是不满足,你希望积木能跑起来,能自己改变大小形状色彩
这就是我们学习网站开发的第三课:JavaScript
到此为止,理论上你已经可以设计出任何网页了,但是你会发现虽然能,效率却很低,很累,这是因为一个个功能都要打很多很多的代码,人类这么懒怎么能让这种事一直存在?
这就是我们学习网站开发的第四课:网页设计框架(jquery 最为常用)
所谓框架,就是把一些开发过程中经常用到的功能封装起来了,以后只要一调用就行,省时省力,于是人们发明了jquery,它就是Javascript的框架。
什么?你还不满足?总觉得页面缺点儿什么?又说不出来,没错是对图片的编辑功能
这就是我们学习网站开发的第五课:photoshop
这些你都会了是不是就成为大神了呢?NONONO,只是小神,要知道学海无涯,仅仅一门photoshop就可以成为一个人的终身职业,所以要不断钻研,而且要对新知识始终有较强的好奇心。
好了前台的内容就简单介绍完了,要想学好,多花时间思考,多动手敲代码才是王道哦~~~
1.你对编程感兴趣吗[b]?是否愿意一坐就是十几个小时甚至几十个小时不停地想思路,敲代码,改BUG?[/b]
2.你是一个肯吃苦的人吗?当你思路枯竭,折腾了大半天毫无进展,身体经常吃不消的时候,你会坚持吗
?
3.当你作为一个刚刚接触社会的学生,看着别的同学从事别的工作起薪就是三五千,而你去一个互联网或软件公司却不愿给你实习工资的时候?你羡慕他们吗?你愿意留下来实习吗?
这三个问题中的困难有一个你无法面对,那么这职业就一定不适合你
如过你很确定这三个问题对你来说不是问题,那么继续往下看,我来具体说说新手的学习过程:
众所周知,一个简单的web访问过程是这样的:
一个装有操作系统并且连接了互联网的主机》》》安装浏览器
》》》在浏览器地址栏输入一个网址
》》》一个访问信号通过网线发射出去
》》》网站的服务器接收你的请求信息
》》》网站的服务器经过一系列处理返回给你响应数据
》》》数据回传给你访问的那个浏览器
》》》断开连接
这时候你就能获得返回的信息了
我们学习的思路正是以这个访问过程为线索一步步学习的。
首先我们要弄明白整个访问过程的基本原理,这里简单说一下,你一定有这样的疑问,为什么整个互联网可以有条不紊的运行而不会出错?
因为三个标准:
1统一资源定位符(URL)
2超文本传送协议(HTTP)
3超文本标记语言(HTML)
第一个负责定位到一个具体的网络点,第二个用来规定数据传输的标准,第三个就是网页的显示语言,通过浏览器这种访问模式称为:B/S构架,大部分的业务逻辑由服务器完成。还有一种需要部分或全部程序安装在本机的构架叫做C/S构架。确定了传输的网络点,确定了传输的标准(规矩)确定了解析传过来的数据的语言,自然就会按照预定的效果显示。
虽然只说了一小段话,但是这部分的内容很多,也很复杂,初学者只需要知道简单的原理,因为在开发的过程中更多的是用到后面的内容,要想把这部分学好需要的时间很难想象,以后在开发的过程中再深入学习。
当你浏览过很多网页的时候,你会发现,通常大部分网页上显示的都是那些东西,没有很大差别,这是因为建设网站就像是搭积木,都是由一个个具体的小元素组成的,当你搭建成功了,运行这个网站就相当于碰倒了第一块儿多米诺骨牌,这个第一张牌就是网站的入口文件。
构成一个网页的积木是什么?没有学过开发你也能列举出来,文字(也有滚动字幕)、线条、图片、音频、视频、表格、文本框、按钮等等等,把这些东西按照一定的规则摆放出来就一个网页。积木是怎么来的?
这就是我们学习网站开发的第一课:HTML
在这个语言里可以引入各种各样的网页元素,每一个元素都有它固定的引入代码,只要一个一个学就可以全部引到网页中。
当你学会了html,你会发现你的确能写简单的网页了,可是这个网页就像是散着的积木,仅仅就是一个挨着一个地堆在那里,怎么按照自己想要的布局摆设这些积木?怎么样设计积木的大小?形状?色彩?
这就是我们学习网站开发的第二课:DIV+CSS
当你学会了DIV+CSS,你还是不满足,你希望积木能跑起来,能自己改变大小形状色彩
这就是我们学习网站开发的第三课:JavaScript
到此为止,理论上你已经可以设计出任何网页了,但是你会发现虽然能,效率却很低,很累,这是因为一个个功能都要打很多很多的代码,人类这么懒怎么能让这种事一直存在?
这就是我们学习网站开发的第四课:网页设计框架(jquery 最为常用)
所谓框架,就是把一些开发过程中经常用到的功能封装起来了,以后只要一调用就行,省时省力,于是人们发明了jquery,它就是Javascript的框架。
什么?你还不满足?总觉得页面缺点儿什么?又说不出来,没错是对图片的编辑功能
这就是我们学习网站开发的第五课:photoshop
这些你都会了是不是就成为大神了呢?NONONO,只是小神,要知道学海无涯,仅仅一门photoshop就可以成为一个人的终身职业,所以要不断钻研,而且要对新知识始终有较强的好奇心。
好了前台的内容就简单介绍完了,要想学好,多花时间思考,多动手敲代码才是王道哦~~~
相关文章推荐
- 谈新手web开发的学习过程之后台设计
- 学习web前端开发是选培训学校靠谱还是自学靠谱?有哪些网页设计培训机构?
- web 开发:网页设计步骤及工具推荐
- WEB网页设计前端(前台)开发的常用工具推荐
- 有没什么好的方法让新手学习java web开发?
- 新手篇——学习网页开发需要多长时间就能找到工作
- 学习中收集的一些有关网页UI设计、前端开发的相关知识网址分享,赶紧收藏走起。。。
- Web前端开发学习1:静态网页
- 【day 17】python编程:从入门到实践学习笔记-基于Django框架的Web开发-设计样式和部署(一)
- web开发新手学习心得和目标计划
- web开发,是个非常敏捷的过程,变化随时都在产生,用户需求千变万化,许多方面偶然性非常高,较之软件开发,希望用一个架构规划以后的所有设计,是不现实的
- 响应式开发(一)-----响应式网页设计学习导航
- 面向 WEB开发设计人员,管理员必备的网页设计网站管理方面的工具集
- 记录一个关于互联网、网页设计、Web开发、服务器运维优化、项目管理、网站运营、网站安全的网站
- 响应式开发(一)-----响应式网页设计学习导航
- web网页前端开发设计常用编辑器
- WEB编程学习和开发过程1
- 网页设计、web前端、后台的开发流程和注意事项
- 分享我那些年学习平面设计的经历,现从事web前端开发6.5k
- 微软Adobe竞逐Web 2.0网页设计开发