前端网页设计学习

这个完全要看自己的基础和爱好，如果是学美术或者设计出身当然是学洗UI要好一些，但是如果是学习计算机或者编程出身就学习前端要好一些。首先说一下两个岗位的联系和区别现在网站前端工程师和美工是两个完全不同的职位，两者的工作内容也是完全不同的。从2013年开始，一些的中小型的公司也开始将网站前端和美工分离，到目前，基本所有的专业的开发网站的公司都是设置了网站美工和网站前端两职位，其工作内容和职责是完全不同的。首先说一下开发一个网站的大致流程：客户提出需求——>网站美工根据客户的需求设计效果图并得到客户的认可——>网站前端工程师使用前端代码将效果图做成静态的网页——>后台开发人员填充后台数据——>测试完成上线。根据以上的流程应该可以知道美工和前端的工作分工是不同，现在两者没有任何交集只是团队合作，具体的职责和内容如下：1、网站美工网站美工一般是学美术或者设计出身，精通photoshop、AI、AE等平面设计工具，其在网站开发过程的中的职责就是按照客户或者公司的需求设计出符合客户需求和界面或者颜色符合大众视觉的网站效果，如根据不同行业的需求设计颜色、设计界面风格等，其工作的最后成果就是网站的效果图。2、网站前端工程师网站前端工程师不参与任何的设计，直接将网站美工制作的网站效果图使用ps按照效果图进行切片并使用html、css、js等代码进行网页的制作，最终编写出符合w3c标准的兼容各个主流浏览器的静态页面，同时还需要按照后台开发人员的要求留下一些后台数据的接口。所以说网站前端工程师的是编程而不是设计。

一个是偏向于设计，一个是偏向于代码。如果是网页设计，刚开始可能是模仿别人的网页，但是到了最后会出现慢慢的偏重于美术，心理学，色彩，绘画等。这些艺术方面，表面你能看到的，如果你是学计算机的接触过网页设计，并喜欢网页设计，我建议不要偏向这个方面，因为到后来让你自己独立设计网页时，色彩搭配是很难的，还有整体布局，以及是否符合当下潮流等。现在的网页千变万化，设计也要不断学习，并且能跟得上。 对于web前端开发这个就是把别人设计好的自己用div+css+js去实现的，一个简单的网页可能就是div+css把它写出来，但是这里面是充满经验的。web前端的发展过程中到了最后就是头疼的兼容性问题，因为要确保一个页面在任何浏览器当中能正常显示是很不容易的，浏览器厂商那么多，各自还有自己的专属属性，而且有的还要求在手机中能够显示，能够自适应屏幕等。单纯的css无法来控制，就需要学习javascript, web前端看似简单其实要学习的东西很多，经验也特别重要，接触后台后你会更明白前端的重要性。

首先，html，css，JavaScript是需要学习的。前端后台都需要学，只是前端需要学的更深入。后台虽然主要是学习服务器端的语言数据库相关内容，但是后台和前端总是有交互的。例如前端写了一个注册的页面，那么这个页面输入的数据如何上传到后台，这就需要你了解最基本的html代码了。前端方面JavaScript学会后，会有很多相关的框架，有专门用在PC端的，也有用在手机端的，具体学习哪些要看你的侧重点，而且框架类型很多，可以初步掌握一个，然后根据以后的工作再学习。全部学会根本不可能。后台方面你可以先学php sql，然后再根据情况具体学习。还有一些别的东西例如AJAX，用于页面异步提交数据，虽然没有这个网页也能使用，但是现在的网站应该没有不使用这个功能的。jQuery作为一个JavaScript的框架（大概算是框架的一种吧），可以极大的简化写JS的难度。至于工资问题，我家所在的是三线城市，web前端之类的工资基本就是3000-5000，我同学在上海做java程序员，也涉及一些网页后台相关的工作，刚工作就是9000+的工资。做一个网站涉及美工，前端，后台等多种工作，具体工资要看你所在的公司对这些职位的要求，可能做一个小的项目，前端和美工就是一个人，一个人画图，然后把前端做了，然后后台交给专门做后台的，也可能是多个人一起做一个后台功能，多个人做前端。具体工资问题你可以自己查相关的招聘网站看看（我感觉像学到全能基本不现实，在实际工作中慢慢摸索倒是差不多。专注前端或者后台中的一项学好，然后再转向另外一个慢慢学，这样会比较好。）刚开始学你可以选择去培训学校 ，也可以选择在网上先看教程自学

1、先来说说网页设计包括哪些东西1）网页前端设计 就是整个页面的一个版面了，这可能涉及图片的处理，HTML CSS DIV javascript等..2）网页后台开发 后台的开发可能使用php语言、ASP语言、java语言等；3）网页所在服务器的安全与配置，这里就涉及了服务器的配置与管理等，是网络方面的知识；2、综上可以看出：1）如果我们要做前设计的话，专业也可以学一些平面设计专业，然后进行HTML javascript相关的编写学习即可；2）而对于网站后台开发的同学，的是偏向于程序的开发，软件工程方面；3）服务器方面的话偏向于网络管理方向或是网络安全等；总的来讲，学习计算机相关的专业都是可选的，在进行相应的偏向性学习，更有助于职业方向

