谈新手web开发的学习过程之网页设计

        很高兴能和大家在这里分享我对从事web开发工作的学习过程的认识,当你来看这篇文章的时候证明你有从事这行业的打算或者正在从事这个行业,希望我的这篇文章能为你打开学习思路,起到抛砖引玉的作用。首先,回答下面几个问题:

        1.你对编程感兴趣吗是否愿意一坐就是十几个小时甚至几十个小时不停地想思路,敲代码,改BUG?

        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就可以成为一个人的终身职业,所以要不断钻研,而且要对新知识始终有较强的好奇心。

        好了前台的内容就简单介绍完了,要想学好,多花时间思考,多动手敲代码才是王道哦~~~


     

      


     

      

              

      

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值