web前端与网页设计

UI即用户界面设计行业刚刚在全球软件业兴起，属于高薪技术设计产业，与国外在同步发展水平。其次国内外众多大型IT企业(例如：百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。就业市场供不应求，UI设计工作的年薪基本保持在10到15万，经验丰富者可以达到20万，资深的UI设计人员年薪可以更高；不过学校的好坏必须要实地去考察哦，建议多走一走，看一看。

　　人们看到的网站只是网站的页面，也就是你说的前端吧。　　有的网站设计公司有自己编写的网站后台，但是大多数公司都是用现成的CMS来做后台，只是稍加修改一下就成自己的了，只要功能够，可以反复给多个客户使用，这样省时省事。每个客户不同的只是网站的前端页面了，专业美工设计的，也就是专为你一个客户设计的前端，这个前端是CMS功能的体现，这个是很贵的，一个网站做下来最少也得上万。不是所有公司都有这个预算的，所以很多客户会考虑用现成的模板来做，来降低成本。　　一个设计网站的公司会有成百上千套的模板，你选个模板，他帮你修改一下内容，很快网站就能上线了。所以说两者的区别是一个要一点一点来做，一个是现成的。　　把一个模板嵌入到后台，这个需要专业的html、CSS、数据库等知识，还要对CMS有足够的认识了解才行做到，三言两语是说不清楚的。　　想了解CMS？哥介绍几个给你看看，比如帝国cms、动易cms、dedecms、sitesevercms、wordpress等等，这个不难学，上述介绍的几个cms的官网有很多教程，也有不少模板让你分析，入门容易，精通不易。　　　　有问题你可以给我发私信，我以前做过网站建设

网页制作可以大体上分成四个工种：1 美工美工的主要任务是设计。了解用户的意图，分析网站配色，基本布局。绘制出一个网站效果图。美工需要掌握的知识体系应该包括网页设计，UI（User Interface）用户界面人机交互、操作逻辑、界面美观的整体设计，UED（user experience design）用户体验设计--简单来说就是如何使得网站更加便于交互。2 前端开发美工在完成设计效果图之后，由前端开发人员将其制作成为适合浏览器查看的HTML页面。由于现在移动互联网的大规模流行，加上各个不同厂商的浏览器的激烈竞争，前端开发的主要任务简单来说就是使网页在不同浏览器不同分辨率不同设备上提供相似或相近的浏览体验。前端开发需要掌握的知识体系主要是兼容性问题的解决，流畅完美的交互体验。具体到技术细节上就是HTML，CSS，JavaScript，各大公司各种不同内核的浏览器、各种各样的JS库、简单的与后台交互的知识。3 后台开发前台开发完成之后，就是后台程序员的工作了，相比较前端来说，后台更像传统意义上的程序员。后台的工作简单来说就是网页文件对数据库的增删改查。后台需要掌握的知识体系应该包括，编程基础，基本HTML语言，至少一门主流网页语言（C#,C++,JAVA,PHP等），数据库的操作等等。4 宣传推广前三个步骤完成之后，网站一定要推广，简单说就是营销。营销人员应该掌握的知识体系应该包括SEO,SEM,线上线下推广，事件营销，危机公关等等复杂的知识。我对这个部分涉猎不多，不多说了。另外，大型网站通常会在这四个岗位之间设立经理或有的公司叫网页架构师，经理主要是用来协调，沟通，领导这四个岗位。至于四个岗位有多少人就完全取决于公司的网站的规模了，我自己在2000年的时候做网页基本上是四个活一个人做，除此之外还兼公司网管，电脑维修，有一段时间还兼司机，命苦啊~~

　　如果你还是在校学生，那你得好好上课，大学的教材普遍来讲都是知识面浅的。虽然很多知识看起来用处不大，学起来也很枯燥，让你觉得浪费时间。但这些书本上最基础的知识你都不能掌握，那你以后怎么追求更精湛的技术呢。所以不要逃课，把基础知识掌握了，别小看这个基础知识，它非常重要，基础扎实是否也会决定你在一个职业能走多远。　　我是毕业了后从文员转到编辑再到技术员当然这期间工资就像是阶梯一样，虽然这差距也不是很大，都离不开那些曾经被我遗落角落的专业课本。生活上的压力迫使我这样做，我知道自己要什么，当一个文员没有追求，感觉过着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)。

Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。网页设计师就是为网站页面进行设计并制作的工作人员，负责对网站整体表现风格的定位，对用户视觉感受的整体把握；进行网页的具体设计制作；产品目录的平面设计；各类活动的广告设计；协助开发人员页面设计等工作。既是专业的设计师，又是静态网站的开发工程师；总的来说网页设计师不仅要懂页面的设计、规化、排版、HTML代码、FLASH动画甚至还要多懂一些代码。Web前端开发工程师对常用的一些JS框架了解，如jQuery、YUI等。掌握最基本的JavaScript计算方法编写。对目前互联网流行的网页制作方法(Web2.0)HTML+CSS，以及各大浏览器兼容性有很大的了解。对前沿技术(HTML5+CSS3)的基本掌握。还要对IT其他编程语言有所了解如:PHP，Java，.net，有一些公司还要求懂一点SEO优化。网页设计师常用软件Photoshop、Coreldraw、Flash、Fireworks、dreamweaver、其中photoshop主要是用来进行图像处理的，把渲出来的图通过PS使其更加具有真实感。

