Настройки вывода «Сохранение для веб-страниц»

Настройка параметров вывода

Настройки вывода позволяют управлять форматированием HTML-файлов, присвоением имен файлам и фрагментам, а также обработкой фоновых изображений при сохранении оптимизированного изображения. Эти параметры определяются в диалоговом окне «Настройки вывода».

Настройки вывода можно сохранять и применять к другим файлам.

  1. Чтобы открыть диалоговое окно «Настройки вывода», выполните одно из следующих действий.

    • При сохранении оптимизированного изображения в диалоговом окне Сохранить оптимизированный или «Сохранить оптимизированный как» в раскрывающемся меню «Настройки» выберите пункт «Другое».

    • В диалоговом окне «Сохранить для Web и устройств» во всплывающем меню «Оптимизировать» (справа от меню «Набор параметров») выберите пункт Изменить настройки вывода.

  2. (Необязательно) Для отображения предопределенных параметров вывода выберите параметр в раскрывающемся меню «Настройки».

  3. Измените требуемым образом всю группу настроек. Чтобы переключиться к другому набору параметров, укажите его в раскрывающемся меню, расположенном под меню «Настройки». Второй способ: нажмите кнопку «Следующий», чтобы отобразить следующий набор в списке меню или «Предыдущий» для отображения предыдущего набора.

  4. (Необязательно) Чтобы сохранить настройки вывода, выберите нужные параметры и нажмите кнопку «Сохранить». Введите имя файла, укажите расположение для сохранения и нажмите кнопку «Сохранить».

    Настройки вывода можно сохранить в любом месте. Однако если поместить файл в папку «Оптимизированные настройки вывода» в папке Animate, файл будет отображаться в меню «Настройки».

  5. (Необязательно) Чтобы загрузить настройки вывода, нажмите кнопку «Загрузить», выберите нужный файл и нажмите кнопку «Открыть».

Параметры вывода HTML

В группе «HTML» можно настроить следующие параметры.

Вывод XHTML

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

Регистр тегов

Задает регистр тегов.

Регистр атрибутов

Задает регистр атрибутов.

Отступ

Определяет способ создания отступов в строках кода: согласно параметрам табуляции исходного приложения, на заданное количество пробелов или без отступов.

Окончание строк

Задается платформа для совместимости конца строки.

Кодировка

Задает кодировку по умолчанию для веб-страницы. (Этот параметр доступен только внутрь Illustrator; Photoshop всегда использует кодировку UTF-8.)

Включить комментарии

В HTML-код добавляются пояснительные комментарии.

Всегда добавлять теги Alt

К элементам IMG добавляется атрибут ALT, что обеспечивает соответствие правительственным стандартам расширенного доступа Web.

Атрибуты всегда в кавычках

Все атрибуты тегов заключаются в кавычки. Заключение атрибутов в кавычки требуется для совместимости с некоторыми браузерами старых версий и для строгого соответствия с HTML. Тем не менее, постоянно использовать кавычки для атрибутов не рекомендуется. Если этот параметр отключен, то кавычки используются при необходимости для совместимости с большинством браузеров.

Закрыть все теги

Добавляет закрывающие теги ко всем HTML-элементам в файле для соответствия стандарту XHTML.

Включить нулевые поля в основной тег

Внутренние поля по умолчанию удаляются в окне браузера. В основной тег добавляются теги «marginwidth», «marginheight», «leftmargin» и «topmargin» с нулевым значением.

Параметры вывода слоев

В группе «Фрагменты» можно настроить следующие параметры.

Создать таблицу

Фрагменты выравниваются с помощью HTML-таблицы, а не каскадной таблицы стилей.

Пустые ячейки

Определяет способ преобразования пустых слоев в ячейки таблицы. Выберите «GIF, IMG W&H» для использования 1-пиксельного изображения GIF со значениями ширины и высоты в теге «IMG». Выберите «GIF, TD W&H» для использования 1-пиксельного изображения GIF со значениями ширины и высоты в теге «TD». Выберите «Без переноса TD W&H» для вставки нестандартного атрибута «NoWrap» в данные таблицы со значениями ширины и высоты в тегах «TD».

TD W&H

Определяет условия включения атрибутов ширины и высоты для данных таблицы: «Всегда», «Никогда» или «Авто» (рекомендуемая настройка).

Ячейки-разделители

Определяются условия добавления одной строки и одного столбца с пустыми ячейками-разделителями вокруг созданной таблицы: «Авто» (рекомендуемая настройка), «Авто (Внизу)», «Всегда», «Всегда (Внизу)» или «Никогда». Для схем таблиц, в которых границы фрагментов не удается выровнять, добавление ячеек-разделителей может исключить разрыв таблицы в некоторых браузерах.

Создать CSS

Вместо HTML-таблицы создается каскадная таблица стилей.

Со ссылкой

Определяет ссылку на положения фрагментов в HTML-файле при использовании CSS.

По ИД Каждый фрагмент размещается с помощью таблиц стилей, на которые указывает уникальный идентификатор.

Встроенный Включаются элементы стилей в объявление тега <DIV> элемента блока.

По классу Каждый фрагмент размещается по классам, на которые ссылается уникальный идентификатор.

Именование фрагмента по умолчанию

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

Настройки вывода фона

В диалоговом окне «Настройки вывода» в группе «Фон» можно настроить следующие параметры.

Просмотр документа как

Укажите «Изображение», если нужно, чтобы на веб-странице в качестве фона позади текущего изображения было изображение или сплошной тон. Укажите «Фон», чтобы оптимизированное изображение на веб-странице отображалось в виде фрагментированного фона.

Фоновое изображение

Введите путь к файлу изображения либо нажмите кнопку «Выбрать» и укажите изображение. Указанный файл помещается в виде фрагмента макета за оптимизированным изображением на веб-странице.

Цвет

Щелкните поле «Цвет» и выберите фоновый цвет из палитры цветов либо укажите параметр в раскрывающемся меню.

Настройки вывода «Сохранение файлов»

В диалоговом окне «Настройки вывода» в группе «Сохранение файлов» настраиваются следующие параметры.

Именование файлов

Выберите элементы в раскрывающихся меню или заполните поля вручную. Из этого текста будут составляться имена по умолчанию для всех файлов. К элементам относятся: имя документа, имя фрагмента, состояние ролловера, фрагмент при нажатии, дата создания фрагмента, количество фрагментов, пунктуация и расширение файла. Некоторые параметры доступны, только если файл содержит фрагменты или состояния ролловера.

С помощью текстовых полей можно изменить порядок и форматирование частей имени файла (например, можно пометить состояние ролловера не целым словом, а аббревиатурой).

Совместимость имен файлов

Выберите один или несколько параметров для совместимости имен файлов с операционной системой Windows (допускаются более длинные имена файлов), Mac OS и UNIX.

Поместить изображения в папку

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

Скопировать фоновое изображение при сохранении

Сохраняется фоновое изображение, заданное в группе установок «Фон».

Включение в изображение заголовка и сведений об авторских правах

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

  1. Выберите «Файл» > Информация о файле.

  2. Для ввода заголовка, который будет отображаться на панели заголовка в окне веб-браузера, введите нужный текст в поле «Заголовок документа» в разделе «Описание» диалогового окна «Сведения о файле».

  3. Чтобы ввести сведения об авторских правах, введите необходимый текст в поле «Авторские права» в разделе «Описание» диалогового окна «Сведения о файле».

  4. Нажмите кнопку «ОК».

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?