用户指南 取消(C)

将内容导出为 HTML（旧版）

搜索
InDesign

InDesign

打开应用程序
  1. InDesign 用户指南
  2. 了解 InDesign
    1. InDesign 简介
      1. InDesign 的新增功能
      2. 系统要求
      3. 常见问题
      4. 使用 Creative Cloud Libraries
    2. 工作区
      1. 工作区基础知识
      2. 上下文任务栏
      3. 在 InDesign 中自定义工作区
      4. 工具箱
      5. 设置首选项
      6. “属性”面板
      7. 触控工作区
      8. 默认键盘快捷键
      9. 撤消编辑并管理历史记录面板
      10. 文档恢复和还原
    3. 生成式 AI（在中国大陆不可用）
      1. 文字生成图像
      2. 生成式扩展
      3. 在 InDesign(Beta) 中生成效果 (Beta)
      4. 生成式 AI 常见问题
  3. 创建文档和设置文档布局
    1. 文档和页面
      1. 创建文档
      2. 使用主页
      3. 使用文档页面
      4. 设置页面大小、边距和出血
      5. 使用文件和模板
      6. 在 InDesign (Beta) 中将 PDF 转换为 InDesign 文件
      7. 创建书籍文件
      8. 添加基本页码
      9. 编排页码和章节
      10. 转换 QuarkXPress 和 PageMaker 文档
      11. 共享内容
      12. 了解受管理文件的基本工作流程
      13. 存储文档
    2. 网格
      1. 网格
      2. 制定网格的格式
    3. 版面辅助工具
      1. 文档窗口中的
      2. 使用标尺对齐和分布对象
      3. 使用测量工具测量对象
  4. 添加内容
    1. 文本
      1. 将文本添加到框架
      2. 串接文本
      3. 东南亚语言脚本
      4. InDesign 中的阿拉伯语和希伯来语功能
      5. 创建路径文字
      6. 项目符号和编号
      7. 插入 MathML 代码以创建数学表达式
      8. 字形和特殊字符
      9. 文本排版
      10. 文本变量
      11. 生成二维码
      12. 编辑文本
      13. 对齐文本
      14. 在对象周围绕排文本
      15. 定位对象
      16. 链接的内容
      17. 设置段落格式
      18. 设置字符格式
    2. 排版规则
      1. 在 InDesign 中使用字体
      2. 字偶间距和字符间距
      3. 缩放和倾斜文字
      4. 对文字应用颜色效果
    3. 设置文本格式
      1. 设置文本格式
      2. 自动设置文本样式
      3. 使用样式包
      4. 制表符和缩进
    4. 审阅文本
      1. 跟踪和检查更改
      2. 在 InDesign 中添加编辑附注
      3. 导入 PDF 注释
    5. 拼写检查和语言词典
      1. 检查拼写、自动更正和动态拼写检查
      2. 创建、添加和管理词典和单词
      3. 更改词典首选项
      4. Duden 词典
    6. 添加引用
      1. 创建目录
      2. 脚注
      3. 创建索引
      4. 尾注
      5. 题注
    7. 样式
      1. 段落样式和字符样式
      2. 映射、管理和导出样式
      3. 对象样式
      4. 首字下沉和嵌套样式
      5. 使用样式
      6. 行距
    8. 表
      1. 设置表的格式
      2. 创建表
      3. 表和单元格样式
      4. 选择和编辑表
      5. 表描边和填色
    9. 交互性
      1. 超链接
      2. 动态 PDF 文档
      3. 书签
      4. 按钮
      5. 表单
      6. 动画
      7. 交叉引用
      8. 设置 PDF 结构
      9. 页面过渡效果
      10. 影片和声音
    10. 图形
      1. 了解路径和形状
      2. 使用铅笔工具绘图
      3. 用钢笔工具绘图
      4. 应用线条（描边）设置
      5. 复合路径与形状
      6. 编辑路径
      7. 剪切路径
      8. 更改角点外观
      9. 框架与对象
      10. 对齐和分布对象
      11. 链接和嵌入的图形
      12. 集成 AEM Assets
    11. 颜色和透明度
      1. 应用颜色
      2. 使用导入图形中的颜色
      3. 使用色板
      4. 混合油墨
      5. 色调
      6. 了解专色和印刷色
      7. 混合颜色
      8. 渐变
      9. 拼合透明图稿
      10. 添加透明度效果
  5. 查找和替换
    1. 查找和替换文本
    2. 查找和替换字体
    3. 查找和替换字形
    4. 使用 GREP 表达式和查询进行查找和替换
    5. 查找和替换对象
    6. 查找和替换颜色
    7. 用于查找和替换的搜索选项
  6. 共享
    1. 保存和访问云文档
    2. 整理、管理和共享云文档
    3. 查看和管理云文档中的版本
    4. 有关 InDesign 云文档的常见问题解答
    5. InCopy Web 版 (Beta)
    6. 共享与协作        
    7. 共享以供审阅
    8. 审阅 InDesign 共享文档
    9. 管理反馈
    10. 邀请参与编辑
  7. 导入、导出和发布
    1. 置入、导出和发布
      1. Publish Online
      2. Publish Online 功能板
      3. 复制、插入图形
      4. 导出至 Adobe Expres
      5. 导出 EPUB 内容
      6. Adobe PDF 选项
      7. 导出为 HTML5
      8. 将内容导出为 HTML（旧版）
      9. 导出至 Adobe PDF
      10. 导出为 JPEG 或 PNG 格式
      11. 导入 SVG 文件
      12. 支持的文件格式
      13. 导出和导入用户设置
    2. 打印
      1. 打印小册子
      2. 印刷标记和出血
      3. 打印文档
      4. 油墨、分色和网频
      5. 叠印
      6. 创建 PostScript 和 EPS 文件
      7. 提交前对文件执行印前检查
      8. 打印缩览图和超大文档
      9. 为服务提供商准备 PDF
      10. 准备打印分色
  8. 扩展 InDesign
    1. 自动化
      1. 数据合并
      2. 增效工具
      3. 捕获 InDesign 中的扩展
      4. 脚本
  9. 故障排除
    1. 已修复的问题
    2. 已知问题
    3. 启动时崩溃
    4. 首选项文件夹只读问题
    5. 排除文件问题
    6. 无法将 InDesign 文件导出到 PDF
    7. 恢复 InDesign 文档

