設定切片表格轉存選項 (ImageReady)


    轉存切片以便用於網頁時,Photoshop 和 ImageReady 可以讓您選擇轉存一個特殊的 HTML 檔案,這個檔案可以告訴瀏覽器該如何以適當的版面配置顯示切片。依預設,轉存後的 HTML 會使用表格,確保外觀與原始切片構圖的一致性 (請參閱使用表格 (ImageReady))。ImageReady 中的「表格」浮動視窗提供更多對於轉存格式化表格方式的控制層級。

    注意: 對於轉存的 HTML 檔架構所做的變更不會影響工作區中影像的外觀,只會修改在瀏覽器中的外觀。

使用表格浮動視窗設定表格轉存選項:

  1. 選擇「視窗 > 表格」。
  2. 選取要設定選項的表格 (請參閱選取表格)。依預設,選取的表格是構成整個構圖區的最上層表格。
  3. 在「表格」浮動視窗的「ID」輸入方塊中輸入表格名稱。指定轉存後表格的名稱可更加確保表格符合網頁存取性的標準。
  4. 從「自動切片」彈出式選單中選擇喜好的表格轉存格式。
  5. 注意: 變更此偏好設定會影像產生自動切片的方式。

    • 預設值會保留預設表格的格式。
    • 「做為欄 (垂直向)」適用於在轉存的 HTML 表格中建立垂直欄。
    • 「做為列 (水平向)」適用於在轉存的 HTML 表格中建立水平列。

設定表格尺寸:

  1. 請使用「切片選取」工具選取希望設定其選項的表格。依預設,選取的表格是構成整個構圖區的最上層表格。
  2. 如果看不見表格,請按一下「尺寸」箭頭,顯示「表格」浮動視窗中的「尺寸」選項區段。
  3. 如需決定轉存的表格寬度與高度,請從適當的彈出式選單中選擇「像素」或「百分比」,以百分比指定寬度或高度可讓轉存的表格根據訪客瀏覽器視窗的尺寸,以動態方式調整尺寸。
  4. 注意: 表格左上角目前的 X 和 Y 座標會顯示在此區段供您參考,這些座標值是無法變更的。

設定表格 HTML 屬性:

    最好只為包含「沒有影像」切片的表格設定表格 HTML 屬性,因為變更包含「影像」切片的這些設定會破壞您的表格。

  1. 選取要設定選項的表格 (請參閱選取表格)。依預設,選取的表格是構成整個構圖區的最上層表格。
  2. 如果看不見,請按一下「儲存格」箭頭,顯示「表格」浮動視窗中的「儲存格」選項區段。
  3. 為每個選用屬性選擇數值:
    • 「邊界」決定表格匯出時四周邊框的寬度,單位為像素。
    • 「邊框間距」決定每個表格儲存格的邊框間距,單位為像素。「邊框間距」決定表格儲存格邊緣與內容之間的間隔。
    • 「間距」決定兩表格儲存格間的間距,單位為像素,「間距」就是任兩個表格儲存格邊緣之間的距離。