身为一个设计师，算了，身为一个美工，还是算了，身为一个切图工、身为一个码农。哎呀，无所谓了，爱怎么叫怎么叫吧。我来回答这个问题，水平有限，抛砖引玉。
前端开发和网页制作不是一个职位，他们是包含与被包含的关系，即前端开发包含网页制作。一般意义上的网页制作可以分为两部分，即网页设计和网页排版，仅从技术上来说，学会两个软件就够了，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就像女朋友，你总是不知道她生气的原因。这也是很头疼的问题。
显然一个好的前端开发人员是连通和设计和代码之间的一个桥梁。既要有理工的严谨又要有文艺的情怀。既要懂得交互设计，提高用户体验，又要具有美术基础和审美能力，而在此基础之上，还要对已完成的页面进行维护和以及网站前端性能做相应的优化。而网页制作只是这整个前端开发过程的一个组成部分，所以真正的前端开发人员是一个很厉害的角色，没事不要惹他，尤其是她。
金城在线专注网站、软件、APP、微信公众平台、小程序、抖音、头条等开发推广，如果您有这方面的需求或者不同的观点，欢迎联系交流。
