Руководство пользователя Отмена

Экспорт содержимого в HTML5

Узнайте, как экспортировать страницу, разворот или выбранный объект в формат HTML5.

Экспортируйте документы InDesign в формат HTML5, чтобы обеспечить кроссплатформенную совместимость, поддержку многофункционального интерактивного контента, усиленное вовлечение пользователей и улучшенную доступность. При этом также улучшается поисковая оптимизация и производительность веб-страницы. При экспорте содержимого в формат HTML5 можно изменять параметры экспорта текста и изображений.

Экспорт пакета HTML5

  1. Нажмите Файл > Экспорт.

  2. Выберите HTML5 в разделе Сохранить как тип (Windows) или Формат (macOS).

  3. Выберите Использовать имя документа InDesign в качестве имени файла вывода, чтобы присвоить файлу такое же имя, затем нажмите Сохранить.

  4. Выберите Текстовые теги HTML или Теги SVG HTML в зависимости от ваших потребностей в диалоговом окне Экспорт пакета HTML5. Для копирования шрифтов нажмите Копировать шрифты (кроме активированных из Adobe Fonts) . Сюда входят и шрифты CJK.

    Диалоговое окно «Экспорт пакета HTML5»
    Теперь можно экспортировать документы InDesign в виде пакета HTML5.

  5. Нажмите Экспорт.

Экспорт HTML5: применяются ключевые свойства из диалогового окна «Публикация онлайн» 

Название

Значение используется в качестве имени экспортируемой папки.

Описание

Не экспортируется.

Страницы

Определены в диалоговом окне Публикация онлайн. Включаются все страницы, если экспорт осуществляется непосредственно из Файл > Экспорт > HTML5.

Экспортировать как

  • Страница: каждая страница экспортируется как отдельный файл HTML, связанный с основным файлом index.html.
  • Разворот: каждый разворот экспортируется как отдельный файл HTML, связанный с основным файлом index.html.

Включить защиту паролем

Не применимо.

Миниатюра обложки

Миниатюры включаются в пакет HTML5.

Параметры изображения

Применяются параметры из диалогового окна «Публикация онлайн».

Загрузить настройки PDF

Не применимо.

Другие настройки

Не применимо.

Google Аналитика

Если тег Google Аналитики включен в диалоговое окно «Публикация онлайн», он будет добавлен в файл index.html при экспорте HTML5. При размещении страниц на своем веб-сайте обязательно получите согласие пользователя с помощью баннера о файлах cookie, если это необходимо.

Быстрая коррекция проблем рендеринга HTML5

  • В случае использования параметра Текстовые теги HTML обязательно выберите параметр Копировать шрифты во время экспорта.
  • Если выбран параметр Копировать шрифты, проверьте, вызвана ли проблема по-прежнему отсутствием шрифта. Попробуйте выбрать параметр Теги SVG HTML, чтобы убедиться, что проблема связана со шрифтом.
  • Если проблема действительно связана со шрифтом, и при выборе параметра Теги SVG HTML файл выглядит отлично, проверьте, экспортируются ли шрифты, которые вы использовали в документе InDesign, и помещены ли они в папку шрифтов пакета. Если нет, придется скопировать и поместить шрифты в папку вручную. 
  • Если после установки шрифтов проблема не устранена, обратитесь в службу поддержки клиентов.
Примечание.

Использование шрифтов на веб-сайте должно соответствовать условиям вашей лицензии. Для собственного размещение шрифтов на веб-сайте может потребоваться отдельная лицензия.

Разница между пакетом HTML5 и HTML (ранние версии)

Пакет HTML5 призван имитировать макет файла InDesign в получаемом HTML5 с самого начала. В свою очередь, HTML (ранние версии) — это подход «снизу вверх» к созданию HTML из файла InDesign, где макет имеет ограниченное сходство с исходным файлом.

Известные проблемы

  • Такие эффекты, как тень, размытие и прочие, для текста экспортируются неправильно.

Временное решение. Выберите Теги SVG HTML вместо Текстовые теги HTML для экспорта текста.

Связанные материалы

У вас есть вопросы или идеи?

Задайте вопрос сообществу

Если у вас есть вопросы или идеи, присоединяйтесь к беседе в Сообществе Adobe InDesign. Мы будем рады услышать ваши идеи и увидеть ваши работы.

Получайте помощь быстрее и проще

Новый пользователь?