现在网站网页设计用什么软件，什么技术？责任编辑 :李飞    文章来源 :星翼创想(www.iswweb.com)    发布时间 :2016-04-09    阅读次数:3946

网站设计可以分为几个阶段：
原型设计阶段
编码阶段
测试阶段




原型阶段
原型设计阶段的任务就是根据用户的需求描绘出页面的草图。这时候最为有效的工具其实就是铅笔和纸。当然，也有一些比较不错的原型设计工具，比如balsamip, mockingbird 等。 当然，传统的平面设计工具在这个阶段也有帮助，比如photoshop等。


关于原型设计工具的问题，stackoverflow有一个详细的讨论：
参考：http://stackoverflow.com/questions/720191/web-ui-prototyping-tools


编码阶段
在完成了基本的效果图设计后，就需要将相应的设计效果转换为html , css和javascript，这时候，常用的工具有dreamweaver, expression blender 等。但亦有不少前端工程师在这个阶段就会采用文本编辑器，比如vim,textmate来实现原型。


由于CSS是一个与视觉效果密切相关的要素，因此在CSS的设计方面，有大量所见即所得的辅助设计工具，
比如这个网站： http://css3.mikeplate.com/ 就可以用于在线生成 css样式


另外，网站设计和前端逻辑一般来讲是不能完全分离的，对于前端设计师来说，掌握基本的javascript知识是需要的，如果能够熟练地掌握一种基本的js框架，比如jquery那就更好了


测试阶段
由于众所周知的原因，目前主流的某一知名浏览器经常有着与其他浏览器截然不同的表现。作为一个认真的前端工程师，你应该还要掌握跨浏览器兼容性测试的技术和工具。


要理解每一个浏览器的css/html 实现上的差异，以及如何使用工具进行检测。
比如:
1. http://browsershots.org/ 在线的兼容性测试工具


//注：我的个人理解楼主的问题主要是关注网站的前端设计，因此回答的内容也就局限于前端的技术，而没有涉及后端的开发技术


作者：蔡啸
链接：https://www.zhihu.com/question/19665496/answer/13095728
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

文章转载请保留网址：http://www.iswweb.com/news/faq/1649.html