服务与支持 |咨询热线 0931-8733767
  • 金城在线
  • 公司简介
  • 发展历程
  • 企业文化
  • 售后服务
  • 工作机会
  • 联系我们

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

来源:发布时间:2017-12-25 11:03:21

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


前端开发和网页制作不是一个职位,他们是包含与被包含的关系,即前端开发包含网页制作。一般意义上的网页制作可以分为两部分,即网页设计和网页排版,仅从技术上来说,学会两个软件就够了,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就像女朋友,你总是不知道她生气的原因。这也是很头疼的问题。


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


相关文章
  • 预约专家

    为您提供一对一解决方案
    立即预约
  • 售前咨询

    周一至周五9:00——17:30
    立即咨询
  • 联系方式

    13919049954

    全国7×24小时热线服务
  • 免费报价

    专属专业顾问1对1报价
    免费报价