Tworzenie stron WWW we Flashu Projekty.pdf

IDZ DO

PRZYK£ADOW Y ROZDZIA£

Tworzenie stron WWW

SPIS TREŒCI

we Flashu. Projekty

KATALOG KSI¥¯EK

Autor: David Morris

T³umaczenie: Marcin Samodulski

ISBN: 83-246-0154-6

Tytu³ orygina³ u: Creating a Web Site

with Flash: Visual QuickProject Guide

Format: B5, stron: 160

KATALOG ONLINE

ZAMÓW DRUKOWANY KATALOG

TWÓJ KOSZYK

DODAJ DO KOSZYKA

Programu Macromedia Flash nie trzeba ju¿ chyba nikomu przedstawiaæ. To doskona³e

narzêdzie do tworzenia interaktywnych witryn WWW i prezentacji multimedialnych

cieszy siê od lat nies³abn¹c¹ popularnoœci¹ wœród projektantów i grafików

komputerowych. Ostatnie wersje tego programu wzbogacono o obiektowy jêzyk

programowania ActionScript, co dodatkowo zwiêkszy³o jego mo¿liwoœci. Obecna wersja

Flasha to prawdziwy kombajn, za pomoc¹ którego mo¿na stworzyæ niemal ka¿d¹

aplikacjê multimedialn¹ i efektown¹ witrynê WWW.

Ksi¹¿ka „Tworzenie stron WWW we Flashu. Projekty” to ilustrowany przewodnik

przedstawiaj¹cy program Macromedia Flash MX 2004. Opisuje kolejne kroki

prowadz¹ce do zbudowania multimedialnej i interaktywnej witryny WWW

z wykorzystaniem narzêdzi, w które wyposa¿ony jest Flash. Nie znajdziesz jednak

w niej d³ugich opisów i dziesi¹tek parametrów. Ka¿de zagadnienie przedstawione jest

za pomoc¹ zrzutów ekranu i krótkich instrukcji. Dziêki temu w ci¹gu kilku godzin

zrealizujesz swój pierwszy projekt we Flashu.

Interfejs u¿ytkownika

Przygotowanie struktury plików i zdefiniowanie parametrów projektu

Tworzenie uk³adu graficznego za pomoc¹ narzêdzi rysunkowych

Stosowanie symboli

Dodawanie tekstu do strony

Korzystanie z listwy czasowej

Tworzenie animacji i mechanizmów nawigacyjnych

£adowanie danych z zewnêtrznych plików

Publikacja witryny

Dziêki lekturze tej ksi¹¿ki przekonasz siê,

jak ogromne mo¿liwoœci oferuje Ci Macromedia Flash

CENNIK I INFORMACJE

ZAMÓW INFORMACJE

ONOWOŒCIACH

ZAMÓW CENNIK

CZYTELNIA

FRAGMENTY KSI¥¯EK ONLINE

Wydawnictwo Helion

ul. Chopina 6

44-100 Gliwice

tel. (32)230-98-63

e-mail: helion@helion.pl

spis treści

wprowadzenie

witryna, którą stworzymy

poznaj flasha

organizacja książki

następny krok

towarzysząca witryna internetowa

informacje dodatkowe

1. przygotowanie plików tworzących witrynę

definiowanie struktury katalogów

zapisywanie pliku

tworzenie plików składowych witryny 23

zapisywanie zestawu kolorów

ustawianie własności sceny

informacje dodatkowe

2. projekt układu graficznego

ustawienia linii pomocniczych

importowanie rysunków

rysowanie tła

wektorowych

tworzenie gradientu liniowego

porządkowanie symboli

edycja gradientu liniowego

przekształcanie obiektów

tworzenie gradientu radialnego

importowanie obrazu

tworzenie gradientu kołowego

bitmapowego

grafika wielokrotnego użytku

dodawanie warstwy

edycja symbolu

maskującej

projektowanie przy użyciu warstw

informacje dodatkowe

przemieszczanie pomiędzy warstwami 43

3. dodawanie i stylizowanie tekstu

wstawianie pojedynczego

zmiana atrybutów pola tekstowego

wiersza tekstu

