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

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

  1. Посібник користувача InDesign
  2. Ознайомтеся з можливостями InDesign
    1. Основні відомості про InDesign
      1. Що є нового в InDesign
      2. Вимоги до системи
      3. Поширені запитання
      4. Використання Creative Cloud Libraries
    2. Робоче середовище
      1. Основні відомості про робоче середовище
      2. Персоналізація робочого середовища в InDesign
      3. Панель інструментів
      4. Налаштування параметрів
      5. Панель «Властивості»
      6. Робоче середовище, оптимізоване для сенсорного керування
      7. Комбінації клавіш за замовчуванням
      8. Скасування правок і керування панеллю «Історія»
      9. Відновлення документа та скасування дії
    3. Генеративний ШІ
      1. Текст на зображення
      2. Генеративне розширення
      3. Поширені запитання про генеративний ШІ
  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. Гліфи й спеціальні символи
      8. Побудова тексту
      9. Текстові змінні
      10. Генерування QR-кодів
      11. Редагування тексту
      12. Вирівнювання тексту
      13. Обтікання об’єктів текстом
      14. Прив’язані об’єкти
      15. Пов’язаний вміст
      16. Форматування абзаців
      17. Форматування символів
    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. Поширення й співпраця        
    6. Поділитися для перегляду
    7. Перегляд поширених документів InDesign
    8. Керування відгуками 
  7. Публікування
    1. Розміщення, експорт і публікування
      1. Publish Online
      2. Панель Publish Online
      3. Копіювання й вставлення графіки
      4. Експорт вмісту в EPUB
      5. Параметри Adobe PDF
      6. Експорт вмісту в HTML
      7. Експорт до Adobe PDF
      8. Експорт у формат JPEG
      9. Експорт HTML
      10. Огляд DPS і AEM Mobile
      11. Підтримувані формати файлів
      12. Експортування й імпортування параметрів користувача
    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
Примітка.

Неупереджена мова. Починаючи з випуску InDesign 2022 (версія 17.0) і надалі, ми замінюємо неінклюзивну мову для відображення основних цінностей Adobe щодо інклюзивності. Будь-яке згадування головної сторінки буде замінено на термін «сторінка-шаблон» у наших статтях довідки для англійської, данської, угорської, іспанської, італійської, бразильського варіанта португальської, португальської та японської мов. .

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

Що експортується

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

Що не можна експортувати

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

Експорт до HTML

  1. Якщо ви не експортуєте цілий документ, виділіть текстовий кадр, діапазон тексту, клітинки таблиці або графіку, яку бажаєте експортувати.
  2. Виберіть «Файл» > «Експорт...» і оберіть HTML в списку «Тип файлу».

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

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

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

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

У діалоговому вікні HTML вкажіть зазначені далі параметри.

Загальне

Загальні параметри
Загальні параметри

Експорт:

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

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

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

Дає змогу визначати порядок розташування об’єктів сторінки.

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

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

(Лише в азіатських версіях) Якщо вибрано «На основі макета сторінки», програма InDesign визначає порядок читання об’єктів на сторінці залежно від напрямку корінця документа (зліва направо або справа наліво).

Так само, як в XML-структурі: якщо вибрано «Так само, як в XML-структурі», панель структури XML дозволяє керувати впорядкуванням експортованого вмісту та визначати, який саме вміст експортується. Якщо вміст має теги, можна просто перетягнути їх на панель структури XML, установивши порядок експорту XHTML. Якщо вміст не має тегів, у меню панелі структури можна вибрати параметр «Додати елементи без тегів», щоб генерувати теги, порядок яких можна змінити. Якщо включати елемент до експортованого вмісту не потрібно, можна просто вилучити тег за допомогою панелі структури XML. (У разі вилучення тегів вміст із файлу INDD не видаляється.) Див. Теговані елементи сторінок.

Так само, як на панелі «Статті»: порядок читання визначається порядком елементів на панелі «Статті». Експортуються лише позначені статті. Див.Включення статей для експорту.

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

Виберіть параметри форматування маркерів та чисел.

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

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

●  Перетворити на впорядковані списки: перетворює нумеровані списки на елементи списку, відформатовані в HTML із використанням тегу.

●  Перетворити на текст: перетворює нумеровані списки на абзаци, що починаються з поточного номера абзацу у вигляді тексту.

Переглянути HTML після експорту

Запускає переглядач, якщо він є.

Зображення

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

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

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

Оригінал: експортує оригінальне зображення до вкладеної папки <document_name>-web-images

Оптимізоване: дає вам змогу змінювати налаштування, щоб визначати, як експортуватиметься зображення.

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

Зберегти вигляд із макета:

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

Роздільна здатність (ppi):

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

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

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

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

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

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

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

Параметри GIF (Палітра):

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

Активуйте параметр «Черезрядково», щоб прогресивно завантажувати зображення шляхом заповнення відсутніх рядків. Якщо цей параметр не вибрано, зображення має вигляд розмитого і поступово набуває чіткості, досягаючи повної роздільної здатності.

Параметри JPEG (якість зображення):

встановлює компроміс між стисненням (для меншого розміру файлу) і якістю зображення для кожного створеного зображення JPEG. «Низька» дає найменший файл і найнижчу якість зображення.

Параметри JPEG (метод форматування):

визначає, наскільки швидко має показуватися графіка JPEG, коли файл із зображенням відкривається в Інтернеті. Виберіть «Прогресивний», щоб зображення JPEG відображалися поступово, зі збільшенням деталізації, в процесі завантаження. (Файли, створені із цим параметром, значно більші та потребують більше оперативної пам’яті для перегляду.) Виберіть «Базова лінія», щоб кожен JPEG-файл відображався лише після завантаження, а до відтворення файлу на його місці знаходилася позначка-заповнювач.

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

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

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

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

Користуйтеся розділом Додаткові параметри, щоб налаштувати параметри CSS і JavaScript. Каскадні таблиці стилів (CSS) – це набір правил форматування, що визначають вигляд вмісту на веб-сторінці. Коли ви використовуєте CSS для форматування сторінки, ви відділяєте вміст від представлення. Вміст вашої сторінки, код HTML, знаходиться в самому HTML-файлі, тоді як правила CSS, що визначають представлення коду, містяться в іншому файлі (зовнішній таблиці стилів) або всередині HTML-документа (зазвичай у розділі «Head»). Наприклад, ви можете задати інші кеглі для виділеного тексту, і можете використовувати CSS для керування форматом і розміщенням блочних елементів на web-сторінці.

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

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

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

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

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

Зберегти локальні зміни: включити локальне форматування, таке як курсив чи жирний шрифт.

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

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

Параметри JavaScript:

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

 Adobe

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

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

Adobe MAX 2024

Adobe MAX
Конференція, присвячена творчим технологіям

14–16 жовтня, Маямі-Біч та онлайн

Adobe MAX

Конференція, присвячена творчим технологіям

14–16 жовтня, Маямі-Біч та онлайн

Adobe MAX 2024

Adobe MAX
Конференція, присвячена творчим технологіям

14–16 жовтня, Маямі-Біч та онлайн

Adobe MAX

Конференція, присвячена творчим технологіям

14–16 жовтня, Маямі-Біч та онлайн