PSD：（百度百科）
PSD/PDD是adobe公司的图形设计软件Photoshop的专用格式。
PSD文件可以存储成RGB或CMYK模式，还能够自定义颜色数并加以存储，还可以保存Photoshop的图层、通道、路径等信息，是目前唯一能够支持全部图像色彩模式的格式。
html:(百度百科)
超文本标记语言，标准通用标记语言下的一个应用。是网页制作必备的编程语言
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
工具：
Photoshop
具体步骤：
一、划分区域（利用切片工具）
1 使用工具栏的切片工具进行划分区域。
2 使用参考线辅助进行划分区域。
排好参考线(ctrl+R)
点击切片工具
在顶部选择基于参考线的切片
二、存储
文件 ------> 导出 ------> 存储为web所用格式 ------> 存储
在选择存储web所用格式之后，会弹出一个窗口，点击窗口下面的存储
存储时：
格式（HTML和图像）
设置（其他） ：会弹出输出设置窗口
设置选自定 ，下边选切片 ------> 生成css(参考选择根据类)
切片（所有切片）
保存（会生成html和image两个文件夹）
