摘要：很多公司甚至是多数以互联网网站为次要业务的公司都会把“美工”的概念搞混淆，通常这些公司都会把网页设计+网页制造的人员统称为“美工”。而一家成熟的互联网公司则会把网站方面的人才规划的比较详细，如UED团队（用户体验设计，英文User Experience Design的缩写），其中详细划分成了“交互设计”、“视觉设计”、“前端开发”、“用户研讨”、“文案”等职位。今天次要就为了这个话题，与大家分享一下“美工”与“前端”之间的职能区别…

一、 什么是美工？

美工：意为美术工程师(Art Engineer)，普通出身于艺术美术院校的艺术设计专业居多。
依据任务性质美工普通分为平面美工、三维美工、网页美工三大类。
平面美工是由美工用Fireworks 或者 Photoshop 设计出平面外观。
三维美工是由美工用3DMAX等工具进行三维角色模型设计，道具模型设计，环境场景模型设计，包装设计等。
网页美工是美工用Dreamwerver等网页编辑软件把曾经设计好的平面效果图，制做成HTML静态网页文件。这里就要求美工用到CSS和DIV技术了，也就是所谓的切图。说的详细一点就是，网页美工普通需求通晓PHOTOSHOP/CSS/HTML/JAVASCRIPT等网络言语或工具进行网页框架，色彩，基调，创意等处理。
而这里所说的网页美工，其实是Web1.0时代的产物，那时的网站多为静态的HTML页面，用户使用网站的行为也以浏览为主。而到了2005年当前，互联网进入Web2.0时代，各种拥有类似桌面使用的Web App大量出现。如Gmail GoogleReader 等等。网站的前端与交互由此发生了翻天覆地的变化，网页不再只是呈现单一的文字和图片，各种富媒体让网页的内容愈加生动，而软件化的交互方式也为用户提供了更好的使用体验，这些都是基于多种前端技术紧密协作实现的。由此，“前端开发工程师”这个职位油然而生！

二、 什么是前端开发工程师？

前端开发工程师是Web前端开发工程师的简称，是近五年才真正开始遭到注重的一个新兴职业。Web前端开发技术是一个先易后难的过程，次要包括三个要素：HTML、CSS和JavaScript，这就要求前端开发工程师不只要掌握基本的Web前端开发技术，网站功用优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
前端开发工程师，简单的说就是将设计师的图稿变成在浏览器里真真正正呈现的 HTML 页面供用户点击操作交互，这个任务可以简单到用 Photoshop Fireworks 点几下鼠标直接导出页面；也可以复杂到考虑每个标签的语义，全体的功用，浏览器的兼容，用户的交互，搜索引擎的优化等等；技能的基本要求是熟练使用图形图像处理工具，通晓HTML/ CSS/JavaScript前端言语，最好还要了解一种服务器端言语如PHP等等。想入门前端开发这个行业很简单，买本HTML+CSS方面的书，自学个一两周的时间，也许就能找到一份“网页制造”的职业了，但想真正成为一名优秀的前端工程师却比较困难，由于前端的几种技术都是入门易深入难的，多数人很容易上手但通晓却很困难。再加上很多公司的不注重等缘由导致前端工程师的水平差异较大从而普遍待遇较低，进而更多人不情愿去学习需求多种技术相辅的前端开发，由于可以花更少的精力学习一门后端言语。

三、一名优秀的前端开发所需掌握的知识

做前端开发，首先最基本的就是需求掌握HTML+CSS，有了这两项最基础的知识，就能得心应手的切出一张页面。但这还不够，我们还必须得兼容各种各样的浏览器，虽然有些公司只需求对IE6/7/8+火狐兼容就行，但是作为一名好的前端，必须给本人的要求定的高一些，除了常用的几个浏览器都必须兼容之外，最好还要兼容Chrome、Opera、Safari等浏览器。而为了兼容这么多浏览器，必需要掌握CSS HACK方面的知识，这样才可以使用HACK技术来区别并兼容各种版本的浏览器。不过置信既然能兼容火狐，兼容这些也并非难事了。
在能够编写出优雅的HTML Code后，我们还需求尽可能符合W3C标准和语义化的规范。这方面虽没被硬性的去要求，但是做好这两项很有必要。一名优秀的网站前端工程师需求考虑到每一个HTML标签的语义。合理的使用Hx标签和ul ol dl标签等等。让你的页面即便禁用了CSS也能保持良好的结构和可读性。
我们知道国内上网者中，用IE浏览器的比较多，但从国内或全世界的上网客户来看，有些客户并不是用IE来上网浏览内容的，他们会用一些其它的浏览工具如： Netscape、Mozilla、FireFox、Opera等等，如果你的网站不符合W3C标准，使用其它浏览器的用户就无法看到你的网站。那么一些客户就无法看到你的企业或产品，虽然这部分客户比较少，但也毕竟是一部分客户，丢掉任何潜在客户，对企业来说，都是损失。
而符合W3C的好处也有很多，如：文件下载与页面显示速度更快；内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）； 内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等）；用户能够通过款式选择定制本人的表现界面；所有页面都能提供适于打印的版本等等。
在充分掌握了HTML+CSS方面的知识后，接下去最艰巨的任务就是JavaScript。JS是前端必备的技能之一，也是最难的一部分，之所以把它放到这里来说，是让初学者有一个渐进的步骤。同时去学太多东西，会难以消化，这样分开一步一步的玩通晓，压力会小一些。在这其中，前端开发需求掌握基本的DOM操作，了解AJAX，能写高效率的OOP代码，以降低维护成本。如今的JS框架也越来越多，如Jquery 、Prototype、Yui、Dojo等等。前端开发要基于各种需求，进行不同的开发，选择合适的框架，做到代码效率最高，用户体验最好，代码下载量最小，并且可以在单独甚至更多产品线中最大限制重用代码。

以