将内容导出为 HTML 是一种将 InDesign 内容变为适用于 Web 之格式的简单方法。将内容导出为 HTML 时,可以控制文本和图像的导出方式。通过使用具有相同名称的 CSS 样式类来标记 HTML 内容,InDesign 可保留应用于导出内容的段落、字符、对象、表格以及单元格样式的名称。使用 Adobe Dreamweaver 或任何支持 CSS 的 HTML 编辑器,可以迅速将格式和版面应用到内容。

导出内容

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

不导出的内容

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

导出为 HTML

  1. 如果不导出整个文档,则可以选择要导出的文本框架、文本范围、表单元格或图形。
  2. 选择“文件”>“导出”,然后从“存储类型”列表中选择“HTML”。

  3. 指定 HTML 文档的名称和位置,然后单击“存储”。

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

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

HTML 导出选项

在“HTML”对话框中,指定下列选项。

常规

常规选项
常规选项

导出:

确定是仅导出所选项目,还是导出整个文档。如果选择文本框架,则会导出包含溢流文本的整篇文章。

如果选择“文档”,则将导出所有跨页的所有页面项目,只有仍未覆盖的主页项目以及不可见图层上的页面项目除外。XML 标签以及所生成索引和目录也将被忽略。

内容顺序:

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

基于页面布局:页面上的项目位置决定阅读顺序。

如果选中了“基于页面布局”,InDesign 将会按照从左到右,由上至下的顺序进行扫描,以此来确定页面对象的阅读顺序。在某些情况下,尤其是在复杂的多栏文档中,设计元素有时可能无法按照所需的读取顺序显示。使用 Dreamweaver 重新排列内容和为其设置格式。

(仅限亚洲版本)如果选中了“基于页面布局”,InDesign 则会根据文档的装订(从左到右或从右到左)确定页面对象的阅读顺序。

与 XML 结构相同:如果选中了“与 XML 结构相同”,那么“XML 结构”面板将控制导出内容的顺序以及导出的内容。如果已经为内容添加了标签,那么只需在“XML 结构”面板中拖动这些标签,即可设置“XHTML 导出”顺序。如果内容尚未添加标签,可以从“XML 结构”面板菜单中选取“添加未标记的项目”,以生成可重新排序的标签。如果要在导出期间排除某个项目,只需在“XML 结构”面板中删除该标签即可。(删除某个标签并不会删除 INDD 文件中的内容。)请参阅为页面项目添加标签

与文章面板相同:“文章”面板中的元素顺序决定阅读顺序。只导出已选中的文章。请参阅包含用于导出的文章

格式选项:

为项目符号和编号选择格式选项。

项目符号:选择“映射到无序列表”,可将项目符号段落转换为“列表项目”,在 HTML 中通过标签来设置格式。选择“转换为文本”,可采取下面的方式设置格式:将标签和项目符号字符作为文本。如果您已使用本地 InDesign 自动项目符号,则还包含子项目符号。

编号:确定如何在 HTML 文件中转换编号。如果您已使用本地 InDesign 自动编号功能,则还包含子项目符号。

● 映射到有序列表:将编号列表转换为列表项目,在 HTML 中通过标签来设置格式。

● 转换为文本:将编号列表转换为若干个作为文本的段落,并以段落的当前编号开始排序。

导出后查看 HTML:

启动浏览器(如果存在)。

图像

图像选项
图像选项

复制图像:

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

原稿:将原始图像导出到名为“<document_name>-web-images”的子文件夹。选中该选项后,所有其他选项都将变灰。

优化:允许您更改设置,以确定导出图像的方式。

链接到服务器路径:不同于将图像导出到子文件夹,该选项可允许您输入本地 URL(如“images/”),它将显示在图像文件前。在 HTML 代码中,链接属性显示指定的路径和扩展名。在您自己将图像转换为 Web 兼容的图像时,该选项特别有效。

保留版面外观:

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

分辨率 (ppi):

选择图像的分辨率,以每英寸像素 (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 确定每种情况下使用的格式。选择 PNG 可禁用图像压缩设置。使用 PNG 用于无损图像或包含透明度的图像。

GIF 选项(调板):

允许您控制 InDesign 在优化 GIF 文件时如何处理颜色。GIF 格式使用有限制的调色板(不能超过 256 色)。选择“随样性(无仿色)”,可使用图形中的代表性颜色样本来创建调板,而不使用任何仿色(即混合少量专色来模拟更多颜色)。选择“Web”,可创建作为 Windows 和 Mac OS 系统颜色子集的 Web 安全颜色的调板。选择“系统 (Win)”或“系统 (Mac)”,以使用内置系统调色板创建调板。该选项可能会导致意外结果。

选择“交错”,以通过填充丢失行逐步载入图像。如果未选择此选项,图像会显得模糊,并随图像升高到完整的分辨率而逐渐变得清晰。

JPEG 选项(图像质量):

在创建的每个 JPEG 图像的压缩(用于较小的文件大小)和图像质量之间做出权衡。“低”会生成最小的文件和最低的图像质量。

JPEG 选项(格式方法):

确定在 Web 上打开包含图像的文件时,JPEG 图像显示的速度有多快。选择“连续”,使 JPEG 图像随着下载的进程逐渐显示,并在细节方面逐渐丰富。(通过此选项创建的文件要稍微大一些,并且需要更多 RAM 用于查看。)选择“基线”,在下载每个 JPEG 文件后才显示该文件;在其位置会显示一个占位符,直到该文件显示为止。

忽略对象导出设置:

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

高级

高级选项
高级选项

使用“高级”区域,可设置 CSS 和 JavaScript 选项。级联样式表 (CSS) 是一组可控制网页中内容显示的格式规则。当您使用 CSS 设置页面格式时,可将内容与演示文稿分开。页面内容(即 HTML 代码)驻留在 HTML 文件本身中;而定义代码演示文稿的 CSS 规则则驻留在另一文件(外部样式表)或 HTML 文档(通常在标题部分)中。例如,可以为选定文本指定不同字体大小,而且可使用 CSS 控制网页中块级元素的格式和位置。

不在 HTML 中包含类:

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

在 HTML 中包含类:

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

生成 CSS:指定您是否希望 InDesign 为导出的文件生成 CSS。如果您选中了“生成 CSS”选项,那么还可以选中“保留页面优先选项”选项,以包括类似斜体或粗体这样的本地格式。

保留页面优先选项包括类似斜体或粗体这样的本地格式。

添加样式表:

指定现有 CSS 样式表的 URL,它通常是一个相对 URL,例如“/styles/style.css”。InDesign 不检查 CSS 是否存在或有效。您可以使用 Dreamweaver 来确认外部 CSS 设置。

JavaScript 选项:

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

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略