說白了最后還是得搞成HTML代碼。
1、切片咋整：
- 圖像切片：導(dǎo)出圖+HTML代碼。
- HTML切片：只導(dǎo)出代碼，圖不導(dǎo)出。
- 命名方式：可以手動(dòng)起名，也能自動(dòng)命名（去文件菜單→HTML設(shè)置）。
- 預(yù)覽切片直接按F12就行。
- 輸出方式有倆：直接導(dǎo)出 or 導(dǎo)出更新。
小貼士：記得在網(wǎng)頁(yè)里插入FW做的頁(yè)面來排版，隨便引表格都行，路徑會(huì)自動(dòng)修正，賊方便。
2、HTML設(shè)置這塊兒：
輸出表格有三種姿勢(shì)：
① 單一表格：不推薦！雖然看著清楚，但改起來費(fèi)勁，復(fù)雜切片容易翻車。
表現(xiàn)就是：整個(gè)頁(yè)面一個(gè)大表，每個(gè)切片當(dāng)個(gè)單元格（可能合并或拆分）。
② 嵌套表格：安利這個(gè)！結(jié)構(gòu)清晰，好改又好維護(hù)。
做法是：不規(guī)則的切片丟進(jìn)一個(gè)單元格里用小表格包起來，再用大表格統(tǒng)一控住全場(chǎng)。
③ 1像素透明間隔符：最抽象，多出一行一列，結(jié)構(gòu)亂糟糟，但穩(wěn)得很（默認(rèn)選項(xiàng)）。
原理是在大表格頂上加一行，右邊加一列，靠透明小圖撐布局。
注意點(diǎn)：
- 流水線更新時(shí)，圖像切片里的圖和代碼都會(huì)刷新，但HTML切片不會(huì)變，適合自由發(fā)揮。
- 在DW里改FW表格時(shí)，別動(dòng)原結(jié)構(gòu)！只能往HTML切片里面塞東西。不然跟FW對(duì)不上，流水線崩了，排版也完蛋。
3、切片原則：
- 能少切就少切，大塊一點(diǎn)，別太零碎。
- 但也別一刀切太大，單個(gè)盡量別超5K。
- 切的時(shí)候?qū)R點(diǎn)兒，整齊才方便后期弄表格和維護(hù)。
1、切片咋整：
- 圖像切片：導(dǎo)出圖+HTML代碼。
- HTML切片：只導(dǎo)出代碼，圖不導(dǎo)出。
- 命名方式：可以手動(dòng)起名，也能自動(dòng)命名（去文件菜單→HTML設(shè)置）。
- 預(yù)覽切片直接按F12就行。
- 輸出方式有倆：直接導(dǎo)出 or 導(dǎo)出更新。
小貼士：記得在網(wǎng)頁(yè)里插入FW做的頁(yè)面來排版，隨便引表格都行，路徑會(huì)自動(dòng)修正，賊方便。
2、HTML設(shè)置這塊兒：
輸出表格有三種姿勢(shì)：
① 單一表格：不推薦！雖然看著清楚，但改起來費(fèi)勁，復(fù)雜切片容易翻車。
表現(xiàn)就是：整個(gè)頁(yè)面一個(gè)大表，每個(gè)切片當(dāng)個(gè)單元格（可能合并或拆分）。
② 嵌套表格：安利這個(gè)！結(jié)構(gòu)清晰，好改又好維護(hù)。
做法是：不規(guī)則的切片丟進(jìn)一個(gè)單元格里用小表格包起來，再用大表格統(tǒng)一控住全場(chǎng)。
③ 1像素透明間隔符：最抽象，多出一行一列，結(jié)構(gòu)亂糟糟，但穩(wěn)得很（默認(rèn)選項(xiàng)）。
原理是在大表格頂上加一行，右邊加一列，靠透明小圖撐布局。
注意點(diǎn)：
- 流水線更新時(shí)，圖像切片里的圖和代碼都會(huì)刷新，但HTML切片不會(huì)變，適合自由發(fā)揮。
- 在DW里改FW表格時(shí)，別動(dòng)原結(jié)構(gòu)！只能往HTML切片里面塞東西。不然跟FW對(duì)不上，流水線崩了，排版也完蛋。
3、切片原則：
- 能少切就少切，大塊一點(diǎn)，別太零碎。
- 但也別一刀切太大，單個(gè)盡量別超5K。
- 切的時(shí)候?qū)R點(diǎn)兒，整齊才方便后期弄表格和維護(hù)。