前端开发和网页制作的区别

身为一个设计师，算了，身为一个美工，还是算了，身为一个切图工、身为一个码农。哎呀，无所谓了，爱怎样叫怎样叫吧。我来回答这个效果，水平有限，抛砖引玉。

前端开发和网页制造不是一个职位，他们是包括与被包括的关系，即前端开发包括网页制造。普通意义上的网页制造可以分为两局部，即网页设计和网页排版，仅从技术下去说，学会两个软件就够了，Photoshop和Dreamweaver。前者担任设计效果图和切图即网页设计，后者担任编写html代码以及css样式表文件，也就网页排版，将切割后的图重新依照效果图的样子摆放在网页对应的位置上。

当然设计你也可以用Illustrator，切图用Fireworks,或许混搭用，作为效果图的一局部，能够需求重绘logo或许用到矢量的素材，这时分你便需求翻开Ai停止编辑，然后导入到Ps外面，并最终完成效果图。由于我比拟喜欢用Fireworks切图，所以经常用Ps作图后，再导入到Fireworks外面。

此外，Flash也是需求掌握的，虽然随着html5以及css3.0的推出，以及弱小的JavaScript，大局部动画效果（比如知乎登陆页面旋转的地球）不用Flash就可以完成，Flash在网页设计中的位置末尾边缘化，但是偶然还是需求用到的。我参与的上一个项目，对方要求绘制一张山东地图，点击恣意地市可以跳转到该地市的所在页面，我事先就用了差不多一天的时间用Ai绘制了地图然后倒入到Flash做成了动画，添加了静态效果还有音效。结果被大赞，快乐了好几天。

以上都还包括在设计的范围里，换句话说，这才是真正属于美工干的活。

接上去便是网页排版了。网页排版更接近于开发。假设你的手写代码的才干比拟强，下面的任务只用一个记事本或许相似的文本编辑器就足够了。当然用专业的网页制造工具会更方便一些，外面的一些任务组件以及代码自动提示会节省很多写代码的时间。写代码的时分要统筹很多方面，首先要遵照web规范，留意Div的嵌套层次顺序，以及兼容各大主流阅读器。有时分对方苛刻，要求兼容IE6，你还得针对ie6写一些css hack，有句话说，ie6就像女冤家，你总是不知道她生气的缘由。这也是很头疼的效果。

显然一个好的前端开发人员是连通和设计和代码之间的一个桥梁。既要有理工的严谨又要有文艺的情怀。既要懂得交互设计，提高用户体验，又要具有美术基础和审美才干，而在此基础之上，还要对已完成的页面停止维护和以及网站前端功用做相应的优化。而网页制造只是这整个前端开发进程的一个组成局部，所以真正的前端开发人员是一个很凶猛的角色，没事不要惹他，尤其是她。