将 HTML 文本添加到切片


    选取切片的“无图像”类型使您得以输入将出现在结果 Web 页的切片区域中的文本。该文本是 HTML 文本 - 可以使用标准 HTML 标记格式化该文本。也可以选择垂直和水平对齐选项。有关特定 HTML 标记的更多信息,请参阅 HTML 参考(打印文档或位于 Web 上)。

    Photoshop 和 ImageReady 不在文档窗口中显示 HTML 文本;必须使用 Web 浏览器来预览文本。(请参阅设置并查看切片选项。)记住,用于查看文本的浏览器的设置和操作系统会影响文本的外观。务必在不同的操作系统上使用不同的浏览器,利用不同的浏览器设置预览 HTML 文本,查看文本在 Web 上的显示方式。

    注释:“无图像”切片中的文本量可能影响导出后的页面的版面。请务必在几种浏览器中试验您的设计以确保一致性。

将 HTML 文本添加到切片:

  1. 选择一个切片。如果使用的是 Photoshop,请用切片选择工具点按两次该切片,以显示“切片选项”对话框。
  2. 在“切片选项”对话框 (Photoshop) 或“切片”调板 (ImageReady) 的“类型”弹出式菜单中选择“无图像”。
  3. 在文本框中键入所需的文本。
  4. (Photoshop 的“存储为 Web 所用格式”对话框和 ImageReady)如果文本包含 HTML 格式化标记,则选择“文本为 HTML”选项。当取消选择此选项时,输入的所有文本(包括格式化标记)都将显示在结果 Web 页中。
  5. (Photoshop 的“存储为 Web 所用格式”对话框和 ImageReady)如果需要,在对话框的“单元格对齐”部分选择选项。
  6. 水平对齐选项:

    • “默认”使用浏览器的默认水平对齐。
    • “左”使文本与切片区域的左侧对齐。
    • “居中”使文本与切片区域的中心对齐。
    • “右”使文本与切片区域的右侧对齐。

    垂直对齐选项:

    • “默认”使用浏览器的默认垂直对齐。
    • “顶”使文本与切片区域的顶边对齐。
    • “基线”在(结果 HTML 表的)同一行中为单元格文本的第一行设置共用基线。行中的每个单元格必须使用“基线”选项。
    • “居中”使文本在切片区域中垂直居中。
    • “底”使文本与切片区域的底边对齐。