Photoshop 中的切片 HTML 选项
显示切片选项对话框
执行下列操作之一：
- 使用切片选择工具
双击切片。（如果该工具未显示，请按住“裁剪”或“切片”工具）。 - 如果切片选择工具是现用的，则单击选项栏中的“切片选项”按钮
。此方法不在“存储为 Web 和设备所用格式”对话框中。
指定切片内容类型
您可以指定：在与 HTML 文件一起导出时，切片数据在 Web 浏览器中的显示方式。可用的选项将因选择的切片类型而异。
- 图像切片包含图像数据。这是默认的内容类型。
- “无图像”切片允许您创建可在其中填充文本或纯色的空表单元格。可以在“无图像”切片中输入 HTML 文本。如果在“存储为 Web 和设备所用格式”对话框中设置了“文本为 HTML”选项，在浏览器中查看文本时，则会将其解释为 HTML。类型为“无图像”的切片不会被导出为图像，并且无法在浏览器中预览。
注意:设置自动切片的选项可将切片提升为用户切片。
- 选择一个切片。如果使用的是 Photoshop，请用切片选择工具双击该切片，以显示“切片选项”对话框。
- 在“切片选项”对话框中，从“类型”弹出式菜单选取一种切片类型。
重命名切片
在向图像中添加切片时，您可能会发现根据内容来重命名切片会很有用。默认情况下，用户切片是根据“输出设置”对话框中的设置来命名的。Web 图形的输出设置。）
- 使用切片选择工具选择一个切片并双击该切片以显示“切片选项”对话框。在“切片选项”对话框中，在“名称”文本框中键入一个新名称。
注意:对于“无图像”切片内容，“名称”文本框不可用。
为切片选取背景色
您可以选择一种背景色来填充透明区域（适用于“图像”切片）或整个区域（适用于“无图像”切片）。
Photoshop 不显示选定的背景色 — 您必须在浏览器中预览图像才能查看选择背景色的效果。
- 选择一个切片。如果正在使用 Photoshop 的“存储为 Web 和设备所用格式”对话框，请用切片选择工具双击该切片以显示“切片选项”对话框。
- 在“切片选项”对话框中，从“背景色”弹出式菜单中选取一种背景色。选择“无”、“杂边”、“白色”、“黑色”或“其它”（使用 Adobe 拾色器）。
为图像切片指定 URL 链接信息
为切片指定 URL 可使整个切片区域成为所生成 Web 页中的链接。当用户单击链接时，Web 浏览器会导航到指定的 URL 和目标框架。该选项只可用于“图像”切片。
- 选择一个切片。如果使用的是 Photoshop，请用切片选择工具双击该切片，以显示“切片选项”对话框。
- 在“切片选项”对话框的“URL”文本框中输入 URL。可以输入相对 URL 或绝对（完整）URL。如果输入绝对 URL，请一定要包括正确的协议（例如，http://www.adobe.com 而不是 www.adobe.com）。有关使用相对和完整 URL 的更多信息，请参阅 HTML 参考。
- 如果需要，请在“目标”文本框中输入目标框架的名称：
_blank
在新窗口中显示链接文件，同时保持原始浏览器窗口为打开状态。
_self
在原始文件的同一框架中显示链接文件。
_parent
在自己的原始父框架组中显示链接文件。如果 HTML 文档包含帧，并且当前帧是子帧，则使用此选项。链接文件显示在当前的父框架中。
_top
用链接的文件替换整个浏览器窗口，移去当前所有帧。名称必须与先前在文档的 HTML 文件中定义的帧名称相匹配。当用户单击链接时，指定的文件将出现在新框架中。
注意:有关框架的更多信息，请参阅 HTML 参考。
指定浏览器消息和替代文本
您可以指定哪些信息出现在浏览器中。这些选项只可用于图像切片，并且只会在导出的 HTML 文件中出现。
- 选择一个切片。如果使用的是 Photoshop，请用切片选择工具双击该切片，以显示“切片选项”对话框。
- 在“切片选项”对话框中，键入所需文本。
消息文本
为选定的一个或多个切片更改浏览器状态区域中的默认消息。默认情况下，将显示切片的 URL（如果有）。
Alt 标记/Alt
指定选定切片的 Alt 标记。Alt 文本出现，取代非图形浏览器中的切片图像。Alt 文本还在图像下载过程中取代图像，并在一些浏览器中作为工具提示出现。
将 HTML 文本添加到切片
当您选取“无图像”类型的切片时，您可以输入要在所生成 Web 页的切片区域中显示的文本。此文本可以是纯文本或使用标准 HTML 标记设置格式的文本。也可以选择垂直和水平对齐选项。有关特定 HTML 标记的更多信息，请参阅 HTML 参考。
Photoshop 不会在文档窗口中显示 HTML 文本；您必须使用 Web 浏览器来预览文本。确保在不同的操作系统上使用不同的浏览器，利用不同的浏览器设置预览 HTML 文本，以确认文本可在 Web 上正确显示。
注意:“无图像”切片中的文本量可能影响导出后的页面的版面。
- 选择一个切片。使用切片选择工具双击此切片以显示“切片选项”对话框。可以在“存储为 Web 和设备所用格式”对话框中双击该切片以设置其它格式选项。
- 在“切片选项”对话框中，从“切片类型”菜单中选择“无图像”。
- 在文本框中键入所需的文本。
- （仅限“存储为 Web 和设备所用格式”对话框）如果文本包含 HTML 格式设置标记，请选择“文本为 HTML”选项。如果未选择此选项，则将忽略 HTML 标记，并且所有文本以未设置格式的纯文本形式出现在生成的 Web 页上。
- （仅限“存储为 Web 和设备所用格式”对话框）如果需要，在此对话框的“单元格对齐”部分中选择相应的选项：
默认
使用浏览器的默认值作为水平对齐方式。
左对齐
将文本与切片区域的左边对齐。
居中
将文本与切片区域的中心对齐。
右对齐
将文本与切片区域的右边对齐。
默认
使用浏览器的默认垂直对齐方式。
顶对齐
将文本与切片区域的顶边对齐。
基线
在（结果 HTML 表的）同一行中为单元格文本的第一行设置共用基线。行中的每个单元格必须使用“基线”选项。
中间
在切片区域中垂直居中对齐文本。
底对齐
将文本与切片区域的底端对齐。
更多此类内容
- 在 Web 浏览器中预览优化的图像
- Web 图形的输出设置