在web前端中共分为：网页设计师、网页美工、web前端开发工程师三个岗位首先网页设计师主要是针对网页的架构、色彩以及网站的整体页面代码效果负责的岗位，而网页美工针对的是UI用户体验这块儿的东西，比如网站是否做的漂亮，能够增加用户的交互，让用户愿意在我们的网页上留下来，提升页面的转化率。而我们经常说的web前端开发是负责将设计的页面，通过切图和代码的形式做成前端图web前端需要掌握的技能有脚本技术javascript DIV+CSS现下最流行的页面搭建技术，ajax和jquery以及简单的后端程序等。 后端的话可供开发的语言有 asp、php、jsp、.NET 这些后端开发语言的话搭建环境都不一样，具体如果你想学的话看是想从事前端部分还是后端程序部分。后端开发如果有一定的条件的话可以转为软件开发。不过要有一定的语言基础，类似java语言。C#等。在我们实际的开发过程中，我们当前这样定位前端、后端开发人员。1）前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。2）后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。现在来看，我们对前后端的要求还是蛮低的，尤其是后端，新员工经过培训之后都是可以参与到后端开发的，没有太高的技术门槛，唯一需要做的就是先变成熟练工种，这个阶段没有涉及到设计模式、架构、效率等一些列问题。还是先度娘一下，看看网上对Web前端开发、Web后端开发分别是什么？Web前端: 顾名思义是来做Web的前端的。我们这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。Web后端：后端的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。所以，你所问的前端和Javaweb的区别的在于一个主要负责前端的设计和效果，而Javaweb更专注于后端的内容

前端开发和后台开发是有区别的，工作的内容和负责的东西是完全的不同的，以下以网站的开发为例。1、前端开发前端开发现在一般指的就是web前端开发工程师，其负责是网站前端页面也就是网页的页面开发，简单的说网站前端负责是东西是网站用户可见的东西，如网页上的特效、网页的布局、图片、视频等内容。网站前端工程师的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页，并和后端开发工程师配合做网页的数据显示和交互。2、后端开发后端开发一般也叫做后台，其负责是网站后台逻辑的设计和实现还有用户及网站的数据的保存和读取。比如一般网站都是有用户注册和登录的，用户的注册的信息通过前端发送给后端，后端将其保存在数据库中，用户登录网站的时候，后端需要通过用户输入的用户名和密码是否与数据库中的一致来判断用户是否有权限登录，这是后台开发中的一个最简单的功能。

Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。网页设计师就是为网站页面进行设计并制作的工作人员，负责对网站整体表现风格的定位，对用户视觉感受的整体把握；进行网页的具体设计制作；产品目录的平面设计；各类活动的广告设计；协助开发人员页面设计等工作。既是专业的设计师，又是静态网站的开发工程师；总的来说网页设计师不仅要懂页面的设计、规化、排版、HTML代码、FLASH动画甚至还要多懂一些代码。Web前端开发工程师对常用的一些JS框架了解，如jQuery、YUI等。掌握最基本的JavaScript计算方法编写。对目前互联网流行的网页制作方法(Web2.0)HTML+CSS，以及各大浏览器兼容性有很大的了解。对前沿技术(HTML5+CSS3)的基本掌握。还要对IT其他编程语言有所了解如:PHP，Java，.net，有一些公司还要求懂一点SEO优化。网页设计师常用软件Photoshop、Coreldraw、Flash、Fireworks、dreamweaver、其中photoshop主要是用来进行图像处理的，把渲出来的图通过PS使其更加具有真实感。