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

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

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

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

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