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两个文件夹)

      

                 

  

posted @ 2019-04-09 11:30  前端守望者  阅读(11039)  评论(0编辑  收藏  举报