PSD：（百度百科）
PSD/PDD是adobe公司的圖形設計軟件Photoshop的專用格式。
PSD文件可以存儲成RGB或CMYK模式，還能夠自定義顏色數並加以存儲，還可以保存Photoshop的圖層、通道、路徑等信息，是目前唯一能夠支持全部圖像色彩模式的格式。
html:(百度百科)
超文本標記語言，標准通用標記語言下的一個應用。是網頁制作必備的編程語言
“超文本”就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
超文本標記語言的結構包括“頭”部分（英語：Head）、和“主體”部分（英語：Body），其中“頭”部提供關於網頁的信息，“主體”部分提供網頁的具體內容。
工具：
Photoshop
具體步驟：
一、划分區域（利用切片工具）
1 使用工具欄的切片工具進行划分區域。
2 使用參考線輔助進行划分區域。
排好參考線(ctrl+R)
點擊切片工具
在頂部選擇基於參考線的切片
二、存儲
文件 ------> 導出 ------> 存儲為web所用格式 ------> 存儲
在選擇存儲web所用格式之后，會彈出一個窗口，點擊窗口下面的存儲
存儲時：
格式（HTML和圖像）
設置（其他） ：會彈出輸出設置窗口
設置選自定 ，下邊選切片 ------> 生成css(參考選擇根據類)
切片（所有切片）
保存（會生成html和image兩個文件夾）