设置切片表导出选项 (ImageReady)


    当导出要用于 Web 的切片时,Photoshop 和 ImageReady 可以选择性地导出 HTML 文件,以便为浏览器提供有关如何以正确的版面显示切片的说明。默认情况下,导出的此 HTML 使用表来确保外观与原切片编排的一致性。(请参阅处理表 (ImageReady)。)ImageReady 中的“表”调板针对如何导出此格式表提供额外的控制级别。

    注释:对导出的 HTML 文件结构的更改不会影响您工作区域中图像的外观;它们只修改图像在浏览器中的外观。

使用“表”调板设置表导出选项:

  1. 选取“窗口”>“表”。
  2. 选择要对其设置选项的表。(请参阅选择表。)默认情况下,选中的表是包含整个编排区域的顶级表。
  3. 在“表”调板的“ID”输入框中输入表的名称。为导出的表指定名称可以增加与 Web 可访问性标准的一致性。
  4. 从“自动切片”弹出式菜单中选取导出表的预置格式:
  5. 注释:更改此预置可能影响自动切片的生成方式。

    • “默认”保持默认表格式。
    • “按列(纵向)”有利于导出的 HTML 表中垂直列的创建。
    • “按行(横向)”有利于导出的 HTML 表中水平行的创建。

设置表尺寸:

  1. 使用切片选择工具选择要对其设置选项的表。默认情况下,选中的表是包含整个编排区域的顶级表。
  2. 如果它不可见,请通过点按“尺寸”箭头来显示“表”调板的“尺寸”选项部分。
  3. 通过从相应的弹出式菜单中选取“像素”或“百分比”来确定导出表的宽度和高度。将宽度和高度指定为百分比将使导出的表可以根据 Web 页访问者的浏览器窗口大小来动态调整大小。
  4. 注释:表左上角的 X 和 Y 当前坐标显示在此处以供参考。不能改变它们的值。

设置表的 HTML 属性:

    最好仅对包含“无图像”切片的表设置表的 HTML 属性。更改图像切片的这些设置可能导致表以您不希望的方式断开。

  1. 选择要对其设置选项的表。(请参阅选择表。)默认情况下,选中的表是包含整个编排区域的顶级表。
  2. 如果它不可见,请通过点按“单元格”箭头来显示“表”调板的“单元格”选项部分。
  3. 对每个可选属性选取一个值:
    • “边界”确定了导出时表周围边框的宽度(以像素为单位)。
    • “填充”确定了每个表单元格的填充量(以像素为单位)。填充是表单元格边缘与其内容之间的间距量。
    • “间距”确定了每个表单元格之间的间距量(以像素为单位)。间距是任意两个表单元格边缘之间的距离。