Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
Давайте сделаем прозрачной звезду в баннере.
> Нажмите кнопкуІКІ в нижней части панели ОрІітіге^Оптимйзигіовать). Указатель . ..мыши изменила• -л а.***-.*.»
: > Щелкните мышью ' " на "любой точке красной звезды в левой или правой части окна документа. В правой части окна вместо звезды, появится, шахматная мозаика, а указа.' - тель.мыши изменится nat§. Красный цвет стал прозрачным. :г-.к-. >-.
Действуя описанным способом, можно установить прозрачными другие цвета. Теперь откажемся от прозрачности красного цвета.
> Нажмите кнопку \Щ в нижней части вкладхи^ритіге (Оптимизировать). Указатель мыши изменится на
> Щелкните мышью на любой точке красной звезды в левой части окна документа.
В правой части окна вновь появится красная звезда - красный цвет стал непрозрачным.
Для установки прозрачным одного цвета достаточно воспользоваться кнопкой*® в
нижней части вкладки Optimize (Оптимизировать).
86
Быстро и легко создаем, программируем и раскручиваем Web-сайт
В дальнейшем вы можете сохранить баннер в GIF-файле (см. знакомство «Оптимизируем и сохраняем графику»), ^котором фон будет прозрачным.
Закройте окно документа, нажав кнопку JxJ в его заголовке и ответив утвердительно на запрос о сохранении документа.
ЗнаісолюуС^о ms/1/1. «ЖиОые» кнопки
Многие Web-страницы содержат кнопки, которые меняют свой вид при установке на них указателя мыши или при нажатии левой кнопки мыши. В этом знакомстве мы расскажем, как создавать подобные «живые» кнопки.
Сначала создадим новый документ. *¦ '.' 'і
> Выберите команду меню File ¦ New (Файл ¦ Создать). На экране'появится диалог New Document (Новый документ) для создания рисунка (Рис. 3.6). '
> В поле ввода Width (Ширина) введите ширину изображения 250 точек.
> В поле ввода Height (Высота) введите высоту рисунка 50 точек.
> В группе элементов управления Canvas Color (Цвет фона) установите переключатель Transparent (Прозрачный) для выбора прозрачного фона.
Нажмите кнопку чтобы закрыть диалог New Document (Новый документ).
На экране появится окно нового документа (Рис. 3.44).
1? Nrtuiomi-ilia F iiirninks MX ,¦(1114
LLInlllfuU I. prig 09 100?!
МЕЗ КЗ
file Ed» уин Salad Modify
X ох І ?мімпііж FjRmi Window Цнр
UnrjUed-l^ng^HHaaaaaai
И, 9?\
і її І 'її ЛМмівУ^ІЬ jaaaaaaHVs"
ттж
H ИІ 4? It- v.- f 2SOJtM
|1ни. .;||
<..;;.' л (-.. Рис. 3.44. Окно нового документа
Шахматная мозаика окне документа означает прозрачный
фон. '
Начнем создавать кнопку. Чтобы создать кнопку, сначала
необходимо создать в библиотеке шаблон кнопки - так называемый символ (Symbol), который' будет храниться в библиотеке. Объекты из библиотеки (символы) могут многократно использоваться путем создания в документах их копий. При этом для каждого экземпляра символа в документе можно указать собственные параметры.
> Выберите команду меню Window* Library (Окно * Библиотека). На экране появится группа панелей Assets (Средства) с Рис- 3-45- Панель открытой панелью Library (Библиотека) (Рис. 3.45). ' Library (Блблштсш)
ГЛАВА 3. Подготовка графики с помощью Macromedia Fireworks MX_
87
> Нажмите кнопку І «І в нижнем правом углу панели Library (Библиотека). На экране появится диалог Symbol Properties (Свойства символа) (Рис. 3.46).
І Hvififtbl Pioperlics
Name; (Symbol
Type: 0 Graphic O AnfrnetJon
O Button
I- . v ¦-"I .
Рис, 3.46. Диалог Symbol Properties (Свойства символа)
> В диалоге Symbol Properties (Свойства символа) в поле ввода Name (Имя) введите название символа Кнопка, установите переключатель Button (Кнопка) и нажмите кнопку ОК. На экране появится окно для создания кнопки с открытой вкладкой Up (Отжата) (Рис. 3.47). . ' ; . , ^ ... .
iiks HX UUUt ¦ ІКлопна (л 11)1)21
File Edit Vim Select Jjodi'y la* Command! Fj»«i Window Help "кнопка™
Upstate: the normal state of the button Use the drawing and editing tools to create the Up state of the button. TO edit lnki W behaviors, first select the solve area tab.
Import e&yfcton...
Рис. 3.47. Вкладка Up (Отжата) окна для создания кнопки
Вкладка Up (Отжата) используется для рисования кнопки в базовом состоянии, когда указатель мыши находится за пределами кнопки.
> Щелкните мышью на кнопке ||__J справа от значка в нижней части панели Tools .(Инструменты). На экране появится палитра цветов (Рис. 3.12), а указатель мыши изменится на/. ¦¦,^r^ h . •• ¦
Щелкните мышью на желтом квадрате в палитре для выбора цвета заливки. Палитра ¦ цветов закроется, кнопка Д| закрасится желтым цветом. Желтый цвет заливки выбран.
--V-,
88_
jLicrpo' u легко г'созцаєм; программируем'^кскручиваєм- we^-cast
. Если на экране нет панели Info (Информация), то выберите команду меню Window * Info (Окно * Информация). На экране появится панель Info (Информация) (Рис. 3.19).
Нажмите и удерживайте кнопку \о} на панели Tools (Инструменты). На экране появится меню выбора геометрических объектов (Рис. 3.10). ; :.;