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

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

  1. Посібник користувача InDesign
  2. Ознайомтеся з можливостями InDesign
    1. Основні відомості про InDesign
      1. Що є нового в InDesign
      2. Вимоги до системи
      3. Поширені запитання
      4. Використання Creative Cloud Libraries
    2. Робоче середовище
      1. Основні відомості про робоче середовище
      2. Контекстна панель завдань
      3. Персоналізація робочого середовища в InDesign
      4. Панель інструментів
      5. Налаштування параметрів
      6. Панель «Властивості»
      7. Робоче середовище, оптимізоване для сенсорного керування
      8. Комбінації клавіш за замовчуванням
      9. Скасування правок і керування панеллю «Історія»
      10. Відновлення документа та скасування дії
    3. Генеративний ШІ (недоступно в континентальному Китаї)
      1. Текст на зображення
      2. Генеративне розширення
      3. Створення ефекту в InDesign (Beta)
      4. Поширені запитання про генеративний ШІ
  3. Створення та макетування документів
    1. Документи та сторінки
      1. Створення документів
      2. Робота зі сторінками-шаблонами
      3. Робота зі сторінками документа
      4. Визначення розміру сторінки, полів і дообрізного формату
      5. Робота з файлами й шаблонами
      6. Перетворення файлів PDF у файли InDesign в InDesign (бета-версія)
      7. Створення файлів книг
      8. Додавання базової нумерації сторінок
      9. Нумерація сторінок, глав і розділів
      10. Перетворення документів QuarkXPress і PageMaker
      11. Надання доступу до вмісту
      12. Основні відомості про базовий робочий процес керування файлом
      13. Збереження документів
    2. Сітки
      1. Сітки
      2. Форматування сіток
    3. Засоби створення макетів
      1. Лінійки
      2. Вирівнювання та розповсюдження об’єктів за допомогою лінійок
      3. Вимірювання об’єктів за допомогою інструмента «Лінійка»
  4. Додавання вмісту
    1. Текст
      1. Додавання тексту до кадрів
      2. Зв’язування текстових кадрів
      3. Набори символів Південно-Східної Азії
      4. Програми-компонувальники Adobe в InDesign
      5. Створення тексту за контуром
      6. Маркери та нумерація
      7. Вставка коду MathML для створення математичних виразів
      8. Гліфи й спеціальні символи
      9. Побудова тексту
      10. Текстові змінні
      11. Генерування QR-кодів
      12. Редагування тексту
      13. Вирівнювання тексту
      14. Обтікання об’єктів текстом
      15. Прив’язані об’єкти
      16. Пов’язаний вміст
      17. Форматування абзаців
      18. Форматування символів
    2. Типографіка
      1. Використання шрифтів у InDesign
      2. Кернінг і трекінг
      3. Масштабування та нахил тексту
      4. Застосування ефектів кольору до тексту
    3. Форматування тексту
      1. Форматування тексту
      2. Автостилізація тексту
      3. Робота з пакетами стилів
      4. Вкладки та відступи
    4. Рецензування тексту
      1. Відстеження та перегляд змін
      2. Додавання редакторських приміток в InDesign
      3. Імпорт коментарів із PDF-файлу
    5. Перевірка правопису та мовні словники
      1. Перевірка правопису, автоматичне виправлення помилок і динамічна перевірка правопису
      2. Створення та додавання словників і слів, а також керування ними
      3. Змінення параметрів словника
      4. Словник Duden
    6. Додавання посилань
      1. Створення змісту
      2. Виноски
      3. Створення індексу
      4. Кінцеві виноски
      5. Підписи
    7. Стилі
      1. Стилі абзаців і символів
      2. Призначення й експорт стилів і керування ними
      3. Стилі об’єкта
      4. Буквиці та вкладені стилі
      5. Робота зі стилями
      6. Інтерліньяж
    8. Таблиці
      1. Форматування таблиць
      2. Створення таблиць
      3. Стилі таблиць і комірок
      4. Виділення та зміна таблиць
      5. Обведення та заливки таблиці
    9. Інтерактивність
      1. Гіперпосилання
      2. Динамічні PDF-документи
      3. Закладки
      4. Кнопки
      5. Форми
      6. Анімація
      7. Перехресні посилання
      8. Структурування файлів PDF
      9. Переходи між сторінками
      10. Фільми та звуки
    10. Графіка
      1. Основні відомості про контури й фігури
      2. Малювання інструментом «Олівець»
      3. Малювання інструментом «Перо»
      4. Застосування параметрів лінії (обведення) 
      5. Складені контури і фігури
      6. Редагування контурів
      7. Відсічні контури
      8. Зміна вигляду кута
      9. Рамки й об’єкти
      10. Вирівнювання та розподілення об’єктів
      11. Зв’язана та вбудована графіка
      12. Інтеграція AEM Assets
    11. Колір і прозорість
      1. Застосування кольору
      2. Використання кольорів з імпортованої графіки
      3. Робота зі зразками
      4. Змішування фарб
      5. Відтінки
      6. Визначення плашкових і тріадних кольорів
      7. Сполучені кольори
      8. Градієнти
      9. Зведення прозорої ілюстрації
      10. Додавання ефектів прозорості
  5. Пошук і заміна
    1. Пошук і заміна тексту
    2. Пошук і заміна шрифтів
    3. Пошук і заміна гліфів
    4. Пошук і заміна за допомогою виразів і запитів GREP
    5. Пошук і заміна об’єктів
    6. Пошук і заміна кольорів
    7. Параметри пошуку для виявлення та заміни
  6. Поширення
    1. Збереження хмарних документів і доступ до них
    2. Упорядкування хмарних документів, керування ними й спільний доступ до них
    3. Перегляд версій хмарних документів і керування ними
    4. Поширені запитання про хмарні документи InDesign
    5. InCopy для браузера (Beta)
    6. Поширення й співпраця        
    7. Поділитися для перегляду
    8. Перегляд поширених документів InDesign
    9. Керування відгуками
    10. Запрошення до редагування
  7. Експорт, імпорт і публікування
    1. Розміщення, експорт і публікування
      1. Publish Online
      2. Панель Publish Online
      3. Копіювання та вставлення графіки
      4. Експорт в Adobe Express
      5. Експорт вмісту в EPUB
      6. Параметри Adobe PDF
      7. Експорт у HTML5
      8. Експорт вмісту в HTML (застаріло)
      9. Експорт в Adobe PDF
      10. Експорт у формат JPEG або PNG
      11. Імпорт SVG-файлів
      12. Підтримувані формати файлів
      13. Експортування й імпортування параметрів користувача
    2. Друк
      1. Друк брошур
      2. Позначки і дообрізний формат принтера
      3. Друк документів
      4. Фарби, кольороподіл і частота оновлення екрана
      5. Накладання
      6. Створення файлів PostScript і EPS
      7. Перевірка файлів перед друком
      8. Друк мініатюр і документів великого розміру
      9. Підготовка PDF-файлів для постачальників послуг
      10. Підготовка до кольороподілу
  8. Розширення InDesign
    1. Автоматизація
      1. Злиття даних
      2. Зовнішні модулі
      3. Розширення Capture в InDesign
      4. Підготовка сценаріїв
  9. Пошук та усунення несправностей
    1. Виправлені помилки
    2. Відомі проблеми
    3. Аварійне завершення роботи під час запуску
    4. Помилка «Лише для читання» папки «Уподобання»
    5. Усунення проблем із файлом
    6. Неможливо експортувати файл InDesign у формат PDF.
    7. Відновлення документів InDesign

Дізнайтеся, як експортувати сторінку, розворот або вибраний об’єкт у формат 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. Ми будемо раді почути ваші думки й побачити ваші роботи.

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

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