将内容导出为 HTML

  1. InDesign 用户指南
  2. 了解 InDesign
    1. InDesign 简介
      1. InDesign 的新功能
      2. 系统要求
      3. 常见问题
      4. 使用 Creative Cloud 库
    2. 工作区
      1. 工作区基础知识
      2. 工具箱
      3. 设置首选项
      4. 触控工作区
      5. 默认键盘快捷键
      6. 文档恢复和还原
  3. 创建文档和设置文档版面
    1. 文档和页面
      1. 创建文档
      2. 使用主页
      3. 使用文档页面
      4. 设置页面大小、边距和出血
      5. 使用文件和模板
      6. 创建书籍文件
      7. 添加基本页码
      8. 编排页码和章节
      9. 转换 QuarkXPress 和 PageMaker 文档
      10. 共享内容
      11. 了解受管理文件的基本工作流程
      12. 存储文档
    2. 网格
      1. 网格
      2. 制定网格的格式
    3. 版面辅助工具
      1. 文档窗口中的
  4. 添加内容
    1. 文本
      1. 将文本添加到框架
      2. 串接文本
      3. InDesign 中的阿拉伯语和希伯来语功能
      4. 创建路径文字
      5. 项目符号和编号
      6. 字形和特殊字符
      7. 文本排版
      8. 文本变量
      9. 生成二维码
      10. 编辑文本
      11. 对齐文本
      12. 在对象周围绕排文本
      13. 定位对象
      14. 链接的内容
      15. 设置段落格式
      16. 设置字符格式
      17. 查找/更改
      18. 拼写检查和语言词典
    2. 排版规则
      1. 在 InDesign 中使用字体
      2. 字偶间距和字符间距
    3. 设置文本格式
      1. 设置文本格式
      2. 制表符和缩进
    4. 审阅文本
      1. 跟踪和检查更改
      2. 在 InDesign 中添加编辑附注
      3. 导入 PDF 注释
    5. 添加引用
      1. 创建目录
      2. 脚注
      3. 创建索引
      4. 尾注
      5. 题注
    6. 样式
      1. 段落样式和字符样式
      2. 对象样式
      3. 首字下沉和嵌套样式
      4. 使用样式
      5. 行距
      1. 设置表的格式
      2. 创建表
      3. 表和单元格样式
      4. 选择和编辑表
      5. 表描边和填色
    7. 交互性
      1. 超链接
      2. 动态 PDF 文档
      3. 书签
      4. 按钮
      5. 表单
      6. 动画
      7. 交叉引用
      8. 设置 PDF 结构
      9. 页面过渡效果
      10. 影片和声音
      11. 表单
    8. 图形
      1. 了解路径和形状
      2. 使用铅笔工具绘图
      3. 用钢笔工具绘图
      4. 应用线条(描边)设置 
      5. 复合路径与形状
      6. 编辑路径
      7. 剪切路径
      8. 更改角点外观
      9. 对齐和分布对象
      10. 链接和嵌入的图形
      11. 集成 AEM Assets
    9. 颜色和透明度
      1. 应用颜色
      2. 使用导入图形中的颜色
      3. 使用色板
      4. 混合油墨
      5. 色调
      6. 了解专色和印刷色
      7. 混合颜色
      8. 渐变
      9. 拼合透明图稿
      10. 添加透明度效果
  5. 共享
    1. 共享与协作        
    2. 共享以供审阅
    3. 审阅 InDesign 共享文档
    4. 管理反馈 
  6. 发布
    1. 导出和发布
      1. Publish Online
      2. 导出 EPUB 内容
      3. Adobe PDF 选项
      4. 将内容导出为 HTML
      5. 导出至 Adobe PDF
      6. 导出为 JPEG 格式
      7. 导出 HTML
      8. DPS 和 AEM Mobile 概述
    2. 打印
      1. 打印小册子
      2. 印刷标记和出血
      3. 打印文档
      4. 油墨、分色和网频
      5. 叠印
      6. 创建 PostScript 和 EPS 文件
      7. 提交前对文件执行印前检查
      8. 打印缩览图和超大文档
      9. 为服务提供商准备 PDF
      10. 准备打印分色
  7. 扩展 InDesign
    1. 自动化
      1. 数据合并
      2. 增效工具
      3. 脚本

将内容导出为 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 是否存在或有效。

Adobe 徽标

登录到您的帐户