最新消息:

用Photoshop图象切片保存为网页HTML(生成DIV+CSS布局)的方法

CSS admin 351浏览
(专业和大神绕路。。。)
本人非从事前端,由于接活需要切图,由于对切图规范要求不高,想偷个懒快速将设计页面切割成div+css布局的赫塔米勒页面,功夫不负有心人,终究找到了方法,在此共享,废话不在多说,上图启程:
1、打开需要切图的图片,选择切片工具,并画出切片区域。
1
2、选择“切片选择器”选择任意切片,“编辑切片选项”设置切片选页
2
3、保存,保存->存储为web所用格式…    ,设置相应参数一般为gif格式或者jpeg品质60
3
4、存储,“设置”一项选择“其他”,将弹出“输出设置’
4
5、输出设置,选择”切片“”生成CSS“,可以修改切片名称
5
6、保存,完成。这样生成的页面使用div+css布局,不再是table布局,去尝试下吧 –>
6

转载请注明:音色共鸣 » 用Photoshop图象切片保存为网页HTML(生成DIV+CSS布局)的方法