Question

PHOTO SHOP里如何能把PSD的自动切成切片?存为HTML格式?

比如下载了一个PSD的网页，如何把它自动切片，然后存为HTML格式?如何使用?请详细说明，谢谢!

Answer 1

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