Создаем, программируем, шлифуем и раскручиваем web-caйт. Серия Быстро и легко - Алексеев Ю.М.
Скачать (прямая ссылка):
Сначала загрузим баннер с диска.
> ¦ Выберите команду меню File ¦ Open (Файл ¦ Открыть). На экране появится диалог Открыть (Open) ¦ (Рис. 4.6).
til Вш|ар.рпа Giid b.gif
j?i Conlelli png Щ Hatch l.gif
pCiotshMchl.gu XHMCh 2 »1
j^Cionnalch 2.gil jHateli lgif
Crosshatch 3.gif ^Halch 4.gif f? DNA.png
Q TsNlur«
"33 Of> e* га-
щ Fiber.png Gi«n.png
*GikM g* j|Giid2.gif
«Giid 4.gif §| End 5 g»
* Hatch 5 дії ¦»Line-Diagl.gif ^Line-Diag 2.gif j§Lin«-H«a lg» ^Line-Hoiii 2.gif '^una-Hoiiz 3.gif ^? Lifw-Horii 4 g«(
Lina Verl l.gif
* Line-Veil 2.gjl
% Lina-Verl 3.gif j? Sniikpng
fUashpng ? Vm. png
.MelaLpng fjWalrle.grl
0rhljck.png WMHLpng
ІС Qnn-png ITL ParchaenLprig Piano Key«, png TCPIoid Looie.gif * Plaid TighLgif ftffaHa.rmg «"Sand png ¦? Sandpapei.png Ё Scratch, png Щ Saoky.png Swiilt png
Jl
j | TT
Имя Файла:
JStwlt.png
. ld
I Оплыть
^.tЛ^-,aИl?
Тип Файлов:
I.AI readable tits
B
j Отмена
О Open as "UnMW O Open as anmalen
Рис. 4.6. Диалог Открыть (Open)
124
Быстро и легко создаем, программируем и рскручиваем Web-сайт
> В открывающемся списке Папка {Look in) выберите диск с файлом баннер.рпд, ко-. ..пторый был создан в прошлой главе, или предварительно вставленный «книжный» ' компакт-диск. „ ....... . .
> В списке папок и файлов диалога Открыть (Open) выберите папку, в которой хранит-, ся файл баннер.рпд, или каталог Примеры\Глава_3 в прилагающемся к книге ком?.
пакт-диске.
Отметим, что в подкаталог переходят двойным щелчком на его названии, в родительскую папку верхнего уровня переходят с помощью кнопки ЦЇ_ в верхней части диалога.
> Щелкните мышью на файле баннер.рпд в списке папок и файлов диалога. В полЄ ввода Имя файла (File name) появится имя выбранного файла.
> Нажмите кнопку Открыть "(Open), чтобы загрузить файл и закрыть диалог. На экране'
появится окно с рисунком баннера фирмы АТЛАНТ (Рис. 4.7).
enuiks MX ?О0< ¦ IuAHH[P PKU Є> ІГИЇ]
К.
W
Лкау^ХН^ .,: ______
Рис. 4.7. Рисунок баннера
> Выберите панель Frames (Кадры) (Рис. 4,8). ' -
Обратите внимание, что на панели Frames (Кадры) появилось .название первого кадра анимации Frame 1 (Кадр 1). Первый кадр автоматически формируется из загруженного рисунка. Справа от имени кадра отображается время задержки между текущим и следующим кадрами: 150 сотых долей секунды, т.е. 1,5 секунды. Время задержки определяет скорость смены соседних кадров. Число, расположенное справа от названия кадра, означает номер кадра в последовательности.
Чтобы создать копию первого кадра, выполните следующие шаги.
¦ : ,.Wt. ... < ,•;.« JLi'1"
ї-";и it. ,ft
Рис. 4.8. Панель Frames (Кадры) со списком кадров
.•.T-P
> Установите указатель мыши на первой строке панели Frames (Кадры). ¦ .
> Нажмите и удерживайте левую кнопку мыши. Указатель мыши изменится на С
Не отпуская левую мыши, переместите мышь к кнопке в части
.панели Frames (Кадры).
Отпустите левую кнопку мыши. На панели Frames (Кадры) текущим станет второй
- кадр, а в окне документа появится рисунок баннера - копия первого кадра. ' • ''I
ГЛАВА 4. Анимация с помощью Macromedia Fireworks
Иногда при создании анимации необходимо увеличить масштаб изображения. Для изме-v нения масштаба кадра достаточно воспользоваться кнопкой (?) на панели Tools (Инструменты), при этом указатель мыши изменится на (?. іл . - у., --¦.„!;''* ...
Сейчас создадим другую надпись в баннере, чтобы в дальнейшем эти надписи чередовались.
> Нажмите кнопку "в нижней части панели Layers (Слои). На панели появится строка с именем слоя Layer 4 (Слой 4). Новый слой будет создан.
> Нажмите кнопку]А| на панели Tools (Инструменты). На панели Properties (Свойства) появятся параметры вводимого текста (Рис. 4.9).
¦ д tuihhl
Im 01*. И Ж IbMiIuI
*1« НИ» IHbH ЫИ4Ш№1
і
[о |-| |о ||-| |snooth anti-auas Rl
і
&||опь|~| |u ||-| ?autokbm
Рис. 4.9. Панель свойств текста
> Убедитесь, что в открывающемся списке шрифтов выбрана строка Arial.
>• В поле ввода, расположенном справа от списка шрифтов, введите размер символов 12 пунктов.
В правой части окна документа ниже существующей надписи щелкните мышью. На экране появится выделенная рамка с текстовым курсором для ввода и редактирования текста
> Введите в рамке строку Любое компьютерное оборудование (Рис. 4.10).
;'За*>.ч»Ч№'|'5??: ..¦ ІІввв^вввввґ--ІввввввввввввввввввввввІ
j*,<fa»v.'.'.». I^^^^HKkaUuui^i . ^.,^аІвввввввввввввввввввввН
ввввг^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ввв!
. . I чіт і^ї^ІД^Я ,Компьютеры на любой BKVC0H
Н^^вавв-І«вв«вввввввввввввН^^ввввв^вН^^^^^^^Н|
і^ввввввввввввввввввввввввввввввввввввв^ввввввввввввв^вявввввавіЯвйІІ
¦"'""'''Л Рис. 4.10. Две надписи в баннере . '..
Чередующиеся в анимации надписи лучше расположить на одном месте. Переместим-созданную надпись в центр правой части окна документа.