用户指南 取消(C)

将内容导出为 HTML(旧版)

了解如何将页面、跨页或所选对象导出为 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 页面宽度的文本流,设置相对百分比值。此选项会导致图像相对于阅读区域的宽度,按比例重新缩放。

图像对齐方式和间距

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

图像转换

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

GIF 选项

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

JPEG 选项

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

忽略对象导出设置

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

高级

高级选项
高级选项

不在 HTML 中包含类

如果您不想在 HTML 中包含类,可选择此选项。导出 HTML 期间,该选项可从标签中删除事先存在的 classid 属性。另外,该选项还将删除 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 字形模板、页面过渡效果、索引标记、粘贴板上未选定且未触及页面的对象,或者主页项目(除非在导出前将其覆盖或选定)。

更多此类内容

有疑问或想法?

咨询社区

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

更快、更轻松地获得帮助

新用户?