ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

photoshop将psd文件转换为html格式

2019-04-09 11:38:51  阅读:193  来源: 互联网

标签:photoshop 存储 psd 切片 html PSD 超文本 格式


   PSD:(百度百科)

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

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

  html:(百度百科)

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

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

   二、存储

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

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

         存储时:

           格式(HTML和图像)

           设置(其他) :会弹出输出设置窗口

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

          切片(所有切片)

          保存(会生成html和image两个文件夹)

      

                 

  

标签:photoshop,存储,psd,切片,html,PSD,超文本,格式
来源: https://www.cnblogs.com/qianduanshouzwangzhe/p/10675886.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有