Экспорт содержимого в формат HTML | CS6 и CS5.5

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

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

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

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

В диалоговом окне «Параметры экспорта 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Связанные материалы

Создавайте и публикуйте электронные книги, брошюры, листовки, открытки, плакаты, интерактивные макеты страниц и многое другое с помощью Adobe InDesign.