切片的 HTML 选项

  1. Photoshop 用户指南
  2. Photoshop 简介
    1. 有梦想,去实现
    2. Photoshop 的新增功能
    3. 编辑第一张照片
    4. 创建文档
    5. Photoshop | 常见问题
    6. Photoshop 系统要求
    7. 迁移预设、动作和设置
    8. 了解 Photoshop
  3. Photoshop 和 Adobe 服务
    1. Photoshop 和 Adobe Stock
    2. Creative Cloud Libraries
    3. Photoshop 中的 Creative Cloud Libraries
    4. 网格和参考线
    5. 创建动作
    6. 还原和历史记录
    7. 默认键盘快捷键
    8. 触摸功能和可自定义的工作区
    9. 将 Touch Bar 与 Photoshop 结合使用
    10. 在 Photoshop 中使用 Capture 应用程序内扩展
  4. Photoshop iPad 版
    1. Photoshop iPad 版 | 常见问题
    2. 了解工作区
    3. 系统要求 | Photoshop iPad 版
    4. 创建、打开和导出云文档
    5. 添加照片
    6. 处理图层
    7. 使用画笔进行绘图和绘画
    8. 建立选区并添加蒙版
    9. 修饰复合
    10. 使用调整图层
    11. 使用曲线调整复合图像的色调
    12. 应用变换操作
    13. 裁剪和旋转复合图像
    14. 旋转、平移、缩放和重置画布
    15. 使用文字图层
    16. 使用 Photoshop 和 Lightroom
    17. 在 Photoshop iPad 版中获取缺失字体
    18. Photoshop iPad 版中的日文文本
    19. 管理应用程序设置
    20. 触控快捷键和手势
    21. 键盘快捷键
    22. 系统要求 1.x | Photoshop iPad 版
    23. 系统要求 2.x | Photoshop iPad 版
    24. 编辑图像大小
    25. 在 Photoshop iPad 版上创作直播
    26. 使用修复画笔校正瑕疵
    27. 在 Capture 中创建画笔并将其用在 Photoshop 中
  5. 云文档
    1. Photoshop 云文档 |常见问题
    2. Photoshop 云文档 | 工作流程问题
    3. 在 Photoshop 中管理和使用云文档
    4. 升级 Photoshop 的云存储空间
    5. 无法创建或保存云文档
    6. 解决 Photoshop 云文档错误
    7. 收集云文档同步日志
    8. 共享访问权限并编辑您的云文档
  6. 工作区
    1. 工作区基础知识
    2. 创建文档
    3. 将 Touch Bar 与 Photoshop 结合使用
    4. Photoshop 中的 Microsoft Dial 支持
    5. 工具库
    6. 性能首选项
    7. 使用工具
    8. 触控手势
    9. 触摸功能和可自定义的工作区
    10. 技术预览
    11. 元数据和注释
    12. 快速共享您的创作
    13. 将 Photoshop 图像置入其他应用程序
    14. 首选项
    15. 默认键盘快捷键
    16. 标尺
    17. 显示或隐藏不打印的额外内容
    18. 指定图像的列
    19. 还原和历史记录
    20. 面板和菜单
    21. 置入文件
    22. 使用对齐功能定位元素
    23. 用标尺工具定位
    24. 预设
    25. 自定义键盘快捷键
    26. 网格和参考线
  7. Web、屏幕和应用程序设计
    1. Photoshop 设计功能
    2. 画板
    3. 在 Photoshop 中导出文件
    4. 设备预览
    5. 从图层拷贝 CSS
    6. 将 Web 页切片
    7. 切片的 HTML 选项
    8. 修改切片版面
    9. 使用 Web 图形
    10. 创建 Web 照片画廊
  8. 图像和颜色基础知识
    1. 如何调整图像大小
    2. 处理栅格图像和矢量图像
    3. 图像大小和分辨率
    4. 从相机和扫描仪获取图像
    5. 创建、打开和导入图像
    6. 查看图像
    7. 无效的 JPEG 标记错误 | 打开图像
    8. 查看多个图像
    9. 自定拾色器和色板
    10. 高动态范围图像
    11. 匹配图像中的颜色
    12. 在颜色模式之间转换
    13. 颜色模式
    14. 抹除图像的部分内容
    15. 混合模式
    16. 选择颜色
    17. 自定索引颜色表
    18. 图像信息
    19. 扭曲滤镜不可用
    20. 关于颜色
    21. 使用通道进行颜色和单色调整
    22. 在“颜色”和“色板”面板中选择颜色
    23. 取样
    24. 颜色模式或图像模式
    25. 色调
    26. 向动作添加条件模式更改
    27. 从 HTML、CSS 和 SVG 添加色板
    28. 位深度和首选项
  9. 图层
    1. 图层基础知识
    2. 非破坏性编辑
    3. 创建和管理图层和组
    4. 选择、编组和链接图层
    5. 将图像置入图框中
    6. 图层不透明度和混合
    7. 蒙版图层
    8. 应用智能滤镜
    9. 图层复合
    10. 移动、堆叠和锁定图层
    11. 使用矢量蒙版遮盖图层
    12. 管理图层和组
    13. 图层效果和样式
    14. 编辑图层蒙版
    15. 抽出资源
    16. 显示带有剪贴蒙版的图层
    17. 从图层生成图像资源
    18. 使用智能对象
    19. 混合模式
    20. 将多个图像组合到人像组中
    21. 使用自动混合图层组合图像
    22. 对齐和分布图层
    23. 从图层拷贝 CSS
    24. 载入图层或图层蒙版边界上的选区
    25. 显示其他图层中内容的挖空效果
    26. 图层
    27. 拼合
    28. 复合
    29. 背景
  10. 选择
    1. “选择并遮住”工作区
    2. 快速建立选区
    3. 选区快速入门
    4. 使用选框工具进行选择
    5. 使用套索工具进行选择
    6. 选择图像中的颜色范围
    7. 调整像素选区
    8. 在路径和选区边界之间转换
    9. 通道基础知识
    10. 移动、拷贝和删除选定的像素
    11. 创建临时快速蒙版
    12. 存储选区和 Alpha 通道蒙版
    13. 选择位于焦点中的图像区域
    14. 复制,拆分,和合并通道
    15. 通道计算
    16. 选区
    17. 定界框
  11. 图像调整
    1. 透视变形
    2. 减少相机抖动模糊
    3. 修复画笔示例
    4. 导出颜色查找表
    5. 调整图像锐化程度和模糊程度
    6. 了解颜色调整
    7. 应用亮度/对比度调整
    8. 调整阴影和高光细节
    9. 色阶调整
    10. 调整色相和饱和度
    11. 调整自然饱和度
    12. 调整图像区域中的颜色饱和度
    13. 快速调整色调
    14. 对图像应用特殊颜色效果
    15. 通过色彩平衡调整增强图像
    16. 高动态范围图像
    17. 查看直方图和像素值
    18. 匹配图像中的颜色
    19. 如何裁剪并拉直照片
    20. 将彩色图像转换为黑白图像
    21. 调整图层和填充图层
    22. 曲线调整
    23. 混合模式
    24. 设置用于印刷的图像目标值
    25. 使用色阶和曲线吸管工具调整颜色和色调
    26. 调整 HDR 曝光度和色调
    27. 滤镜
    28. 模糊
    29. 减淡或加深图像区域
    30. 调整可选颜色
    31. 替换对象颜色
  12. Adobe Camera Raw
    1. Camera Raw 的系统要求
    2. Camera Raw 新增功能
    3. Camera Raw 简介
    4. 创建全景图
    5. 支持的镜头
    6. Camera Raw 中的晕影、颗粒和去除薄雾效果
    7. 默认键盘快捷键
    8. Camera Raw 中的自动透视校正功能
    9. 如何在 Camera Raw 中进行非破坏性编辑
    10. Camera Raw 中的径向滤镜
    11. 管理 Camera Raw 设置
    12. 在 Camera Raw 中打开、处理和保存图像
    13. 在 Camera Raw 中使用增强型污点去除工具修复图像
    14. 旋转、裁切和调整图像
    15. 在 Camera Raw 中调整颜色显示
    16. 功能摘要 | Adobe Camera Raw | 2018 版
    17. 新增功能摘要
    18. Camera Raw 中的处理版本
    19. 在 Camera Raw 中进行局部调整
  13. 图像修复和图像恢复
    1. 通过“内容识别填充”从照片中移去对象
    2. 内容识别修补和移动
    3. 修饰和修复照片
    4. 校正图像扭曲和杂色
    5. 用于修复大多数问题的基本故障排除步骤
  14. 图像变换
    1. 变换对象
    2. 调整裁剪、旋转和画布大小
    3. 如何裁剪并拉直照片
    4. 创建并编辑全景图图像
    5. 变形图像、外形和路径
    6. 消失点
    7. 使用液化滤镜
    8. 内容识别缩放
    9. 变换图像、形状和路径
    10. 变形
    11. 变换
    12. 全景图
  15. 绘图和绘画
    1. 绘制对称图案
    2. 绘制矩形并修改描边选项
    3. 关于绘图
    4. 绘制和编辑形状
    5. 绘画工具
    6. 创建和修改画笔
    7. 混合模式
    8. 为路径添加颜色
    9. 编辑路径
    10. 使用混合器画笔绘画
    11. 画笔预设
    12. 渐变
    13. 填充和描边选区、图层和路径
    14. 用钢笔工具绘图
    15. 创建图案
    16. 使用图案生成器创建图案
    17. 管理路径
    18. 管理图案库和预设
    19. 使用绘图板绘图或绘画
    20. 创建纹理画笔
    21. 将动态元素添加到画笔中
    22. 渐变
    23. 使用“历史记录艺术画笔”绘制风格化描边
    24. 使用图案进行绘画
    25. 在多个设备上同步预设
  16. 文本
    1. 使用 OpenType SVG 字体
    2. 设置字符格式
    3. 设置段落格式
    4. 如何创建文字效果
    5. 编辑文本
    6. 行距和字距
    7. 阿拉伯语和希伯来语文字
    8. 字体
    9. 解决字体问题
    10. 亚洲文字
    11. 创建文字
    12. 使用 Photoshop 中的文字工具时发生文本引擎错误 | Windows 8
    13. 适合亚洲脚本的全球通用书写器
    14. 如何在 Photoshop 中添加和编辑文本
  17. 视频和动画
    1. Photoshop 中的视频编辑
    2. 编辑视频和动画图层
    3. 视频和动画概述
    4. 预览视频和动画
    5. 在视频图层中绘制帧
    6. 导入视频文件和图像序列
    7. 创建帧动画
    8. Creative Cloud 3D 动画(预览)
    9. 创建时间轴动画
    10. 创建视频图像
  18. 滤镜和效果
    1. 使用液化滤镜
    2. 使用模糊画廊
    3. 滤镜基础知识
    4. 滤镜效果参考
    5. 添加光照效果
    6. 使用自适应广角滤镜
    7. 使用油画滤镜
    8. 图层效果和样式
    9. 应用特定的滤镜
    10. 涂抹图像区域
  19. 存储和导出
    1. 以图形格式存储文件
    2. 在 Photoshop 中存储文件
    3. 文件格式
    4. 存储和导出视频和动画
    5. 存储 PDF 文件
    6. Digimarc 版权保护
  20. 打印
    1. 打印 3D 对象
    2. 从 Photoshop 打印
    3. 使用色彩管理进行打印
    4. 联系表和 PDF 演示文稿
    5. 以图片包版面的形式打印照片
    6. 打印专色
    7. 双色调
    8. 将图像打印到商业印刷机
    9. 改进 Photoshop 中的色彩打印
    10. 解决打印问题 | Photoshop
  21. 自动化
    1. 创建动作
    2. 创建数据驱动图形
    3. 脚本
    4. 处理一批文件
    5. 播放和管理动作
    6. 添加条件动作
    7. 关于动作和“动作”以显示“动作”面板
    8. 记录动作中的工具
    9. 向动作添加条件模式更改
    10. Photoshop 中有关增效工具和脚本的 UI 工具包
  22. 3D 和技术成像
    1. Creative Cloud 3D 动画(预览)
    2. 打印 3D 对象
    3. 3D 绘画
    4. 3D 面板增强功能 | Photoshop
    5. 基本的 3D 概念和工具
    6. 3D 渲染和存储
    7. 创建 3D 对象和动画
    8. 图像堆栈
    9. 3D 工作流程
    10. 测量
    11. DICOM 文件
    12. Photoshop 和 MATLAB
    13. 对图像中的对象计数
    14. 合并和转换 3D 对象
    15. 3D 纹理编辑
    16. 调整 HDR 曝光度和色调
    17. 3D 面板设置
  23. 色彩管理
    1. 了解色彩管理
    2. 保持颜色一致
    3. 颜色设置
    4. 使用颜色配置文件
    5. 对要联机查看的文档进行色彩管理
    6. 打印时对文档进行色彩管理
    7. 对导入的图像进行色彩管理
    8. 校样颜色

