将内容导出为 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 的文档(如 newsletter.html);如果指定,还会在同一位置存储一个 Web 图像子文件夹(如“newsletter-web-images”)。
导出:
确定是仅导出所选项目,还是导出整个文档。如果选择文本框架,则会导出包含溢流文本的整篇文章。
如果选择“文档”,则将导出所有跨页的所有页面项目,只有仍未覆盖的主页项目以及不可见图层上的页面项目除外。XML 标签以及所生成索引和目录也将被忽略。
基于页面布局:页面上的项目位置决定阅读顺序。
如果选中了“基于页面布局”,InDesign 将会按照从左到右,由上至下的顺序进行扫描,以此来确定页面对象的阅读顺序。在某些情况下,尤其是在复杂的多栏文档中,设计元素有时可能无法按照所需的读取顺序显示。使用 Dreamweaver 重新排列内容和为其设置格式。
(仅限亚洲版本)如果选中了“基于页面布局”,InDesign 则会根据文档的装订(从左到右或从右到左)确定页面对象的阅读顺序。
与 XML 结构相同:如果选中了“与 XML 结构相同”,那么“XML 结构”面板将控制导出内容的顺序以及导出的内容。如果已经为内容添加了标签,那么只需在“XML 结构”面板中拖动这些标签,即可设置“XHTML 导出”顺序。如果内容尚未添加标签,可以从“XML 结构”面板菜单中选取“添加未标记的项目”,以生成可重新排序的标签。如果要在导出期间排除某个项目,只需在“XML 结构”面板中删除该标签即可。(删除某个标签并不会删除 INDD 文件中的内容。)请参阅为页面项目添加标签。
与文章面板相同:“文章”面板中的元素顺序决定阅读顺序。只导出已选中的文章。请参阅包含用于导出的文章。
项目符号:选择“映射到无序列表”,可将项目符号段落转换为“列表项目”,在 HTML 中通过标签来设置格式。选择“转换为文本”,可采取下面的方式设置格式:将标签和项目符号字符作为文本。如果您已使用本地 InDesign 自动项目符号,则还包含子项目符号。
链接到服务器路径:不同于将图像导出到子文件夹,该选项可允许您输入本地 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 选项(格式方法):
确定在 Web 上打开包含图像的文件时,JPEG 图像显示的速度有多快。选择“连续”,使 JPEG 图像随着下载的进程逐渐显示,并在细节方面逐渐丰富。(通过此选项创建的文件要稍微大一些,并且需要更多 RAM 用于查看。)选择“基线”,在下载每个 JPEG 文件后才显示该文件;在其位置会显示一个占位符,直到该文件显示为止。
使用“高级”区域,可设置 CSS 和 JavaScript 选项。级联样式表 (CSS) 是一组可控制网页中内容显示的格式规则。当您使用 CSS 设置页面格式时,可将内容与演示文稿分开。页面内容(即 HTML 代码)驻留在 HTML 文件本身中;而定义代码演示文稿的 CSS 规则则驻留在另一文件(外部样式表)或 HTML 文档(通常在标题部分)中。例如,可以为选定文本指定不同字体大小,而且可使用 CSS 控制网页中块级元素的格式和位置。
不在 HTML 中包含类:
如果您不想在 HTML 中包含类,可选择此选项。导出 HTML 期间,该选项可从标签中删除事先存在的 class 和 id 属性。另外,该选项还将删除 HTML 中任何多余的 div 标签。