說白了最后還是得搞成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。
- 切的時候對齊點兒，整齊才方便后期弄表格和維護。