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

Экспорт в формат 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

Создается документ с заданным именем и расширением .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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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