psd做成HTML相关参考页面

前端制作（美工）是怎么把PSD制作成页面的？

 

美工怎么做的我不清楚，因为我是做前端的，我就从前端这个角度说吧。

首先拿到PSD，先分析哪些是要导出为图片的，哪些是可以自己用代码完成的。
将图片全部导出，要做成雪碧图的都做成雪碧图

然后直接开始码代码，在谷歌浏览器或者火狐中测试，不要用IE做第一次测试。
1.对照设计图，写好框架
2.完善细节，添加JS效果（可重用的组件，模块注意分离）
3.完善所有页面，测试浏览器兼容

PS:如果是无任何前端基础，单纯的是美工的话我就布吉岛了，记得是直接用PS的切片工具加DW调整。 再说这种事情本应是前端做的呀，为毛要让美工or设计师做，做出来的有用不。。。

编码规范和组件模块如何分离可以参考网易的NEC规范
规范 - NEC : 更好的CSS样式解决方案

作者：朱乐义
链接：http://www.zhihu.com/question/23824421/answer/25782086
来源：知乎
著作权归作者所有，转载请联系作者获得授权。

 

 

http://www.uimaker.com/uimakerhtml/uistudy/2010/0430/3379.html