Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
> Запустите программу Microsoft Internet Explorer.
Откройте в программе созданный файл
На экране появится графическое меню (Рис. 3.75).
Il Файл Правка Вид
*
|] 0Нш*' о •
W I
Ej *дрк: IS C:\We [jj El Пере™ |
¦Ці
Компьютеры
Г і
Принтеры
I
R
Ll
IvTy Computer
Рис, 3.75. Графическое меню
ГЛАВА 3. Подготовка графики с помощью Macromedia Fireworks MX _ 105
? Заметим, что фрагменты рисунка можно «оживить». Например, есть возможность в качестве части изображения использовать кнопку, которая будет изменять свой вид при установке на ней указателя мыши (см. знакомство ««Живые» кнопки»). . .
5*аісоліх,а€о Nte/W. Карта навигации
Программа Macromedia Fireworks ' MX 2004 позволяет сопоставить элементам рисунка ссылки на Web-страницы без разрезания изображения (см. знакомство «Разрезаем изображения и создаем изображения-карты»). Разрезание в основном используют для фраг-прямоугольной Рисунки, не разрезанные на части, но элементы которых
содержат ссылки на документы Всемирной паутины, называются картами навигации. Элементы карты могут обладать сложной формой. В этом знакомстве мы расскажем, как создавать элементы карты навигации, сопоставлять им ссылки на Web-страницы и сохранять карту на диске.
Сначала создадим элемент карты навигации на базе эллипса нашего баннера для фирмы АТЛАНТ.
¦ ¦ •>{'¦ Если на экране нет документа баннер.рпд, то откройте его или перейдите к окну до-a' Агента- баннер:р^ресли-документ уже открыт. v.*-;v-
Нажмите на панели Tools (Инструменты).
> Щелкните мышью на контуре эллипса в баннере. Эллипс выделится синим цветом.
¦¦ > Выберите команду меню Edit ¦ Insert ¦ Hotspot (Правка * Вставить ¦ Активная область). Внутренняя часть эллипса выделится голубым цветом, а в центре эллипса появится значок Это означает, что создан элемент карты навигации в виде эллипса.
Теперь сопоставим элементу карты ссылку на документ.
> ' На панели "properties (Свойства) в поле ввода Link' (Ссылка) введите имя файла ат-
naHT.html, на который будет ссылаться выбранный элемент карты.
Заметим, что можно использовать ссылки на документы с других сайтов в виде элек-. тронного адреса (URL).
Попробуем создать другим способом элемент карты, содержащий звезду баннера.
>¦ Полнели і с указатель мыши к верхнему прямоугольнику с надписью Компьютеры. '"Указатель мыши изменится на ^}, а в строке состояния появится полный путь ykat
занного файла компьютеры.html. Это означает, что выбранный фрагмент рисунка
имеет ссылку на документ.
Переходить по ссылке мы не будем, так как сам файл отсутствует.
> Нажмите кнопку [XJ в правом верхнем углу окна программы Microsoft Internet Explorer, чтобы закрыть окно.
106
Быстро и легко создаем, программируем и раскручиваем Web-сайт
> Нажмите и удерживайте кнопку ~f*O - Rectangle Hotspot Tool (Инструмент «Прямоугольная активная область») на
¦ панели Tools (Инструменты). На экране появится меню для выбора формы активной области (Рис. 3.76).
Выбрав в меню кнопку, ,(5f можно создать^ прямоугольный выбора ф^ормы
элемент карты навигации. Кнопка \&\ позволяет указать кру- • активной области
говой элемент карты.
> Выберите в меню кнопку Щ, чтобы создать многоугольный элемент карты., На панели Tools (Инструменты) кнопка [Щ - Rectangle Hotspot Tool (Инструмент «Прямоугольная актирная область») будет заменена на кнопку (J^j в нажатом состоянии! ¦
> Щелкните мышью на любой вершине красной звезды баннера. На вершине звезды появится синяя точка.
> Щелкните мышью на соседней вершине звезды. Между указанными вершинами появится синяя линия.
> Щелкайте мышью на остальных вершинах звезды. Вокруг звезды появится многоугольник сиреневого цвета, а в центре многоугольника - значок ©. Это означает, что создан элемент карты навигации в виде многоугольника.
Чтобы сопоставить созданному элементу карты ссылку на документ, выполните сле- ' дующие шаги.
V На панели Properties (Свойства) в поле ввода Link (Ссылка) введите имя файла эмб-лема.гттії, на который будет ссылаться созданный элемент карты.
і
Перед сохранением на диске рисунка с картой навигации изображение нужно
мизировать.
> Откройте панель Optimize (Оптимизировать) (Рис. 3.40). ¦ гЧ V-"''"
Во втором сверху открывающемся списке выберите строку GIF, чтобы в дальнейшем
сохранить баннер с картой в GIF-файле. ¦„ ,,.
> В открывающемся списке Colors (Цвета) выберите число цветов 32, которые будут использоваться в оптимизированном рисунке.
Сейчас сохраним изображение с картой на диске. '
> Выберите команду меню File * Export (Файл ¦ Экспорт). На экране появится диалог Export (Экспорт) (Рис. 3.41). .. :, -.•.,.¦.'¦¦-M-
В открывающемся списке Папка (Save in) выберите диск для сохранения изображения.
В списке папок и файлов выберите папку, в которую нужно записать рисунок с картой.
Если во введенной ссылке не был указан полный путь или электронный адрес документа, то данный документ и сохраняемые файлы должны находиться в одном каталоге.