ражения, разбитые на фрагменты (slices). Каждый фрагмент представляет 
собой прямоугольный участок изображения, который становится ячейкой таблицы в 
HTML-файле. После того, как документ разбит на части, можно оптимизировать 
каждую 
из них, используя наиболее подходящие для нее параметры оптимизации, что 
позволяет 
значительно уменьшить объем файла. Кроме того, каждый фрагмент можно «оживить», 

применив к нему эффект Rollover (Наведение). При просмотре в браузере, в 
зависимости 
от действий мыши, состояние этого фрагмента будет изменяться. 

Все части изображения автоматически сохраняются в отдельных GIF- или 
JPEG-файлах, 
а при загрузке картинки в браузер отдельные ее фрагменты размещаются в ячейках 
таблицы 
HTML-документа. Каждому фрагменту можно присвоить ссылку на другую Webстраницу 
и создать таким образом навигационную панель. 

Посмотрим, как выполняется нарезка изображения и создаются изображения-карты. 
В опытах первой главы мы создали для нашего сайта навигационную панель или меню 

из таблицы HTML и сохранили ее в файле menu.html. Теперь в программе Adobe 
ImageReady создадим для этого сайта простую графическую навигационную панель. 

>• Убедившись, что в программе Adobe Photoshop закрыты все документы, перейдите 
в 
программу Adobe ImageReady, нажав кнопку "Е^ВД - Edit in ImageReady 
(Shift+Ctrl+M) (Редактировать в ImageReady (Shift+Ctrl+M)) на панели 
инструментов 

(Tools). 

> Установите на панели инструментов программы Adobe ImageReady белый цвет 
переднего 
плана и синий цвет фона с RGB-составляющими цвета R=0, G=0, B=255 или 
в шестнадцатеричном формате - OO00FF. 

> Создайте в программе Adobe ImageReady новый документ с размерами 160x400 
пикселов 
и цветом фона - Background Color, т.е. синим. 

>• Введите названия пунктов меню как на Рис. 4.158, так, чтобы каждый из них 
располагался 
на отдельном слое. 


Создание Web-сайтов 

> Сохраните документ под именем menu.psd. 

| !-t-Up~. ©

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

Главная 

Эта операция выполняется с помощью инструмента 

• страница 
\jf\ - Slice Tool (К) (Инструмент «Фрагмент» (К)). 
', 'НемМЫ 
занимаемся? 

> Нажмите кнопку \j?\ - Slice Tool (К) (Инструмент 
«Фрагмент» (К)) на панели инструментов (Tools), 
чтобы включить этот инструмент. 

Фрагменты могут быть двух типов: автоматически 
Оборудование 

созданные и пользовательские. По умолчанию каждый 
документ содержит один автоматически создан-Спец. ПО 
ный фрагмент, включающий все изображение и зани


Наши партнер