选择文件 > 导出。
了解如何在 Adobe InDesign 中将页面、跨页或选定对象导出为 HTML5 格式。
将 InDesign 文档导出为 HTML5 可确保跨平台兼容性,并支持丰富的交互式内容、增强的用户参与、改进的无障碍性、更好的搜索引擎优化以及更快的网页性能。您还可以控制文本在 web 中的导出方式。
在保存类型 (Windows) 或格式 (macOS) 中选择 HTML5。
选择使用 InDesign 文档名称作为输出文件名,以保持文件名不变,然后选择保存。
在导出 HTML5 包对话框中选择 HTML 文本标记或 HTML SVG 标记选项。
选择复制字体(从 Adobe Fonts 添加的字体除外)选项以包含字体。
选择导出选项以生成 HTML5 包。
解决 HTML5 渲染问题的快速修复
- 如果您使用了 HTML 文本标签选项,请确保在导出期间选择复制字体选项。
- 如果选择了复制字体选项,请检查问题是否仍然是由缺少的字体导致的。 尝试 HTML SVG 标签选项,以确认是否是字体问题。
- 如果确实是字体问题,并且您的 HTML SVG 标签选项看起来不错,请检查是否已导出您在 InDesign 文档中使用的字体,并将其放置在包的字体文件夹中。 否则,您可能需要手动复制字体并将其放入该文件夹中。
- 如果在放置字体后问题仍然存在,请与客户支持团队联系。
- 在网站上使用字体必须符合字体许可条款。 网站的自托管字体可能需要单独的许可证。
- 由于字体设计公司施加的限制,某些字体可能无法复制到包文件夹。 如有其他垂询事宜,请联系 sharewithID@adobe.com。
HTML5 包与 HTML(旧版)之间的区别
HTML5 包从一开始的目标就是在输出 HTML5 中模仿 InDesign 文件的布局。 另一方面,HTML(旧版)是一种从 InDesign 文件自下而上创建 HTML 的方法,它与原始文件的布局相似性有限。
现在,此功能不仅支持通过 InDesign 应用程序 UI 将文档导出为 HTML5,还支持使用 VBScript、ExtendScript 和 AppleScript 进行导出。 这些脚本环境触发与 HTML5 导出选项相同的导出操作。 这使团队能够在 Windows、macOS 或跨平台工作流中自动生成 HTML5 输出。
InDesign 不包含或提供任何脚本。 您可以创建自己的脚本来使用此工作流。
已知问题
- 文本的投影、模糊等效果 无法正确导出。
解决方法:选择 HTML SVG 标签而不是 HTML 文本标签来导出文本。