Photoshop图象切片保存为网页HTML(DIV+CSS布局)的方法
2015-01-27 10:44
453 查看
Photoshop图象切片保存为网页HTML(DIV+CSS布局)的方法
首先,***图象切片(以一张图片为例子)一、选择“切片”工具,在图像上拖动以分割图像(例如:一张图像切割2次就形成3个切片)
二、设置切片选项(如大小、目标链接、图片说明等等):选择“切片选择”工具,在要设置的图像切片上双击,在弹出的面板进行具体设置(如图):
三、储存切片为网页:
文件——保存为WEB和设备所用格式
一般选择gif图片格式,图片边缘的背景色设置为“无”,点击“储存”
然后,保存类型“HTML和图像”。如果要保存为DIV+CSS布局,则设置“其它”
此时会弹出进一步设置面板,选择“切片”“生成CSS”
这样,图像切片就被保存成DIV+CSS的网页布局了。
相关文章推荐
- Photoshop图象切片保存为网页HTML(DIV+CSS布局)的方法
- HTML结构化:实践DIV+CSS网页布局入门指南
- CSS网页布局DIV垂直居中的各种方法
- HTML结构化:实践DIV+CSS网页布局入门指南
- DIV+CSS网页布局常用的方法与技巧
- HTML结构化:实践DIV+CSS网页布局入门指南
- DIV+CSS网页布局常用的方法与技巧
- HTML结构化:实践DIV+CSS网页布局入门指南
- CSS网页布局:div水平居中的各种方法
- div+css布局中选择使用html标签的方法
- CSS网页布局:div水平居中的各种方法
- Photoshop切片制作div+css网页页面
- DIV+CSS网页布局常用的方法与技巧
- [转]CSS网页布局:div水平居中的各种方法
- CSS网页布局DIV水平居中的各种方法
- DIV+CSS创建三栏网页布局方法介绍
- 如何用photoshop输出html(div+css)网页
- 【转】CSS网页布局DIV水平居中的各种方法
- DIV+CSS常用的Html网页布局代码
- HTML结构化:实践DIV+CSS网页布局入门指南