Самоучитель по Adobe Photoshop 5.5


Сохранение фрагментов



Сохранение фрагментов

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

As.


1. Выберите команду Save Optimized As из меню File.

Она открывает диалоговое окно Save Optimized, изображенное на рис. 10.42.


Рис. 10.42.Диалоговое окно Save Optimized

2. В поле File name уже введено имя файла, соответствующее названию документа ImageReady. Это имя будет использовано при формировании имен файлов отдельных фрагментов и имени HTML-документа. Оставьте его таким, какое предлагается по умолчанию.
3. Флажок Save HTML File включает сохранение кода, необходимого для сборки фрагментов и функционирования ссылок, в HTML-документ. Установите этот флажок.
4. Нажмите кнопку HTML Options....Она открывает диалоговое окно установок генерации HTML, доступное также в одноименном разделе диалогового окна Preferences рис. 14.43.


Рис. 14.43. Диалоговое окно Preferences, раздел HTML

Дилоговое окно HTML Options (и диалоговое окно Preferences

с разделом HTML) состоит из двух областей: Formatting, содержащей настройки форматирования HTML-текста, и Coding, связанной с вариантами представления одних и тех же элементов в HTML.

Наиболее принципиальны установки области Coding. От них зависит преимущественно совместимость генерируемого кода со старыми версиями браузеров:

§ TD W, H. Фрагменты изображения компонуются на Web-странице с помощью таблиц HTML. Вариант Always приводит к обя зательному указанию размеров ячеек браузером. По умалчанию предлагается вариант Auto, доверяющий Image Ready решение этой проблемы. Мы советуем использовать именно его, поскольку размеры поставляются только для "критических" ячеек. Таким образом код не перегружается лишними данными и достигается хороший уровень совместимости.
§ Spacer Cells. Включение в таблицу пустых ячеек имеет смысл только если фрагменты изображения нарочито не стыкуются с друг другом. Некоторые браузеры могут исказить форму таблицы, если изображение занимает ее ячейку не полностью. Включение в таблицу пустых ячеек позволяет избежать этой проблемы. Вариант Auto, предлагаемый по умолчанию, как правило, обеспечивает наилучщий результат.
§ Empty Cells. Эта настройка имеет смысл только для фрагментов, не содержащих изображения (тип No Image в палитре Slice). Она позволяет установить заполнитель для пустых ячеек, чтобы браузер не изменил их размеров при просмотре. Стандартным вариантом является заполнение ячейки прозрачным изображением размером в 1 пиксел. При этом для него явно указываются требуемые высота и ширина. "Обманутый" браузер масштабирует до этих размеров "невидимый" пиксел и считает ячейку заполненной. Такой способ, GIF, IMG W&H, используется по умолчанию. Второй способ, GIF, TD W&H, состоит в жестком задании размеров ячейки, а не "прозрачного пиксела". Третий способ, No Wrap, TD W&H, не требует изображения с "прозрачным пикселом", и использует недостаточно стандартизованное средство HTML. Хотя последний вариант и наиболее естественен, он плохо совместим со старыми версиями браузеров.
§ Include Comments. Если этот флажок установлен, то ImageReady включает в HTML-текст комментарии, разделяющие блоки кода. Если вы редактируете код непосредственно, то комментарии позволят легче в нем ориентироваться. В противном случае (вы используете визуальный редактор типа Frontpage, GoLive




Начало  Назад  Вперед



Книжный магазин