Руководство пользователя Отмена

Экспорт содержимого в формат HTML

  1. Руководство пользователя InDesign
  2. Основы работы с InDesign
    1. Введение в InDesign
      1. Новые возможности InDesign
      2. Системные требования
      3. Общие вопросы
      4. Использование библиотек Creative Cloud
    2. Рабочая среда
      1. Основные сведения о рабочей среде
      2. Панель инструментов
      3. Установка параметров
      4. Рабочая среда «Сенсорное управление»
      5. Комбинации клавиш по умолчанию
      6. Восстановление документа и отмена
      7. Расширение Capture
  3. Создание документов и макетов
    1. Документы и страницы
      1. Создание документов
      2. Работа со страницами-шаблонами
      3. Работа с несколькими документами
      4. Задайте размер страницы, поля или области выпуска
      5. Работа с файлами и шаблонами
      6. Создание файлов книг
      7. Добавление основной нумерации страниц
      8. Нумерация страниц, глав и разделов
      9. Преобразование документов QuarkXPress и PageMaker
      10. Совместное использование содержимого
      11. Основные рабочие процессы с управляемыми файлами
      12. Сохранение документов
    2. Сетки
      1. Сетки
      2. Форматирование сеток
    3. Средства создания макетов
      1. Линейки
  4. Добавить содержимое
    1. Текст
      1. Добавление текста к фреймам
      2. Связывание текстовых блоков
      3. Возможности для арабского языка и иврита в InDesign
      4. Создание текста по контуру
      5. Маркеры и нумерация
      6. Глифы и специальные символы
      7. Компоновка текста
      8. Текстовые переменные
      9. Создание QR-кодов
      10. Редактирование текста
      11. Выравнивание текста
      12. Обтекание текста вокруг объектов
      13. Привязанные объекты
      14. Связанное содержимое
      15. Форматирование абзацев
      16. Форматирование символов
      17. Найти/заменить
      18. Проверка орфографии и языковые словари
    2. Типографика
      1. Использование шрифтов в InDesign
      2. Кернинг и трекинг
    3. Форматирование текста
      1. Форматирование текста
      2. Табуляторы и отступы
    4. Рецензирование текста
      1. Отслеживание и просмотр изменений
      2. Добавление редакционных примечаний в InDesign
      3. Импорт комментариев файла PDF
    5. Добавление ссылок
      1. Создание оглавления
      2. Сноски
      3. Создание указателя
      4. Концевые сноски
      5. Подписи
    6. Стили
      1. Стили абзацев и символов
      2. Стили объектов
      3. Буквицы и вложенные стили
      4. Работа со стилями
      5. Интерлиньяж
    7. Таблицы
      1. Форматирование таблиц
      2. Создание таблиц
      3. Стили таблиц и ячеек
      4. Выделение и редактирование таблиц
      5. Обводка и заливка таблиц
    8. Интерактивные функции
      1. Гиперссылки
      2. Динамические документы PDF
      3. Закладки
      4. Кнопки
      5. Формы
      6. Анимация
      7. Перекрестные ссылки
      8. Структурирование документов PDF
      9. Переходы страниц
      10. Аудио и видео
      11. Формы
    9. Графические объекты
      1. Знакомство с контурами и фигурами
      2. Рисование с помощью инструмента «Карандаш»
      3. Рисование с помощью инструмента «Перо»
      4. Применение параметров линии (штриха) 
      5. Составные контуры и фигуры
      6. Редактирование контуров
      7. Обтравочные контуры
      8. Изменение параметров угла
      9. Выравнивание и распределение объектов
      10. Связанные и встроенные графические объекты
      11. Интеграция ресурсов AEM
    10. Цвет и прозрачность
      1. Применение цвета
      2. Использование цветов из импортированной графики
      3. Работа с цветовыми образцами
      4. Смешение красок
      5. Оттенки
      6. Знакомство с плашечными и триадными цветами
      7. Наложение цветов
      8. Градиенты
      9. Сведение прозрачного графического объекта
      10. Добавление эффектов прозрачности
  5. Обмен
    1. Общий доступ и совместная работа        
    2. Отправка на редактирование
    3. Проверка опубликованного документа InDesign
    4. Управление отзывами 
  6. Опубликовать
    1. Экспорт и публикация
      1. Публикация в Интернете
      2. Экспорт содержимого в формат EPUB
      3. Параметры Adobe PDF
      4. Экспорт содержимого в формат HTML
      5. Экспорт в формат Adobe PDF
      6. Экспорт в формат JPEG
      7. Экспорт в HTML
      8. Обзор DPS и AEM Mobile
    2. Печать
      1. Печать брошюр
      2. Метки и выпуск за обрез
      3. Печать документов
      4. Краски, цветоделенные формы и линиатура растра
      5. Наложение
      6. Создание PostScript и EPS-файлов
      7. Предпечатная проверка файлов перед отправкой
      8. Печать миниатюр или документов большого формата
      9. Подготовка файлов PDF для поставщиков услуг
      10. Подготовка к печати цветоделенных форм
  7. Расширение InDesign
    1. Автоматизация
      1. Объединение данных
      2. Плагины
      3. Расширение Capture в InDesign
      4. Разработка сценариев