显示切片选项对话框

执行下列操作之一:

  • 使用切片选择工具  双击切片。(如果该工具未显示,请按住“裁剪”或“切片”工具)。
  • 如果切片选择工具是现用的,则单击选项栏中的“切片选项”按钮 。此方法不在“存储为 Web 和设备所用格式”对话框中。

指定切片内容类型

您可以指定:在与 HTML 文件一起导出时,切片数据在 Web 浏览器中的显示方式。可用的选项将因选择的切片类型而异。

  • 图像切片包含图像数据。这是默认的内容类型。

  • “无图像”切片允许您创建可在其中填充文本或纯色的空表单元格。可以在“无图像”切片中输入 HTML 文本。如果在“存储为 Web 和设备所用格式”对话框中设置了“文本为 HTML”选项,在浏览器中查看文本时,则会将其解释为 HTML。类型为“无图像”的切片不会被导出为图像,并且无法在浏览器中预览。

注意:

设置自动切片的选项可将切片提升为用户切片。

  1. 选择一个切片。如果使用的是 Photoshop,请用切片选择工具双击该切片,以显示“切片选项”对话框。
  2. 在“切片选项”对话框中,从“类型”弹出式菜单选取一种切片类型。

重命名切片

在向图像中添加切片时,您可能会发现根据内容来重命名切片会很有用。默认情况下,用户切片是根据“输出设置”对话框中的设置来命名的。

  1. 使用切片选择工具选择一个切片并双击该切片以显示“切片选项”对话框。在“切片选项”对话框中,在“名称”文本框中键入一个新名称。
    注意:

    对于“无图像”切片内容,“名称”文本框不可用。

为切片选取背景色

您可以选择一种背景色来填充透明区域(适用于“图像”切片)或整个区域(适用于“无图像”切片)。

Photoshop 不显示选定的背景色 — 您必须在浏览器中预览图像才能查看选择背景色的效果。

  1. 选择一个切片。如果正在使用 Photoshop 的“存储为 Web 和设备所用格式”对话框,请用切片选择工具双击该切片以显示“切片选项”对话框。
  2. 在“切片选项”对话框中,从“背景色”弹出式菜单中选取一种背景色。选择“无”、“杂边”、“白色”、“黑色”或“其它”(使用 Adobe 拾色器)。

为图像切片指定 URL 链接信息

为切片指定 URL 可使整个切片区域成为所生成 Web 页中的链接。当用户单击链接时,Web 浏览器会导航到指定的 URL 和目标框架。该选项只可用于“图像”切片。

  1. 选择一个切片。如果使用的是 Photoshop,请用切片选择工具双击该切片,以显示“切片选项”对话框。
  2. 在“切片选项”对话框的“URL”文本框中输入 URL。可以输入相对 URL 或绝对(完整)URL。如果输入绝对 URL,请一定要包括正确的协议(例如,http://www.adobe.com 而不是 www.adobe.com)。有关使用相对和完整 URL 的更多信息,请参阅 HTML 参考。
  3. 如果需要,请在“目标”文本框中输入目标框架的名称:

    _blank

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

    _self

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

    _parent

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

    _top

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

    注意:

    有关框架的更多信息,请参阅 HTML 参考。

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

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

  1. 选择一个切片。如果使用的是 Photoshop,请用切片选择工具双击该切片,以显示“切片选项”对话框。
  2. 在“切片选项”对话框中,键入所需文本。

    消息文本

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

    Alt 标记/Alt

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

将 HTML 文本添加到切片

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

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

注意:

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

  1. 选择一个切片。使用切片选择工具双击此切片以显示“切片选项”对话框。可以在“存储为 Web 和设备所用格式”对话框中双击该切片以设置其它格式选项。
  2. 在“切片选项”对话框中,从“切片类型”菜单中选择“无图像”。
  3. 在文本框中键入所需的文本。
  4. (仅限“存储为 Web 和设备所用格式”对话框)如果文本包含 HTML 格式设置标记,请选择“文本为 HTML”选项。如果未选择此选项,则将忽略 HTML 标记,并且所有文本以未设置格式的纯文本形式出现在生成的 Web 页上。
  5. (仅限“存储为 Web 和设备所用格式”对话框)如果需要,在此对话框的“单元格对齐”部分中选择相应的选项:

    默认

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

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

    居中

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

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

    默认

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

    顶对齐

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

    基线

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

    中间

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

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

Adobe 徽标

登录到您的帐户