了解如何将页面、跨页或所选对象导出为 HTML（旧版）类型。

导出为 HTML 可轻松地将 InDesign 内容转换为可用于 Web 的格式。将内容导出为 HTML 时，可以控制文本和图像的导出方式。通过使用具有相同名称的 CSS 样式类来标记 HTML 内容，InDesign 可保留应用于导出内容的段落、字符、对象、表格以及单元格样式的名称。

导出为 HTML（旧版）

  1. 如果不导出整个文档，则可以选择要导出的文本框架、文本范围、表单元格或图形。

  2. 选择文件 > 导出，然后从保存为类型 (Windows) 或格式 (macOS) 中选择 HTML（旧版）。

  3. 指定 HTML 文档的名称和位置，然后选择保存。

  4. 在 HTML 导出选项对话框中，在常规、图像和高级区域中指定所需的选项，然后选择确定。

由此可创建具有指定名称且扩展名为 .html 的文档（如 newsletter.html）；如果指定，还会在同一位置保存一个 Web 图像子文件夹（如“newsletter-web-images”）。

HTML 导出选项

常规

显示各种选项的“常规”选项卡
常规选项

导出

确定是仅导出所选项目，还是导出整个文档。

  • 如果选择文本框架，则会导出整篇文章（包括溢流文本）。
  • 如果选择文档，则会导出所有跨页的所有页面项目，但未被覆盖的父页面项目和不可见图层上的页面项目除外。XML 标记以及所生成索引和目录也将被忽略。

内容顺序

指定页面对象的阅读顺序。

  • 基于页面布局：页面上项目的位置决定阅读顺序。InDesign 将会按照从左到右，由上至下的顺序进行扫描，以此来确定页面对象的阅读顺序。（仅限亚洲版本）InDesign 会根据文档的装订（从左到右或从右到左）确定页面对象的阅读顺序。
  • 与 XML 结构相同：结构视图中标记的顺序决定阅读顺序。请参阅为页面项目添加标签。
  • 与文章面板相同：文章面板中元素的顺序决定阅读顺序。只导出已选中的文章。

格式选项
  • 项目符号：选择映射到无序列表，将项目符号段落转换为“列表项目”，在 HTML 中使用标记来设置格式。选择“转换为文本”，将使用标签设置格式，其中，将项目符号字符作为文本。如果您已使用本地 InDesign 自动项目符号，则还包含子项目符号。
  • 编号：确定如何在 HTML 文件中转换编号。选择映射到有序列表，将编号列表转换为“列表项目”，在 HTML 中使用标记来设置格式。选择转换为文本，将编号列表转换为若干个作为文本的段落，并以段落的当前编号开始排序。

 

导出后查看 HTML

启动浏览器（如果存在）。

图像

图像选项
图像选项

复制图像

指定将图像导出为 HTML 的方式。

  • 原稿：将原始图像导出到名为“<document_name>-web-images”的子文件夹。
  • 优化：允许您更改设置，以确定导出图像的方式。
  • 链接到服务器路径：可让您输入本地 URL（如“images/”），它将显示在图像文件前（不同于将图像导出到子文件夹）。在 HTML 代码中，链接属性显示指定的路径和扩展名。在您自己将图像转换为 Web 兼容的图像时，该选项特别有效。

保留来自版面的外观（对于图形/媒体对象）

