photoshop将psd文件转换为html格式

PSD：（百度百科）

PSD/PDD是adobe公司的图形设计软件Photoshop的专用格式。

PSD文件可以存储成RGB或CMYK模式，还能够自定义颜色数并加以存储，还可以保存Photoshop的图层、通道、路径等信息，是目前唯一能够支持全部图像色彩模式的格式。

html:(百度百科)

超文本标记语言，标准通用标记语言下的一个应用。是网页制作必备的编程语言

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

工具：

Photoshop

具体步骤：

一、划分区域（利用切片工具）

1 使用工具栏的切片工具进行划分区域。

2 使用参考线辅助进行划分区域。

        排好参考线(ctrl+R)

         点击切片工具

         在顶部选择基于参考线的切片   

二、存储

文件 ------> 导出 ------> 存储为web所用格式 ------> 存储

     在选择存储web所用格式之后，会弹出一个窗口，点击窗口下面的存储

     存储时：

       格式（HTML和图像）

       设置（其他） ：会弹出输出设置窗口

            设置选自定   ，下边选切片 ------>  生成css(参考选择根据类)

      切片（所有切片）

      保存（会生成html和image两个文件夹）