Примечание.

Беспристрастный язык. Мы заменяем неинклюзивный язык в InDesign 2022 (версия 17.0) и далее, чтобы отразить основополагающие ценности Adobe в отношении инклюзивности. Любая ссылка на эталонную страницу (Master page) заменяется ссылкой на страницу-шаблон (Parent page) в наших статьях справки для английского, датского, венгерского, испанского, итальянского, бразильского варианта португальского, португальского и японского языков.

Экспорт в формат HTML — это удобный способ преобразования содержимого InDesign для использования на веб-сайтах. При экспорте содержимого в формат HTML можно изменять параметры экспорта текста и изображений. InDesign сохраняет имена стилей абзацев, символов, объектов, таблиц и ячеек, примененных к экспортируемому содержимому, помечая содержимое HTML с помощью классов CSS с теми же именами. Используя программу Adobe Dreamweaver или любой другой редактор HTML с поддержкой CSS, можно быстро применять форматирование и параметры макета к содержимому.

Что экспортируется

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

Что не экспортируется

В InDesign не экспортируются гиперссылки (кроме ссылок на веб-страницы и ссылок, примененных к тексту, которые перенаправляют на текстовые привязки в том же документе), теги XML, книги, закладки, глифлеты SING, переходы страниц, маркеры указателя, объекты на монтажном столе, которые не выбраны и не расположены на странице, и элементы страницы-шаблона (если они не изменены или выбраны перед экспортом).

Экспорт в формат HTML

  1. Если экспортируется не весь документ, выделите текстовые фреймы, диапазон текста, ячейки таблицы или графические объекты, которые необходимо экспортировать.
  2. Выберите Файл > Экспорт, затем выберите HTML в списке Тип файла.

  3. Укажите имя и местоположение документа HTML, затем нажмите Сохранить.

  4. В диалоговом окне Параметры экспорта HTML задайте требуемые значения параметров в областях Общие, Изображение и Дополнительные, затем нажмите ОК.

Создается документ с заданным именем и расширением .html (например, «newsletter.html»). Там же создается подпапка веб-изображений (например, «newsletter web images»), если это указано пользователем.

Параметры экспорта в HTML

В диалоговом окне «Параметры экспорта HTML» укажите следующие параметры:

Основные

Параметры «Общие»
Параметры «Общие»

Экспорт:

Определяет экспортируемые объекты: только выделенные элементы или весь документ. Если выбран текстовый фрейм, экспортируется весь материал, включая вытесненный текст.

Если выбран параметр «Документ», экспортируются все элементы страниц со всех разворотов, за исключением элементов страницы-шаблона, которые не были переопределены, и элементов страниц на невидимых слоях. XML-теги и сформированные указатели и оглавления также игнорируются.

Порядок расположения содержимого:

Позволяет задать порядок чтения объектов на странице.

На основе макета страницы : порядок чтения определяется на основе положения элементов на странице.

Если выбран параметр «На основе макета страницы», InDesign определяет порядок прочтения путем сканирования объектов страницы слева направо и снизу вверх. В некоторых случаях, особенно в сложных документах с несколькими столбцами, элементы дизайна иногда не отображаются в нужном порядке чтения. Используйте Dreamweaver для реорганизации и форматирования содержимого.

(Только для версий на азиатских языках.) Если выбран режим «На основе макета страницы», объекты страницы считываются в InDesign в том порядке (слева направо или справа налево), который соответствует положению корешка документа.

Сохранить структуру XML: если выбран параметр «Сохранить структуру XML», экспортируемое содержимое и его порядок определяется на палитре «Структура XML». Если содержимое уже размечено тегами, достаточно перетащить их на панель «Структура XML» для указания порядка экспорта в XHTML. Если содержимое еще не размечено, можно выбрать пункт «Добавить элементы без тегов» в меню панели «Структура» и сформировать теги, порядок которых может быть изменен пользователем. Если требуется исключить элемент из набора для экспорта, достаточно удалить тег на панели «Структура XML». (при удалении тега содержимое из файла INDD не удаляется). См. раздел Разметка элементов страницы.