选择以继承来自版面的图像对象属性。

分辨率

指定图像的分辨率，以每英寸像素为单位 (ppi)。数字越大，分辨率越好。虽然操作系统标准化为 72 ppi 或 96 ppi，但移动设备的分辨率范围涵盖 132 ppi (iPad) 到 172 ppi (Sony Reader)，直至超过 300 ppi (iPhone 4)。
您可以为选定的每个对象选择 ppi 值。值包含 72、96、150（目前所有 eBook 设备的平均值）和 300。

图像大小

指定图像大小是必须保持固定，还是相对于页面上的文本调整大小。相对于文本流可以基于相对于 InDesign 页面宽度的文本流，设置相对百分比值。此选项会导致图像相对于阅读区域的宽度，按比例重新缩放。

图像对齐方式和间距

指定图像对齐方式 - 左对齐、居中对齐和右对齐。您还可以指定上边距和下边距。

图像转换

指定是否将文档中的优化图像转换为 GIF、JPEG 或 PNG。如果您希望 InDesign 决定每种情况下使用哪种格式，请选择自动。

GIF 选项
  • 调色板：此选项允许您控制 InDesign 在优化 GIF 文件时如何处理颜色。GIF 格式使用有限制的调色板（不能超过 256 色）。选择随样性（无仿色），可使用图形中的代表性颜色样本来创建调色板，而不使用任何仿色（即混合少量专色来模拟更多颜色）。选择 Web，可创建作为 Windows 和 macOS 系统颜色子集的 Web 安全颜色的调色板。选择系统 (Win) 或系统 (Mac)，以使用内置系统调色板创建调色板。此选项可能导致意外结果。
  • 隔行扫描：通过填充缺失行来逐渐加载图像。如果取消选择此选项，图像在达到全分辨率的过程会显得模糊并逐渐锐化。

JPEG 选项
  • 图像质量：在创建的每个 JPEG 图像的压缩（用于较小的文件大小）和图像质量之间做出权衡。“低”会生成最小的文件和最低的图像质量。
  • 格式方法：指定在浏览器中打开包含图像的文件时，JPEG 图像显示的速度有多快。选择逐行扫描，使 JPEG 图像随着下载的进程逐渐显示，并在细节方面逐渐丰富。选择基线可在下载完每个 JPEG 文件后才显示该文件。在其位置会显示一个占位符，直到该文件下载完为止。

忽略对象导出设置

忽略在单个图像上应用的对象导出选项。请参见应用对象导出选项。

高级

高级选项
高级选项

不在 HTML 中包含类

如果您不想在 HTML 中包含类，可选择此选项。导出 HTML 期间，该选项可从标签中删除事先存在的 class 和 id 属性。另外，该选项还将删除 HTML 中任何多余的 div 标签。

在 HTML 中包含类

选择此选项可在 HTML 中包含类。

  • 生成 CSS：指定您是否希望 InDesign 为导出的文件生成 CSS。
  • 保留本地优先选项：包括类似斜体或粗体这样的本地格式。

添加样式表

指定现有 CSS 样式表的 URL，它通常是一个相对 URL，例如“/styles/style.css”。InDesign 不检查 CSS 是否存在或有效。

JavaScript 选项

打开 HTML 页面时，选择添加脚本来运行 JavaScript。InDesign 不检查 JavaScript 是否存在或有效。

InDesign 导出

InDesign 导出所有文章、链接图形和嵌入图形、SWF 影片文件、脚注、文本变量（作为文本）、项目符号列表和编号列表、内部交叉引用以及跳转到文本或网页的超链接。还可以将表格导出到 HTML。InDesign 可以保留表格的格式，例如表格和单元格描边。每个表格都被分配了唯一的 ID，因此可以在 Dreamweaver 中将表格作为 Spry 数据集进行引用。置入的音频和 h.264 视频文件被包在 HTML5 <audio> 和 <video> 标签中。InDesign 还可以导出您绘制的对象（例如矩形、椭圆形和多边形）、粘贴的对象（包括粘贴的 Illustrator 图像）和转换为轮廓的文本。

InDesign 无法导出

InDesign 不导出超链接（指向网页的链接、对文本应用的跳至同一文档中文本锚点的链接除外）、XML 标签、书籍、书签、SING 字形模板、页面过渡效果、索引标记、粘贴板上未选定且未触及页面的对象，或者主页项目（除非在导出前将其覆盖或选定）。

更多此类内容

导出为 HTML5

Publish Online

有疑问或想法？

咨询社区

如果要提出疑问或分享构思，请加入 Adobe InDesign 社区。我们很乐意倾听您的心声并欣赏您的创意作品。

更快、更轻松地获得帮助

新用户？

快速链接

查看您的所有计划 管理您的计划
查看快速链接
隐藏快速链接

法律声明    |    在线隐私政策