如何用切片工具做html网页,ps中的切片工具怎么用，怎么将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.***.com 而不是 www.***.com)。

如果需要，请在“目标”文本框中输入目标框架的名称：

_blank

在新窗口中显示链接文件，同时保持原始浏览器窗口为打开状态。

_self

在原始文件的同一框架中显示链接文件。

_parent

在自己的原始父框架组中显示链接文件。如果 HTML 文档包含帧，并且当前帧是子帧，则使用此选项。链接文件显示在当前的父框架中。

_top

用链接的文件替换整个浏览器窗口，移去当前所有帧。名称必须与先前在文档的 HTML 文件中定义的帧名称相匹配。当用户单击链接时，指定的文件将出现在新框架中。

指定浏览器消息和替代文本

您可以指定哪些信息出现在浏览器中。这些选项只可用于图像切片，并且只会在导出的 HTML 文件中出现。

选择一个切片。如果使用的是 Photoshop，请用切片选择工具双击该切片，以显示“切片选项”对话框。

在“切片选项”对话框中，键入所需文本。

消息文本

为选定的一个或多个切片更改浏览器状态区域中的默认消息。默认情况下，将显示切片的 URL(如果有)。

Alt 标记/Alt

指定选定切片的 Alt 标记。Alt 文本出现，取代非图形浏览器中的切片图像。Alt 文本还在图像下载过程中取代图像，并在一些浏览器中作为工具提示出现。

将 HTML 文本添加到切片

当您选取“无图像”类型的切片时，您可以输入要在所生成 Web 页的切片区域中显示的文本。此文本可以是纯文本或使用标准 HTML 标记设置格式的文本。也可以选择垂直和水平对齐选项。

Photoshop 不会在文档窗口中显示 HTML 文本；您必须使用 Web 浏览器来预览文本。确保在不同的操作系统上使用不同的浏览器，利用不同的浏览器设置预览 HTML 文本，以确认文本可在 Web 上正确显示。

注意:

“无图像”切片中的文本量可能影响导出后的页面的版面。

选择一个切片。使用切片选择工具双击此切片以显示“切片选项”对话框。可以在“存储为 Web 和设备所用格式”对话框中双击该切片以设置其它格式选项。

在“切片选项”对话框中，从“切片类型”菜单中选择“无图像”。

在文本框中键入所需的文本。

(仅限“存储为 Web 和设备所用格式”对话框)如果文本包含 HTML 格式设置标记，请选择“文本为 HTML”选项。如果未选择此选项，则将忽略 HTML 标记，并且所有文本以未设置格式的纯文本形式出现在生成的 Web 页上。

(仅限“存储为 Web 和设备所用格式”对话框)如果需要，在此对话框的“单元格对齐”部分中选择相应的选项：

默认

使用浏览器的默认值作为水平对齐方式。

左对齐

将文本与切片区域的左边对齐。

居中

将文本与切片区域的中心对齐。

右对齐

将文本与切片区域的右边对齐。

默认

使用浏览器的默认垂直对齐方式。

顶对齐

将文本与切片区域的顶边对齐。

基线

在(结果 HTML 表的)同一行中为单元格文本的第一行设置共用基线。行中的每个单元格必须使用“基线”选项。

中间

在切片区域中垂直居中对齐文本。

底对齐

将文本与切片区域的底端对齐。