Как на палитре «Статьи»: порядок чтения определяется расположением элементов на палитре «Статьи». Экспортируются только выбранные статьи. См. Включение статей в экспорт.

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

выберите параметры форматирования для оформления маркеров и нумерации.

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

Номера: этот параметр определяет преобразование номеров в файле HTML. При использовании собственных автоматически нумерованных абзацев InDesign внутренние маркированные абзацы также будут включены.

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

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

Показать HTML после экспорта:

Запускается браузер, если есть такая возможность.

Изображение

Параметры «Изображение»
Параметры «Изображение»

Копировать изображения:

Указывается вариант экспорта изображений в формат HTML.

Исходное: экспортируется исходное изображение в подпапку <название_документа>-web-images

Оптимизированные: можно изменить настройки, чтобы определить свойства экспорта изображения.

Связать с путем на сервере: вместо экспорта изображений в подпапку этот параметр позволяет ввести локальный URL-адрес (например, «images/»), подставляемый перед именем файла изображения. В коде HTML атрибут ссылки отображает заданный путь и расширение. Этот параметр особенно эффективен, когда вы сами преобразуете изображения в формат, пригодный для Интернета.

Сохранять оформление, заданное в макете:

установите флажок, чтобы наследовать атрибуты объекта изображения из макета.

Разрешение (ppi):

выберите разрешение изображений в пикселях на дюйм (ppi). Операционные системы имеют стандартное разрешение 72 ppi или 96 ppi, однако мобильные устройства имеют разрешение 132 ppi (iPad), 172 ppi (Sony Reader) и более 300 ppi (iPhone 4). Значение разрешения в пикселях на дюйм можно указать для каждого выбранного объекта. Используемые значения: 72, 96, 150 (среднее значение для всех современных устройств для чтения электронных книг) и 300.

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

укажите, следует ли оставить размер изображения неизменным или изменить его в соответствии с текстом на странице. Относительно заполнения текстом: относительное процентное значение на основе заполнения текстом по отношению к ширине страницы InDesign. При использовании этого параметра масштаб изображения будет пропорционально изменен в соответствии с текстом области чтения.

Интервалы и выравнивание для изображений:

задайте выравнивание изображения: по левому краю, по центру или по правому краю. Можно также задать заполнение сверху и снизу.

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

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

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

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

При выборе варианта Чередование изображения загружаются с последовательным заполнением недостающих строк. Если этот параметр не выбран, изображение сначала выглядит размытым и становится более четким в процессе загрузки.

Параметры JPEG (качество изображения):

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

Параметры JPEG (способ форматирования):

определяет скорость отображения графического объекта JPEG при открытии файла, содержащего изображение, в Интернете. При выборе варианта Прогрессивный изображения JPEG проявляются постепенно и становятся все более детализированными в процессе загрузки. (Файлы, созданные с помощью этого параметра, немного больше по размеру и требуют больше памяти RAM для просмотра.) При выборе варианта Базовый каждый файл JPEG отображается только по завершении загрузки; до отображения файла на его месте расположен заполнитель.

Игнорировать настройки преобразования объекта:

игнорирует параметры экспорта объекта, применимые к отдельным изображениям. См. Применение параметров экспорта объекта.

Дополнительные

Параметры «Дополнительно»
Параметры «Дополнительно»

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

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

выберите этот параметр, чтобы не включать классы в HTML. Атрибуты class и id будут удалены из тега во время экспорта в HTML. Все избыточные теги div в HTML также будут удалены.

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

выберите этот параметр, чтобы включить классы в HTML.

Создать CSS: укажите, требуется ли формирование в InDesign таблицы CSS для экспортируемого файла. Если выбрана команда «Создать CSS», можно также выбрать режим «Сохранить локальные настройки», позволяющий применять локальное форматирование, например, курсив или полужирный шрифт.

Сохранить локальные настройки: включение локального форматирования, например курсива или полужирного шрифта.

Добавить таблицу стилей:

задайте URL-адрес существующей таблицы стилей CSS, обычно это относительный адрес, например «/styles/style.css». В InDesign не выполняется проверка существования и допустимости таблиц CSS. Проверить правильность настройки внешней таблицы CSS можно с помощью Dreamweaver.

Параметры сценария JavaScript:

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

Логотип Adobe

Вход в учетную запись