Посібник користувача Скасувати

Експорт вмісту у форматі HTML5

Дізнайтеся, як експортувати сторінку, розворот або вибраний об’єкт у формат HTML5.

Експортуйте документ InDesign в HTML5, щоб забезпечити міжплатформенну сумісність і підтримку багатого інтерактивного вмісту, покращеного залучення користувачів і доступності. Це також покращує ефективність пошуку та продуктивність вебсторінки. Під час експорту вмісту в HTML5 можна контролювати експорт тексту.

Експорт у пакет HTML5

  1. Натисніть Файл > Експортувати.

  2. Виберіть HTML5 у списку Зберегти як тип (Windows) або Формат (macOS).

  3. Виберіть Використовувати ім’я документа InDesign як вихідне ім’я файлу, якщо хочете, щоб файл мав таке саме ім’я, і натисніть Зберегти.

  4. Виберіть теги тексту HTML або теги HTML SVG відповідно до ваших вимог у діалоговому вікні Експорт пакета HTML5. Щоб скопіювати шрифти, виберіть  Копіювати шрифти (окрім активованих з Adobe Fonts) . Це включає шрифти китайською, японською чи корейською мовами.

    Діалогове вікно експорту пакета HTML5
    Тепер ви можете експортувати свій документ InDesign як пакет HTML5.

  5. Виберіть Експорт.

Експорт HTML5: ключові властивості, застосовані з діалогового вікна Publish Online 

Заголовок

Це значення використовуватиметься як ім’я експортованої папки.

Опис

Не експортовано.

Сторінки

Визначається в діалоговому вікні Publish Online. Усі сторінки буде включено, якщо експортувати безпосередньо з розділу Файл > Експорт > HTML5.

Експортувати як

  • Окремо: кожна сторінка експортується як окремий файл HTML, кожен із яких пов’язаний з основним index.html.
  • Розворот: кожен розворот експортується як окремий файл HTML, пов’язаний з основним index.html.

Увімкнення захисту паролем

Не застосовується.

Мініатюра обкладинки

Мініатюри включені в пакет HTML5.

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

Буде застосовано налаштування з діалогового вікна Publish Online.

Завантаження налаштувань PDF

Не застосовується.

Більше налаштувань

Не застосовується.

Google Analytics

Якщо тег Google Analytics включено в діалогове вікно Publish Online, його буде додано до файлу index.html під час експорту HTML5. Розміщуючи сторінки на своєму вебсайті, переконайтеся, що ви отримали згоду користувача через банер файлів cookie, якщо це потрібно.

Швидкі способи вирішення проблем із відображенням HTML5

  • Якщо ви використовували параметр Текстові теги HTML, переконайтеся, що під час експорту вибрано параметр Копіювати шрифти.
  • Якщо ви вибрали параметр Копіювати шрифти, перевірте, чи проблема все ще виникає через відсутність шрифту. Спробуйте використати параметр Теги HTML SVG, щоб перевірити, чи пов’язана проблема зі шрифтом.
  • Якщо проблема дійсно пов’язана зі шрифтом і параметр Теги HTML SVG видає чудові результати, перевірте, чи експортовано та розміщено в папці шрифтів пакета шрифти, які ви використали в документі InDesign. Якщо ні, можливо, вам доведеться скопіювати та розмістити шрифти в папці вручну. 
  • Якщо після розміщення шрифтів проблема не зникає, зверніться до служби підтримки користувачів.
Примітка.

Використання шрифтів на вебсайті має відповідати умовам вашої ліцензії на використання шрифтів. Шрифти самостійного розміщення для вебсайту можуть потребувати окремої ліцензії.

Різниця між пакетом HTML5 та HTML (Legacy)

Пакет HTML5 прагне імітувати макет файлу InDesign у вихідному HTML5 із самого початку. З іншого боку, HTML (Legacy) – це висхідний підхід до створення HTML із файлу InDesign. Він має обмежену схожість макета з вихідним файлом.

Відомі проблеми

  • Ефекти, як-от тінь, розмиття тощо для тексту не експортуються належним чином.

Обхідний шлях: виберіть параметр Тег HTML SVG замість параметру Теги HTML для експорту тексту.

Статті на пов’язані теми

Маєте запитання чи ідею?

Запитайте у спільноти

Якщо у вас є запитання або ви хочете поділитися ідеєю, беріть участь в обговореннях Спільноти Adobe InDesign. Ми будемо раді почути ваші думки й побачити ваші роботи.

Отримуйте допомогу швидше й простіше

Новий користувач?