wstawianie łącza typu e-mail

tekst o ustalonej szerokości

tworzenie tekstu ozdobnego

4. użycie listwy czasowej do organizacji witryny

tworzenie strony głównej

dodawanie etykiet do klatek

dodawanie klatek

sterowanie przebiegiem animacji

tworzenie klatek kluczowych

informacje dodatkowe

spis treści

5. tworzenie animacji

tworzenie animacji ruchu

wstrzymywanie odtwarzania animacji 88

odtwarzanie animacji we flashu

wyświetlanie podglądu filmu

złożone animacje

sterowanie odtwarzaniem klipów

kopiowanie i wklejanie klatek

efekt płynnego przejścia

stosowanie efektów listwy czasowej

informacje dodatkowe

przesuwanie animacji

6. tworzenie mechanizmu nawigacji

tworzenie przycisków

100

układanie przycisków

111

podgląd działania przycisku

106

tworzenie działów witryny

114

animowanie stanu przycisku

107

dołączanie skryptów

116

dołączanie dźwięków do przycisku

110

zmiana działania przycisku

118

powielanie przycisków

111

informacje dodatkowe

120

7. wypełnianie działów witryn zawartością

121

tworzenie filmów działów

122

łącza do zewnętrznych stron www

133

tworzenie przewijanego tekstu

123

sterowanie pokazem slajdów

135

ładowanie zewnętrznych plików

127

tworzenie paska postępu ładowania 137

wczytywanie plików tekstowych

130

informacje dodatkowe

140

8. publikowanie witryny

141

ustawienia pliku swf

142

ustawienia html

150

optymalizacja rozmiaru plików

144

przygotowanie plików do przesłania 153

pasek postępu wczytywania

147

skorowidz

155

spis treści

projekt

układu graficznego

Naszym pierwszym zadaniem w procesie tworzenia witryny będzie wykonanie pro-

jektu układu graficznego, w którym będziemy prezentować jej zawartość. O ukła-

dzie graficznym można myśleć jak o aranżacji scenografii w filmie: ustawienie tła,

zdefiniowanie różnych obszarów i jej ogólne uatrakcyjnienie. Przy okazji nauczymy

się używać wielu z podstawowych funkcji Flasha. Oto niektóre czynności, które

omówimy:

Importowanie i prze-

kształcanie obrazów

wektorowych;

Zapisywanie obiektów wielokrotnego użytku, które

noszą nazwę symboli , w celu ułatwienia modyfikacji

sceny oraz uzyskania pliku projektu o mniejszej

objętości;

Użycie do tworzenia prostokątów

i linii narzędzi służących do ryso-

wania;

Tworzenie i modyfikowanie wy-

pełnień specjalnych, na przykład

liniowych i radialnych gradientów;

Tworzenie warstw w celu uporząd-

kowania zawartości projektu;

Importowanie bitmap i ich masko-

wanie.

ustawianie linii pomocniczych

Dzięki liniom pomocniczym możemy zdefiniować pewne obszary na scenie, a także

ułatwić sobie układanie obiektów. Dodajmy kilka linii pomocniczych, zanim zacznie-

my rysować tło.

Wybieramy polecenie Window\Design Panels\Info (okno\panele projektowania\

info) , aby wyświetlić panel Info (info).

Wybieramy polecenie View\Rulers

(widok\linijki), aby włączyć wyświetlanie

linijek wzdłuż lewej i górnej krawędzi

sceny.

Klikamy i przeciągamy linię pomoc-

niczą z poziomej (górnej) linijki. Obser-

wujemy panel Info — gdy współrzędna

y kursora będzie wynosić 60 , puszczamy

przycisk myszy. Przeciągamy na scenę

jeszcze dwie linie pomocnicze i ustawia-

my je na pozycjach 80 i 250 .

Upewniamy się, że opcja Snap to

Guides (przyciąganie do linijek) jest włą-

czona. Wybieramy polecenie View\Snap-

ping (widok\przyciąganie). W podmenu

sprawdzamy, czy opcja Snap to Guides

jest zaznaczona. Jeśli nie, klikamy Snap

to Guides , aby ją włączyć.

projekt układu graficznego

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: