要想区别这两者的不同之处肯定就要从他们两者之间本质的去分析清楚。

      网页设计：先是设计出一个网页，然后制作出来。其实应该算是美工的一个工作内容，除却美学概念和基础技术，真正和网页技术扯不上什么大的关系，更多的是用户体验上的考虑。而网页制作就更容易被大家理解，从一开始用FrontPage等网页三剑客，到现在家喻户晓的Dreamweaver。拿着工具随便拖拖画画就是一个网页出来了。这在以前，如此方便上手的工具让对代码恐惧的人很轻松的能制作出网页来。如果对网页制作下个定义，就是用网页制作工具制作网页。

    前端开发：到目前为止没有一个明确的定义，在D2第四届上百度金大为甚至将后台的某部分引入到前端开发之中，但是听起来也不无道理。下面我给出一个前端开发工程师需要掌握的技能表。图往往更能说明问题。
    前端开发工程师的核心技能：
1开发语言。
核心掌握的语言有html+css+JavaScript。html发展历史有出现有二十多年，历经多次版本更新，html5标准将在今年10月份发布。css3也在陆续的发布支持之中，JavaScript作为最难的语言之一，许多编程高手对之也不敢妄自菲薄自封精通。许多人都说前端开发要掌握的技能太简单。其实一点都不简单，只是他们对html语言的一种误解。之前由于工具和没有较强逻辑性，大部分人对前端开发很轻视。导致前端开发在国内的发展异常缓慢。即使是现在，许多在前端开发的人员还不知道为什么要有html5和css3，这两项技术能带来什么革新就更不必问了。由于JavaScript与html的差异性，以及静动态分开处理的一些好处。在大公司编写静态效果和动态效果往往是分开由不同的人完成的。小公司因为需要压缩成本，就要求每个人会的越多越好。至于php等一些后台语言，则是前端开发的扩展语言，想要成为前端开发项目经理，必须要懂得后台实现的思路，并能够写出适合后台修改的模板，不会让他们头大的想砸电脑。试想在DW生成的一个1MB多的页面里出现了错误，什么时候才能找到错误的根源并解决？
2、浏览器三千个。
你们可能觉得三千个有点多么？呵呵，来看看吧。我们最经常接触的是互联网，电脑上的浏览器，有IE6\7\8，Firefox，chrome，opera，safari，遨游，包括国内主流的搜狐，腾讯TT，360，世界之窗。从内核上讲主要有IE的，遨游版IE，safari，firefox以及opera的。这些当然都是大家常见的。如果你身边有老网虫喜欢收藏浏览器，你翻翻他的硬盘，相信几百来个是少不了的。每种内核对代码的解析是不完全一样的，即使同样内核也可能存在很大差异，如IE和遨游版的IE。不说非主流的浏览器，就主流的8个浏览器，要做到完全兼容，并不是那么轻松的。需要长时间的积累测试，需要前端开发工程师对前端开发的热爱和激情。手机上的浏览器就更不必说了。移动互联网将慢慢占据互联网的主要份额。移动互联网的好处太多了，以后专门开篇博文讲讲。试想一下，走到饭店饿了，拿出手机刷下，走在路上看到某新书出了，拿出手机一拍一按，书就会邮到自己指定的地点，走在某地风景很好，拍下来后自动分享给各路好友，等等美好的事情。移动互联网的美好未来，想想现在手机上有多少浏览器，主流的UCWEB，safari，IE，3G门户的以及symbian低端机的“残缺儿童”，包括国外流行手机我们不知道的一些浏览器，更糟糕的是这些浏览器解析因为手机硬件的不同，每个浏览器得到的结果都是令人苦笑不得的。
3、hack技术这项技术其实没必要单独列出来，前端开发人员往往要给别的人去擦屁股，这时候hack技术就能大显神威，提高工作效率。虽然我们写代码都要求按照标准来，不写hack代码，但实际工作中给别人擦屁股是免不了的。所以这也应该是每个前端开发人员必备的技能。
4、业内标准
我接触前端开发只有一个月，之后就开始做seo，sem。但是这些标准代表了互联网发展的方向，也代表了前端开发的一种信仰。写的代码，都要100%通过标准验证，为通过标准验证而感到自豪。这种推动业界发展的自豪感，是许多后台工作人员所不能体会到的。
5、开发工具
老师一直不推荐我们用Dreamweaver，我们已经形成一种意识：坚决不用dw。实际上一些用法建议了解下，免得人家问到你干嘛不用Dreamweaver的时候，你只能干说我们老师说这个东西不好……关于Dreamweaver和EditPlus的区别，老师也专门讲过，见此文。此外一些PS等一些知识也要掌握好了，掌握以上技能，可以说你只能算是一个合格的前端开发人员，能够参与到一个大的项目中，或者自己独立写出一个网页。此时和网页制作设计的区别不是特别明显，效果上来看，都是制作网页的，但实际上，技术上所超于的已经是几个档次的东西了。
    前端开发的优势：1、代码更精简。因为是手写代码，前端开发者比普通网页制作设计人员更了解代码，更知道如何写出100%精简的代码。用DW生成的代码可能几百K到一M不等。而同样大小的页面到前端开发者手里只需要30多K就能试验，一般手写代码超过50K的基本见不到。2、性能更好。性能往往是后台的专属词。实际上前端开发的性能也尤为重要，只是一直以来被轻视，流量小的网站体现也不明显。性能上要讲的太多太多，简单说几个能带来的效果。一个优秀的前端开发工程师写的代码，能让服务器压力更小，承载能力翻倍；能让浏览者感觉网页显示速度很快；能让浏览者感觉网速再卡也不影响获取内容……这不仅仅是代码更精简的问题，背景图合并、减少请求次数、合理的标签嵌套这些必用技能都是那些普通用DW的开发人员所不能做到的。3、对搜索引擎更友好。一个属于前端开发工程师的页面，是拥有着合理的关键词布局，恰当的标签使用，最快的页面加载速度等对搜索引擎十分友好的页面。写出的代码，还用着table布局，要知道div+css写法是2002年的技术，到现在8年了我们还没有普及甚至还没有广泛认识到它的好处，还在用着不合理的table布局，这对于一个企业、行业乃至国家民族都是十分恐怖的事情。如果50%的先进技术都处于这种状态，那这个国家只会越落后越多。4、更有利于部门协作。更了解自己产品的人容易更好的去和别人沟通，前端开发工程师知道代码怎么更适合SEO，怎么令美工的图又美又适合写代码，怎么令后台程序员不会因为某些维护而头大。一个优秀的前端开发工程师能够让整个团队意识到前端开发之美之重要，并拓展大家的知识面，引领团队共同进步。这也是我们前端开发人员应该共同努力的一个目标。而这些，恰恰是一个普通网页制作设计所做不到的事情。因为他们不懂DW背后的代码，也有部分人说自己懂得手写代码，我只能说，不在手写代码中实践、解决问题，根本不能领会到手写代码的精髓。现在我们班的人已经开始学习JS，而我则转向到SEM实习，对于DIV+CSS这块，我们每个人都有底气去推动前端开发的发展，并且，在即将到来的html5+css3时代，我们充满着渴望和幻想，相信那些战斗在前线许多年的前端开发前辈，比我们更期待html5+css3时代的到来。