说白了最后还是得搞成HTML代码。
1、切片咋整：
- 图像切片：导出图+HTML代码。
- HTML切片：只导出代码，图不导出。
- 命名方式：可以手动起名，也能自动命名（去文件菜单→HTML设置）。
- 预览切片直接按F12就行。
- 输出方式有俩：直接导出 or 导出更新。
小贴士：记得在网页里插入FW做的页面来排版，随便引表格都行，路径会自动修正，贼方便。
2、HTML设置这块儿：
输出表格有三种姿势：
① 单一表格：不推荐！虽然看着清楚，但改起来费劲，复杂切片容易翻车。
表现就是：整个页面一个大表，每个切片当个单元格（可能合并或拆分）。
② 嵌套表格：安利这个！结构清晰，好改又好维护。
做法是：不规则的切片丢进一个单元格里用小表格包起来，再用大表格统一控住全场。
③ 1像素透明间隔符：最抽象，多出一行一列，结构乱糟糟，但稳得很（默认选项）。
原理是在大表格顶上加一行，右边加一列，靠透明小图撑布局。
注意点：
- 流水线更新时，图像切片里的图和代码都会刷新，但HTML切片不会变，适合自由发挥。
- 在DW里改FW表格时，别动原结构！只能往HTML切片里面塞东西。不然跟FW对不上，流水线崩了，排版也完蛋。
3、切片原则：
- 能少切就少切，大块一点，别太零碎。
- 但也别一刀切太大，单个尽量别超5K。
- 切的时候对齐点儿，整齐才方便后期弄表格和维护。
1、切片咋整：
- 图像切片：导出图+HTML代码。
- HTML切片：只导出代码，图不导出。
- 命名方式：可以手动起名，也能自动命名（去文件菜单→HTML设置）。
- 预览切片直接按F12就行。
- 输出方式有俩：直接导出 or 导出更新。
小贴士：记得在网页里插入FW做的页面来排版，随便引表格都行，路径会自动修正，贼方便。
2、HTML设置这块儿：
输出表格有三种姿势：
① 单一表格：不推荐！虽然看着清楚，但改起来费劲，复杂切片容易翻车。
表现就是：整个页面一个大表，每个切片当个单元格（可能合并或拆分）。
② 嵌套表格：安利这个！结构清晰，好改又好维护。
做法是：不规则的切片丢进一个单元格里用小表格包起来，再用大表格统一控住全场。
③ 1像素透明间隔符：最抽象，多出一行一列，结构乱糟糟，但稳得很（默认选项）。
原理是在大表格顶上加一行，右边加一列，靠透明小图撑布局。
注意点：
- 流水线更新时，图像切片里的图和代码都会刷新，但HTML切片不会变，适合自由发挥。
- 在DW里改FW表格时，别动原结构！只能往HTML切片里面塞东西。不然跟FW对不上，流水线崩了，排版也完蛋。
3、切片原则：
- 能少切就少切，大块一点，别太零碎。
- 但也别一刀切太大，单个尽量别超5K。
- 切的时候对齐点儿，整齐才方便后期弄表格和维护。