psd导出切片html 分隔符,PHOTO SHOP里如何能把PSD的自动切成切片?存为HTML格式?

满意答案

erniu831

2013.09.12

采纳率：59%    等级：12

已帮助：10315人

是最终以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、做切片要整齐，方便输出表格维护。

00分享举报