码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-10-10 10:32:24      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:

首先,制作图象切片(以一张图片为例子)

一、选择“切片”工具,在图像上拖动以分割图像(例如:一张图像切割2次就形成3个切片)
技术分享
切片后如下图
技术分享

二、设置切片选项(如大小、目标链接、图片说明等等):选择“切片选择”工具,在要设置的图像切片上双击,在弹出的面板进行具体设置(如图):
技术分享

三、储存切片为网页:
文件——保存为WEB和设备所用格式
技术分享
一般选择gif图片格式,图片边缘的背景色设置为“无”,点击“储存”
技术分享
然后,保存类型“HTML和图像”。如果要保存为DIV+CSS布局,则设置“其它”
技术分享
此时会弹出进一步设置面板,选择“切片”“生成CSS”
技术分享
这样,图像切片就被保存成DIV+CSS的网页布局了。

 

 

转自163求是的博客

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

标签:

原文地址:http://www.cnblogs.com/tianxuan/p/4865826.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!