photoshop將psd文件轉換爲html格式

   PSD：（百度百科）

   PSD/PDD是adobe公司的圖形設計軟件Photoshop的專用格式。

    PSD文件能夠存儲成RGB或CMYK模式，還可以自定義顏色數並加以存儲，還能夠保存Photoshop的圖層、通道、路徑等信息，是目前惟一可以支持所有圖像色彩模式的格式。

  html:(百度百科)

   超文本標記語言，標準通用標記語言下的一個應用。是網頁製做必備的編程語言

   「超文本」就是指頁面內能夠包含圖片、連接，甚至音樂、程序等非文字元素。

    超文本標記語言的結構包括「頭」部分（英語：Head）、和「主體」部分（英語：Body），其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容。

 

   工具：

  Photoshop

  

  具體步驟：

 

   1、劃分區域（利用切片工具）

         1 使用工具欄的切片工具進行劃分區域。

        2 使用參考線輔助進行劃分區域。

             排好參考線(ctrl+R)

             點擊切片工具

             在頂部選擇基於參考線的切片   

             

   2、存儲

         文件  ------>  導出  ------> 存儲爲web所用格式  ------> 存儲

            在選擇存儲web所用格式以後，會彈出一個窗口，點擊窗口下面的存儲

         存儲時：

           格式（HTML和圖像）

           設置（其餘） ：會彈出輸出設置窗口

                設置選自定   ，下邊選切片 ------>  生成css(參考選擇根據類)

          切片（全部切片）

          保存（會生成html和image兩個文件夾）