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

Експорт вмісту в HTML (Legacy)

  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

Дізнайтеся, як експортувати сторінку, розворот чи виділений об’єкт у формат HTML (Legacy).

Експорт в HTML легко перетворює ваш вміст InDesign на вебформат. Під час експорту контенту в HTML можна контролювати експорт тексту та зображень. InDesign зберігає назви стилів абзаців, символів, об’єктів, таблиць і комірок, застосованих до експортованого вмісту, позначаючи контент HTML за допомогою класів стилів CSS із такою самою назвою.

Експорт в HTML (Legacy)

  1. Якщо ви не експортуєте цілий документ, виділіть текстовий кадр, діапазон тексту, клітинки таблиці або графіку, яку бажаєте експортувати.
  2. Натисніть Файл > Експорт і виберіть HTML (Legacy) у розділі Зберегти як тип (Windows) або Формат (macOS).

  3. Укажіть ім’я та місце розташування HTML-документа та натисніть Зберегти.

  4. У діалоговому вікні Параметри експорту HTML укажіть потрібні параметри в розділах Загальне, Зображення та Додатково, а потім натисніть ОК.

Створюється документ із вказаною назвою та розширенням .html (наприклад, «бюлетень.html»); якщо зазначено, у тому самому місці буде записана підтека зображень (наприклад, «бюлетень веб-зображення»).

Параметри експорту в HTML

Загальні

загальна вкладка з різними параметрами
Загальні параметри

Експорт

Визначає, чи експортуватимуться лише виділені елементи чи цілий документ.

  • Якщо вибрано текстовий кадр, експортується весь матеріал разом із витісненим текстом.
  • Якщо виділено Документ, експортуються всі елементи сторінок з усіх розворотів за винятком елементів сторінок-шаблонів, що не були замінені, та елементів сторінок на невидимих шарах. Теги XML і генеровані індекси й таблиці змісту також ігноруються.

Порядок вмісту

Задає порядок читання об’єктів.

  • На основі макета сторінки: порядок читання визначається розташуванням елементів на сторінці. InDesign визначає порядок читання об’єктів на сторінці, виконуючи сканування зліва направо та зверху вниз. (Лише в азіатських версіях.) Програма InDesign визначає порядок читання об’єктів на сторінці залежно від напрямку корінця документа (зліва направо або справа наліво).
  • Скопіювати структуру XML: порядок читання визначається за порядком тегів у поданні структури. Див. Теговані елементи сторінок.
  • Так само, як на панелі «Статті»: порядок читання визначається порядком елементів на панелі Статті. Експортуються лише позначені статті. 

Параметри форматування

  • Маркери: виберіть Перетворити на невпорядковані списки, щоб перетворити абзаци з маркерами на елементи списку, відформатованого в HTML із використанням тегу. Виберіть Перетворити на текст, щоб застосувати форматування за допомогою тегу із символами маркерів у вигляді тексту. Якщо використано вихідні автоматичні маркери InDesign, маркери нижчого рівня також буде включено.
  • Числа: цей пункт визначає, як перетворюються числа в HTML-файлі. Виберіть Перетворити на впорядковані списки, щоб перетворити нумеровані списки на елементи списку, відформатованого в HTML із використанням тегу. Виберіть Перетворити на текст, щоб перетворити нумеровані списки на абзаци, що починаються з поточного номера абзацу у вигляді тексту.

 

Перегляд HTML-файлів після експорту

Запускає браузер, якщо він є.

Зображення

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

Копіювати зображення

Указує, як потрібно експортувати зображення в HTML.

  • Оригінал: експортує оригінальне зображення до вкладеної папки <document_name>-web-images. 
  • Оптимізоване: дає вам змогу змінювати налаштування, щоб визначати, як експортуватиметься зображення.
  • Із посиланням на шлях до сервера: дає змогу ввести локальний URL (як-от images/), що показуватиметься перед назвою файлу зображення, замість експорту зображень до вкладеної папки. У коді HTML атрибут link показує шлях і розширення, що ви встановили. Цей параметр є зокрема ефективним, коли ви самі перетворюєте зображення на вебсумісні зображення.

Зберегти вигляд із макета (для графічних / мультимедійних об’єктів)

Установіть позначку тут, щоб атрибути об’єкта зображення бралися з макета.

Роздільна здатність

Вкажіть роздільну здатність зображень у пікселях на дюйм (ppi). Що більше число, то краща роздільна здатність. У той час як операційні системи мають стандарт 72 або 96 пікселів на дюйм, роздільна здатність мобільних пристроїв може варіюватися від 132 пікселів на дюйм (для iPad) до 172 пікселів на дюйм (для Sony Reader) і понад 300 пікселів на дюйм (для iPhone 4).
Можна вказати значення, що вимірюється в пікселях на дюйм, для кожного вибраного об’єкта. Пропонуються такі значення: 72, 96, 150 (середнє значення для всіх сучасних пристроїв для читання електронних книг) і 300.

Розмір зображення