　　如果你还是在校学生，那你得好好上课，大学的教材普遍来讲都是知识面浅的。虽然很多知识看起来用处不大，学起来也很枯燥，让你觉得浪费时间。但这些书本上最基础的知识你都不能掌握，那你以后怎么追求更精湛的技术呢。所以不要逃课，把基础知识掌握了，别小看这个基础知识，它非常重要，基础扎实是否也会决定你在一个职业能走多远。　　我是毕业了后从文员转到编辑再到技术员当然这期间工资就像是阶梯一样，虽然这差距也不是很大，都离不开那些曾经被我遗落角落的专业课本。生活上的压力迫使我这样做，我知道自己要什么，当一个文员没有追求，感觉过着30、40岁人的生活，接电话、发email、整理报表，每个月都有白领的工资...浪费的不仅仅是自己的青春，还有这大学几年昂贵的学费。后来就愈来愈想掌握一门技术，想去培训学校学习一段时间，但是现实是我没有钱，闭关一个星期，重拾课本，再看看那些讨厌的table，虽然out了，但是确实会发现很多基础再基础不过的东西，利用互联网，不明白的就百度，作为一个过来人，我觉得我自己走了不少弯路，所以，有必要提醒你们一下，一定要明确自己的目标，摆正自己的位置，最好掌握一门技术。　　了解web前端　　Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代产物，那时网站的主要内容是静态的，用户使用网站的行为也以浏览为主。2005年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。说得直白点就是美工photoshop，交互设计，flash，js，html+css。就小规模公司而言，一个技术员都得会这几样技能，这样很锻炼人的，慢慢的你就会成为公司的主力。大规模的公司把这些分得很细，所以，你可以精通一门，熟悉其他的，进军大公司。　　网页开发工具　　学习web前端开发，网页开发工具有FrontPage，会用 Word 的人很容易学会FrontPage。还有一个常用的是Dreamweaver。这两种都是使用最多的HTML网页制作工具，我使用的是Dreamweaver cs6,因为这套软件提供了一套直观的可视界面，融合了html5一些新的内容。包括网格布局什么的。　　学习内容　　HTML、CSS和JavaScript。html是内容，css是表现，javascript是行为。前端开发的门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，前端开发是个不错的初入点。也正因为如此，前端开发的领域有很多自学成“才”的同行。html是最基础的，现在流行的是html5设计，先学会网页布局。css是用来美化html页面的为页面提供布局和格式。最后再学javascript。如果你把每天看电影、看电视剧的时间用来学习，我想一个星期入门是没有问题的。　　基础知识：　　1. html + css。这部分建议在 www.w3school.com.cn 上学习，边学边练，每章后还有小测试。之后可以模仿一些网站做些页面。本站提供的个人博客模板www.yangqq.com/download/都是比较简单的单页，可以下载下来模仿自己做一个。理解css每个元素的属性，样式的实现不一定只有一种写法，多想一想还有没有什么需要改进的地方。　　2、JavaScript。不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 w3school上学习。之后建议马上看《javascript语言精粹》　　3、Photoshop、flash。熟悉会一点儿就行了，没必要全部都学得精通，当然如果你在学习的过程中，发现你ps或者flash比较感兴趣的话，也可以尝试做美工这一行。　　4、html5和css3。可以先了解一下，然后再入手。毕竟IE的浏览器大多还不支持。　　5、浏览器兼容。懂web标准，熟练手写 xhtml css3 并符合 符合w3c标准。代码能兼容主流浏览器Firfox，Chrome、Safari、IE、Opera。虽然IE6很多都不兼容，但现在还使用的人还是有的。W3C验证地址：http://jigsaw.w3.org/css-validator/ 通过验证指定URI的CSS内容，可以帮我们检查一下有没有错误。　　6、熟悉一门后台编程语言 asp、php、jsp等　　web前端设计师前景　　遇到很多想换行的朋友，第一句就问，这行赚钱吗？我相信一句话，没有付出，是没有回报的！前面已经说过了，咱们这行门槛是很低的，所以薪资阶段也不一样。2000初入这行的现在还普遍，工作经验2年以上，有很多代表性作品的时候，工资在4000左右；高手级别的估计在6000左右，大师级别这个阶段的薪资参考：10000以上(上海北京深圳为例)网页设计师课程一般包括：Photoshop、Fireworks、用户界面设计实操，xhtml、css、dreamweaver、网站架构与网站策划、flash动画制作，域名与空间、ftp、dhtml、javascript、动态交互网站(asp、php、aja)。

我这半个专业人给你指导下，哈哈，应该有平面，网页，前端，用户等等把