PSD：（百度百科）

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

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

  html:(百度百科)

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

   “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。     超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。     工具：   Photoshop      具体步骤：      一、划分区域（利用切片工具）         1 使用工具栏的切片工具进行划分区域。         2 使用参考线辅助进行划分区域。              排好参考线(ctrl+R)              点击切片工具              在顶部选择基于参考线的切片                 

   二、存储

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

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

         存储时：

           格式（HTML和图像）

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

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

          切片（所有切片）

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