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

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

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

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

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

  1. Если экспортируется не весь документ, выделите текстовые фреймы, диапазон текста, ячейки таблицы или графические объекты, которые необходимо экспортировать.
  2. Выберите «Файл» > «Экспорт», затем выберите «HTML» в списке «Тип файла» в диалоговом окне Сохранить как.
  3. Укажите имя и папку для HTML-документа, нажмите кнопку «Сохранить».
  4. В диалоговом окне «Параметры экспорта HTML» задайте необходимые параметры в разделах «Основные», «Изображение» и «Дополнительные», затем нажмите кнопку «OK».

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

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

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

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

В области «Общие» представлены следующие параметры.

Экспорт

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

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

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

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

На основе макета страницы

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

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

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

Как структура XML

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

Как на палитре «Статьи»

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

Поле

Укажите простые поля в Ems (ширина буквы шрифта) или в пикселах. Для совместимости с несколькими экранами рекомендуется указывать поля в Ems. Одинаковое значение применяется ко всем полям: сверху, снизу, слева и справа.

Маркеры

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

Числа

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

Связать с упорядоченными списками

Преобразует нумерованные списки в элементы списка, форматированные в HTML с помощью тега <ol>.

Связать со статичными упорядоченными списками

Нумерованные списки преобразуются в элементы списка, но им дополнительно присваивается атрибут <value>, основанный на текущем номере абзаца в InDesign.

Преобразовать в текст

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

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

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

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

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

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

Исходное

Экспортируется исходное изображение в подпапку «<имя_документа>-web-images». Если выбран этот параметр, все остальные параметры недоступны.

Оптимизированное

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

Связать с путем на сервере

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

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

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

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

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

Pазмер изображения

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

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

Укажите выравнивание изображения (по левому краю, по центру, по правому краю), а также интервал (до и после).

Применять настройки к привязанным объектам

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

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

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

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

Если оптимизируются GIF-файлы, можно управлять обработкой цветов в программе InDesign. Для формата GIF используется ограниченная цветовая палитра (не более 256 цветов).

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

Выберите параметр «Чересстрочно» для постепенной загрузки изображений путем последовательного заполнения строк. Если этот параметр не выбран, изображение сначала выглядит размытым и становится более четким в процессе загрузки.

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

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

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

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

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

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

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

В области «Дополнительные» задаются параметры CSS и JavaScript.

Параметры CSS

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

Встроенные CSS

При экспорте в формат XHTML можно создать список стилей CSS, который будет отображаться в разделе «Head» HTML-файла с объявлениями (атрибутами).

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

Если выбран параметр «Сохранить локальную настройку», локальное форматирование (например, жирный шрифт и курсив) будет сохранено.

Без CSS

Если выбран этот параметр, раздел CSS в HTML-файле будет отсутствовать.

Внешние CSS (CS5.5)

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

Дополнительные CSS (CS6)

Укажите CSS при помощи кнопки «Добавить таблицу стилей...».

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

Выберите параметр «Связать с внешним кодом JavaScript», чтобы при открытии HTML-страницы выполнялся сценарий JavaScript. Задайте URL-адрес сценария JavaScript, обычно это относительный URL-адрес. InDesign не проверяет наличие или действительность сценария JavaScript.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет