be ImageReady имитирует этот эффект, когда пользователь выбирает 
команды меню View • Preview • Standard Windows Color (Вид• Предварительный 
просмотр 
• Стандартные цвета Windows) или View • Preview • Standard Macintosh Color 
(Вид • Предварительный просмотр • Стандартные цвета Macintosh), что позволяет 
на глаз 
оценить, как будет выглядеть графика. Adobe ImageReady выводит в палитре Info 
(Информация) 
значения цветов как в десятичной, так и в шестнадцатеричной системе счисления в 

тот момент, когда курсор указывает на соответствующий цвет в окне документа или 
палитре 
Color Table (Цветовая таблица), что очень удобно для Web-дизайнеров. 

Оптимизированное изображение необходимо сохранить в папке Web, в которой 
сохранены 
файлы сайта, и в том числе, файл spisok.html. 

>• Выберите команду меню File • Save Optimized (Файл • Сохранить 
оптимизированный 
документ). На экране появится диалог Save Optimized (Сохранение 
оптимизированного 
документа) (Рис. 4.92). 

>• Откройте для сохранения файла папку Web, в которой сохранены HTML-файлы 
сайта 

v Убедитесь, что в открывающемся списке Тип файла (File type) выбрано HTML and 
Images (*.html) (HTML и изображения (*.html)), чтобы сгенерировать HTML-код 
созданного 
эффекта и сохранить изображения. При этом кадры каждого состояния эффекта 
Rollover будут сохранены как отдельные файлы в папке images, которая будет 
помещена в ту папку, где будет находиться HTML-файл, т.е. в папку Web. 

В поле ввода Имя файла (File name) для сохраняемого документа предлагается имя 
Knopka.html. Оставим его без изменения. 

> Нажмите кнопку Сохранить (Save). Диалог Save Optimized (Сохранение 
оптимизированного 
документа) закроется. Adobe ImageReady создаст и сохранит на диске 
файл Knopka.html с HTML-кодом эффекта. 


Подготовка графики 

Save Optimized 

Папка: [ l ^ Мои рисцнки 

jjjj О Ф <& 0' 

ItCnopka Id 
|HTML end Images ("Wml) 
|DelaJ Sellings Id 
|All Slices LTJ 

4.92. Диалог Save Optimized (Сохранение оптимизированного документа) 
Мы познакомились с возможно$тями оптимизации и сохранения графики для Web в 
программе Adobe ImageReady. Такую же оптимизацию вы можете выполнить в Adobe 
Photoshop. Особенности оптимизации в Adobe Photoshop мы рассмотрим в дальнейшем.
 
А сейчас программу Adobe ImageReady можно закрыть. 

> Выберите команду меню File • Exit (Файл • Выход). На экране появится запрос о 

необходимости сохранения документа Knopka.psd (Рис. 4.93). 

Adobe ImageReady 

f \ Save changes to document "Knopka.ptd" before quitting? 

| &* | Нет |j Отм.нГ"] 

Рис. 4.93. Запрос о необходимости сохранения документа Knopka.psd 

Так как мы уже сохранили документ перед оптимизацией, то на этот запрос можно 
ответить 
отрицательно. 

>• Нажмите кнопку Нет (No). Программа Adobe ImageReady закроется. Вы 
возвратитесь 
к программе Adobe Photoshop. 

Посмотрим, что представляет собой созданный файл. 

• Откройте в программе Блокнот (Notepad) файл Knopka.html из папки Web. 
В этом файле записана автоматически созданная на языке JavaScript программа, 
изменяющая 
состояние изображения кнопки при различных действиях, выполняемых мышью. 
Сами изображения находятся в папке images. Такая программа обычно состоит из 
команд (операторов) и команд вызова функций. В нашем случае функции находятся в 

заголовке HTML-документа между тегами  и , а