| |
зателя
мыши на области карты навигации, которой сопоставлен URL.
> В поле ввода Alt (Альтернативный) введите текст: Главная страница.
> Теперь установим параметры для следующего слоя - Background copy.
232 Создание Web-сайтов
>• Щелкните мышью на слое Background copy в палитре Layers (Слои), чтобы
выделить
его.
>• Выберите команду меню Layer • New Layer Based Image Map Area (Слой • Новая
область карты навигации из слоя). В палитре Image Map (Карта навигации)
отобразятся
элементы управления для новой области карты навигации.
Для выбранного слоя лучше всего подойдет прямоугольная форма области ссылки, т.
е.
вся область документа за пределами изображения самолета.
> Убедитесь, что в открывающемся списке Shape (Форма) палитры Image Map (Карта
навигации) выбрано Rectangle (Прямоугольник).
>• В поле ввода URL палитры Image Map (Карта навигации) введите имя файла
spisok.html. Это имя появится в палитре Layers (Слои) под названием слоя
Background copy.
> В поле ввода Alt (Альтернативный) введите текст: Чем мы занимаемся?
Так как область карты навигации для слоя Background copy создана после области
для
слоя Layer 1, имеет большие размеры и перекрывает последнюю, то ее - область
карты
навигации для слоя Background copy - нужно переместить на задний план.
> В палитре Web Content (Содержимое Web) перетащите мышью слой с одним само
летом на самый верх. Его имя изменится на lmageMap_02.
Подготовленную таким образом карту навигации следует оптимизировать.
> Если палитра Optimize (Оптимизация) отсутствует на экране, выберите команду
ме
ню Window • Optimize (Окно • Оптимизация).
>• В открывающемся списке Settings (Установки) палитры Optimize (Оптимизация)
выберите набор параметров JPEG (JPEG). Параметры, соответствующие этому набору,
отобразятся в палитре.
>• В открывающемся списке Quality (Качество) выберите High (Высокое).
> Щелкните мышью на ярлыке 2-Up (2 варианта) в верхней части окна документа.
Будет выполнена оптимизация с выбранными параметрами.
>• Сравните оригинальное и оптимизированное изображения и, если считаете нужным,
откорректируйте параметры оптимизации.
Сохраним оптимизированное изображение.
>• Выберите команду меню File • Save Optimized (Файл • Сохранить оптимизирован
ный документ). На экране появится диалог Save Optimized (Сохранение
оптимизированного
документа) (Рис. 4.92), в поле ввода Имя файла (File name) которого указано
имя сохраняемого документа - Samolet.html.
> Откройте папку Web для сохранения файла.
> Убедитесь, что в открывающемся списке Тип файла (List files of type) выбрано
HTML
and Images (\html) (HTML и изображения (*.html)), чтобы сохранить HTML-код с
картой навигации.
>- Закройте диалог Save Optimized (Сохранение оптимизированного документа),
нажав
кнопку Сохранить (Save). В папке Web будет сохранено изображение Samolet.jpg и
файл Samolet.html с HTML-кодом карты навигации.
v Закройте программы Adobe ImageReady и Adobe Photoshop.
Подготовка графики
Проверим теперь, как работает карта навигации.
>• Откройте в программе просмотра Web-страниц файл Samolet.html и
|
|