Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
> В первом снизу открывающемся списке выберите строку Raised (Выпуклый), чтобы
скошенные кромки были выпуклыми.
Нажмите клавишу Диалог настройки кромок закроется, а у кнопки на вкладке
Over (Над) появятся скошенные кромки (Рис. 3.52).
Сейчас создадим изображение кнопки в нажатом состоянии.
> Выберите вкладку Down (Нажатие) в окне создания кнопки (Рис. 3.53). '''".*'"^''''"'
¦' "•' МЧ--. ;.
¦ :. . . . ••• WfJlU-.
¦>¦ 's ¦ '- '.¦.'.•¦.V-Sf(JtI: . "':««?*.-!«»?',.
ГЛАВА 3. Подготовка графики с помощью Macromedia Fireworks MX
91"
_ •.'..1¦.¦V(O-Z.
V
• ¦ "і
- іґ."\с.-:-
лкі MX UUU4 IKmuiif.i 1¦J ШИЇ |Hl..1uiii|Ii:||
RIe Edit Уїв-» Select Modify J_ext Co-r.andi FiKnt Window iJeJp ГіКнопка*
_Copy Up Graphic_
•Інагмаагл: ¦-
'Over state: (faplays when your cursor is over the button. Use the drawing and ecfting tods to create the Over :state of the button. To edt Inks or behaviors, first select the. active area tab.
j™lZIC
Рис. 3.52. Кнопка, когда над ней находится указатель мыши
j Copy Over Graphic
Down state: creates a "depressed" mage for your button. This state is used for navigation bars, and is not used in simple rotovers. To edit Inks or behaviors, first select the active area tab.
Import a Button . |
Cancel . . Done
і , Puc. 3.53. Вкладка Down (Нажатие) окна создания кнопки
і
. Вкладка Down (Нажатие) используетсядлярисования кнопки внажатом состоянии.
Обратите внимание, что на вкладке Down (Нажатие) отображается частично прозрачное изображение, созданное на вкладке Over (Над). Данный рисунок предназначен для выравнивания при создании нового изображения.
92_Быстро и легко создаем, программируем и раскручиваем Web-сайт'.
j
L
;> Нажмите кнопку-М^в^нижНей^асти вкладки:-Layers (Слои). Навкладке появится -
строка с именем слоя Layer 3 (Єлой 3) и значком Создан новый слой, на котором
мы будем рисовать кнопку в нажатом состоянии.
'ї ' ..-1..
> Нажмите кнопку (q] - Rectangle Tool (Инструмент «Прямоугольник») на панели Tools (Инструменты).
> Установите указатель мыши на левом верхнем углу просвечивающегося желтого рисунка на вкладке Down (Нажатие).
> Нажмите и удерживайте левую кнопку мыши.
> Не отпуская левую кнопку мыши, перемещайте мышь. На экране появится синяя прямоугольная рамка, один из углов которой будет передвигаться вместе с указателем мыши.
>• Когда желтый полупрозрачный рисунок полностью окажется внутри рамки, отпустите левую кнопку мыши. На вкладке Down (Нажатие) появится непрозрачное изображение кнопки.
Создадим эффект нажатой кнопки с помощью скошенных кромок. ¦
> Нажмите кнопку И рядом с надписью Effects (Эффекты) на панели Properties ¦ (Свойства) (Рис. 3.30). На экране появится меню выбора эффектов (Рис. 3.31).
> Выберите команду меню Bevel and Emboss * Inner Bevel (Скос и рельеф ¦ Скос внут-. .ри) в списке эффектов. На экране появится диалог для настройки кромок (Рис. 3.32). ¦
> Убедитесь, что в первом сверху открывающемся списке выбрана строка Flat (Плоский), а в поле ввода, расположенном справа от значка отображается ширина кромок 10 пикселов. _ _
В первом снизу открывающемся списке выберите строку Inverted (Перевернутый),
чтобы создать эффект нажатия на кнопку.
Нажмите клавишу РЩ. Диалог настройки кромок закроется, а'на ¦ вкладке Down (Нажатие) появится рисунок кнопки в нажатом состоянии (Рис. 3.54).
Чтобы создать текстовую надпись на кнопке, выполните следующие шаги.
'•• -•* .
> Выберите вкладку Up (Отжата) в окне создания кнопки (Рис. 3.48).
і
> Нажмите кнопку ~ в нижней части вкладки Layers (Слои). На вкладке появится строка с именем слоя Layer 4 (Слой 4). Будет создан новый слой, на котором мы будем вводить текст.
Нажмите кнопку на панели Tools (Инструменты). На панели Properties (Свойства) появятся параметры вводимого текста (Рис. 3.26).
> В открывающемся списке шрифтов на панели свойств текста выберите строку
В поле ввода, расположенном справа от списка шрифтов, введите размер символов 20 пунктов.
ГЛАВА 3. Подготовка графики с помощью Macromedia Fireworks MX
Рис. 3.54. Кнопка в нажатом состоянии " . ¦' ' ;'
> Щелкните мышью на кнопке Д], На экране появится палитра цветов (Рис. 3.12), а указатель мыши изменится на jf. -,¦„¦« -- •. .
>• Щелкните мышью на синем квадрате в палитре для выбора цвета текста. Палитра, цветов закроется, кнопка |Д закрасится синим цветом. '
> Подведите указатель мыши к окну создания кнопки. Указатель изменится наХ:' '•
> Щелкните мышью на изображении кнопки. На экране появится выделенная рамка с текстовым курсором для ввода и редактирования
¦л.
?iks MX ?ШМ IКнопка IUUSI
File ?dit View Select Modify Теж! Commandt Fjltei» Window Цеір
Кнопка'
J Over \ Down I Ovei idive Areal
Up state: the norma state of the button. Use the drawing and eoftng tools to create the Up state of the button. To ed* links or behaviors, first select the active area tab. _ ' ¦
