Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
Caned
Done
Puc. 3.55. Рисунок кнопки с надписью
94
Быстро и легко создаем, программируем и раскручиваем Web-сайт'
х Введите с клавиатуры строку Регистрация и нажмите кнопку QiJ на панели Tools.. (Инструменты). ;
> Перетащите мышью созданную надпись в центр изображения кнопки.
> Щелкните мышью на любом свободном месте окна документа, чтобы сбросить выделение рамки с текстом. Надпись в окне создания кнопки будет создана (Рис. 3.55).
Мы создали надпись только для кнопки в базовом состоянии. Давайте установим слой Layer 4 (Слой 4) с надписью Регистрация общим для всех рисунков кнопки.
> Дважды щелкните мышью на имени слоя Layer 4 (Слой 4) на панели Layers (Слои). На экране появится диалог для настройки слоя (Рис. 3.56). v.-, .
Layer Name:
Luytii 4
? Share Across Frames
Puc. 3.56. Диалог для настройки слоя
< U '¦ і::-'
Установите флажок Share Across Frames (Общий для кадров), чтобы назначить выбранный слой общим для всех рисунков кнопки.
> Нажмите клавишу Диалог настройки слоя закроется, а на экране появится диа-
лог с предупреждением о возможном удалении объектов данного слоя в других кадрах, отличных от текущего (Рис. 3.57).
Sharing layer "Layer 4" will delete any objecti on that layer in hemes other than the current frame. OK to proceed?
Puc. 3.57. Диалог с предупреждением
Нажмите кнопку OK, чтобы закрыть диалог с предупреждением. На панели Layers (Слои) имя выбранного слоя пометится значком ty. Это означает, что слой с надписью Регистрация стал общим для всех рисунков кнопки.
Сейчас сопоставим создаваемой кнопке ссылку на который будет загружаться
при нажатии на данную кнопку.
> В панели Layers (Слои) выберите слой Slice (Фрагмент). На панели Properties (Свойства) появятся элементы управления для создания ссылки (Рис. 3.58).
Type: (Image
- LHW
-—H ®
¦I . I I
tCI |<31FWeb5nep 12S
¦ U
Ak, I
I .
I W: OfiZi Х: LaHJ
І ИіИ ViL^J
Т«їЛ| у
. •• • •Vi TV.-'
[у. . Рис. 3.58. ".¦:.¦. л ; '...VH
Панель її • - і . ¦ •¦
свойств ссылки .
ГИ! , ,4. ІІО.Г.:..-
>
ГЛАВА 3. Подготовка графики с помощью Macromedia Fireworks MX
I95,.:
> В поле ввода Link (Ссылка) введите имя файла, который будет загружаться при нажатии создаваемой кнопки: register.html. ¦-¦ • • у
В указанное поле ввода можно ввести полный путь к файлу или электронный адрес документа для загрузки из Всемирной паутины.
Активной областью называется участок кнопки, при установке над которым указателя мыши кнопка изменяет свой вид. По умолчанию активной областью является весь рисунок кнопки. На вкладке Active Area (Активная область) окна документа с помощью кнопки Щ- Rectangle Hotspot Tool (Инструмент «Прямоугольная активная область») или двух других скрытых за ней инструментов на панели Tools (Инструменты) можно указать новую активную область прямоугольной, круглой или многоугольной формы.
> Нажмите кнопку [х] в правом верхнем углу окна создания кнопки, чтобы закрыть окно. В библиотеке будет сформирован символ, представляющий собой созданный нами шаблон кнопки (Рис. 3.59).
Library
Name
I Kind
Кнопка
Sutton
<1
1¦HHST
О|0|в
Рис. 3.59. Кнопка в библиотеке
> Чтобы поместить кнопку в окно документа, достаточно перетащить ее мышью из па. v нели Library (Библиотека) в окно документа (Рис. 3.60).
Puc. 3.60. Кнопка в окне документа
Обратите внимание на значок ©, расположенный на изображении кнопки. Данный значок, указывает, что выделенный объект является кнопкой и показывает положение центра
активной области.
!96.
Быстро и легко создаем, программируем и раскручиваем Web-сайт
В документе можно изменить любые характеристики кнопки - размер, форму, цвет и т.п.' Чтобы просмотреть созданную кнопку в программе Microsoft Internet Explorer, выполните следующие шаги.
> Выберите команду меню File ¦ Preview in Browser ¦ Preview in iexplorer.eхе (Файл * Предварительный просмотр в браузере * Предварительный просмотр в Internet Explorer). Будет запущена программа Microsoft Internet Explorer, и на экране появится кнопка в базовом состоянии (Рис. 3.61).
I 3| UUUUl)UUl дії • Miciosofl Internet 1 і
Рис. 3.61. Кнопка в базовом состоянии
• it', і '
і' j ¦
> Подведите указатель мыши к кнопке. Указатель изменится на , а кнопка примет новый вид (Рис. 3.62). ,V-
•'• .""f-V. Рис. 3.62. Кнопка, когда над ней находится указатель мыши
' > Щелкните мышью. Кнопка перейдет в нажатое состояние (Рис. 3.63), а затем в окне браузера появится сообщение о том, что невозможно отобразить страницу, поскольку в данный момент нет указанного файла register.html. ¦ •-<--,.
Рис. 3.63. Кнопка в нажатом состоянии
> Нажмите кнопку [х] в правом верхнем углу окна программы Microsoft Internet Explorer, чтобы закрыть окно.
ГЛАВА З.'Лодготовка графики с помощью Macromedia Fireworks MX 97
В, дальнейшем вы можете оптимизировать созданную кнопку'и сохранить ее в GIF- и HTML-файлах, которые используются для создания Web-страниц (см. предыдущие знакомствї|шіш^г Отметим, что если во введенной ссыпке не был указан полный путь или электронный адрес 7 7 документа, то данный документ и файлы кнопки должны находиться в одном каталоге.