Указує, чи розмір зображення має лишатися сталим, чи він має змінюватися відносно тексту на сторінці. Відносно компонування тексту встановлює відносне значення у відсотках, виходячи з розміру зображення відносно ширини сторінки InDesign. Якщо вибрати цей параметр, зображення пропорційно масштабуватиметься відносно тексту в області читання.

Вирівнювання зображення та інтервали

Задає метод вирівнювання зображення (за лівим краєм, за центром або за правим краєм). Також можна вказати спосіб вирівнювання за верхнім чи за нижнім краєм.

Перетворення зображення

Виберіть, чи мають оптимізовані зображення в документі перетворюватися на GIF, JPEG або PNG. Виберіть Автоматично, якщо ви хочете, щоб програма InDesign вирішувала, який формат використовувати в кожному екземплярі.

Параметри GIF

  • Палітра: дає вам змогу керувати тим, як InDesign оброблятиме кольори, оптимізуючи GIF-файли. Формат GIF використовує обмежену палітру із щонайбільше 256 кольорів. Виберіть Адаптивна (без згладжування), щоб створити палітру з використанням типових зразків кольорів у графіці без жодного змішування (змішування малих ділянок кольорів для імітування додаткових кольорів). Виберіть Інтернет, щоб створити палітру безпечних кольорів для Інтернету, яка є підмножиною системних кольорів Windows і macOS. Виберіть Системна (Win) або Системна (Mac), щоб створити палітру, використовуючи вбудовану системну палітру кольорів. Вибір цього параметра може призвести до небажаних результатів.
  • Чергувати: завантажуйте зображення поступово, заповнюючи відсутні рядки. Якщо скасувати вибір цього параметра, зображення матиме розмитий вигляд і поступово стане різкішим у міру досягнення повної роздільної здатності.

Параметри JPEG

  • Якість зображення: установлює компроміс між стисненням (для зменшення розміру файлу) і якістю зображення для кожного створеного зображення JPEG. «Низька» дає найменший файл і найнижчу якість зображення.
  • Метод форматування: укажіть, наскільки швидко має відображуватися графіка JPEG, коли файл із зображенням відкривається в браузері. Виберіть Прогресивний, щоб зображення JPEG відображалися поступово і дедалі детальніше в процесі завантаження. Виберіть Стандартний, щоб файл JPEG відображався тільки після завантаження. Доки зображення не завантажиться, відображатиметься заповнювач.

Ігнорувати параметри експорту об’єкта

Параметри експорту об’єкта, застосовані до окремих зображень, ігноруватимуться. Див. Застосування параметрів експорту об'єкта.

Додаткові параметри

Додаткові параметри
Додаткові параметри

Не включати класи в HTML

виберіть цей варіант, якщо ви не хочете включати класи в HTML. Буде видалено атрибути класу та ідентифікатора в тегу під час експорту HTML. Також видаляються всі зайві теги div, наявні в HTML.

Включати класи в HTML

Виберіть цей параметр, щоб включати класи HTML.

  • Генерувати CSS: цей параметр дозволяє визначити, чи слід програмі InDesign створювати CSS-стилі для експортованого файлу.
  • Зберегти локальні зміни: включити локальне форматування, таке як курсив чи жирний шрифт.

Додати аркуш стилів

Укажіть URL наявного аркуша стилю CSS, що зазвичай є відносним URL, наприклад /styles/style.css. Програма InDesign не перевіряє, чи існує цей стиль CSS і чи є він дійсним.

Параметри JavaScript

Виберіть Додати сценарій, щоб запускати певний JavaScript, коли відкривається сторінка HTML. InDesign не перевіряє, чи існує цей сценарій і чи є він дійсним.

InDesign виконує експорт

InDesign експортує всі матеріали, зв’язану та вбудовану графіку, файли фільмів SWF, виноски, текстові змінні (як текст), марковані та нумеровані списки, внутрішні перехресні посилання, гіперпосилання, що переводять на текст чи вебсторінки. Таблиці можна також експортувати в HTML. InDesign зберігає форматування таблиць, такі як обведення таблиць та комірок. Таблицям призначаються унікальні ідентифікатори, отже у Dreamweaver на них буде можливо посилатися як на набори даних Spry. Поміщені аудіо- та відеофайли h.264 в HTML5 відокремлюються тегами <audio> та <video>. InDesign також здійснює експорт намальованих об’єктів (наприклад, прямокутників, еліпсів і багатокутників), вставлених об’єктів (у тому числі зображень із Illustrator) та тексту, перетвореного на контури.

InDesign не виконує експорт

InDesign не здійснює експорт гіперпосилань (за винятком зв’язків із вебсторінками та застосованих до тексту зв’язків, що переходять до прив’язок тексту в тому самому документі); тегів XML; книг; закладок; гліфлетів SING; переходів між сторінками; маркерів індексів; об’єктів на монтажному столі, які не виділено та які не торкаються сторінки; елементів сторінок-шаблонів (якщо це правило стосовно них не скасовується або якщо вони не виділяються перед експортом).

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

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

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

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

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

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