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