psd如何转成html

psd如何转成html,第1张

psd文件就用photoshop打开,不知道你这psd文件是用什么版本的ps做到,最好对应起来,打开psd文件后,在文件选项中选择导出为web文档。
至于的具体排版你可以用ps工具栏中的切片工具来自己切。

Html
就不支持
PSD文件!
建议先系统化一下
关于
网页的基础知识!
不存在转换成
Html的说法!
可以插入
Html!
如果是一张设计好的页面效果图,则需要用
FW、PS类的工具进行切割,将切好的保存成
JPG、Gif、png等格式!目前网页只支持这3种格式!

是最终以HTML代码形式存在。
1、创建切片:
切片的类型:图像切片:输出时导出图像及HTML代码。
HTML切片:输出时只导出HTML代码,不导出图像。
切片的命名:手动命名:
自动命名:文件菜单--HTML设置
FW切片预览可直接用F12键。
FW切片的输出方式:直接导出和导出更新方式
注:要会在当前网页插入FW网页进来排版(可引用任何FW排版表格,而不同路径自动修正)
2、HTML设定:
输出表格的三种方式:
1、单一表格:不推荐此方法,比较直观,但不易改动,复杂切片无法正常输出表格
表现形式:直接输出单一的表格,每个切片就是一个单元格(可能是合并的单元格或拆分的单元格)
2、嵌套表格:推荐此方法,直观且易改动维护。
表现形式:对不整齐的切片尽量以表格嵌套在一个单元格内独立出来,然后再由最大的表格固定起来
3、1像素透明间隔符:不直观,多生一行一列,过于复杂,但比较稳定。(这是默认选项)
表现形式:在大表格最上面生成一行,最右边生成一列,由间隔图像撑表格来固定版面
注:在流水线中图像切片里的图像和HTML代码都将被更新,而HTML切片不被更新,所以可以用来自由排版
注:在DW中编辑FW表格时,不要破坏原表格的结构,只能在HTML切片里面添加元素否则与FW切片无法匹配,不能形成流水线,会破坏DW的新排版
3、做切片的原则:
1、尽量简单切片,大块组织,不要太碎。
2、每个切片也不能太大,尽量不超过5K字节大小。
3、做切片要整齐,方便输出表格维护。

您好!
1)您需要在PS里将这个PSD格式的文件拼合图层,压平为一张单层图像。存储为jpg或gif格式。
2)在PS里是不能直接存储为html格式的,您需要将这个jpg或gif格式拖到 ImageReady 软件里
这个软件一般是和PS捆绑在一起安装的,在专业的处理网页格式的软件,存储为web类型的
格式即可,例如存储为html 或 htm
纯手打,希望可以帮到您!

首先就是将PSD转换成HTML,有两种,一种是TABLE方式,另一种是DIV+CSS方式,当然TABLE简单,DIV+CSS用习惯了更简单,你也可以用PSD的切图工具将其切好后进行生成,但是效果不好,所以切好后进行布局,将拼上去就可以了,要考虑到浏览器的兼容性。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/yw/13326387.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-15
下一篇 2023-07-15

发表评论

登录后才能评论

评论列表(0条)

保存