1. UI设计部分 　 这是web产品化的第一步。这个部分通常在稍大型的公司里，被单独设立为一个部门或者一些人来工作。主要是要掌握Photo, AI,可以很快的将创意转化为平面设计图，并制作PNG等小图片。 同时，UI设计还要预包含用户交互设计的元素，如何和用户交互的基本原型等。

2. HTML/CSS,页面静态化 　　这是web产品化的2步，就是将UI设计师的设计图切成静态页面。这里的“切”不是单纯的切，而是使用css里面背景色和边框样式等方式对设计原稿 进行解读，并形成符合web标准的html代码。这里web前端还需要将图片、html页面以及css样式进行合理的文件分布安排等

3.java script, AS 客户端动态化 　　这是web产品化的3步，工程师使用DOM操作、AJAX，实现数据和服务端的通信以及本地样式的切换。同时，由于java script、 AS是一门动态语言，所以这部分的编码要求web前端工程师有较好的编码习惯，能写高效率的OOP代码，并对代码进行压缩上线以降低带宽消耗等。

4.Flash、Silverlight、Video 多媒体化 　　这部分针对不同web产品有不同的要求，通常要求是可以使用Flash和web、Server进行交互，并对Flash进行设计与开发。

5.PHP、Java等CGI, 服务端通信基本知识和编码 　　这部分主要是更好的使用Ajax等技术，了解服务端的工作方式将更有利于web前端工程师工作的开展。通常优秀的web前端工程师都是对服务端的一 种开发语言很了解。