Flash

Tworzenie menu na stronę WWW

  • 2010-10-31 18:27
  • 7 komentarzy
  • 645 odsłon
  • Oceń ten tekst jako pierwszy

Strona w budowie
Ktoś pracuje nad tą stroną, jej zawartość może się wkrótce zmienić. Prosimy o cierpliwość!



W tym artykule nauczymy się jak zrobić ładne menu na stronę WWW.

Spis treści

     1 Preloader
     2 Przygotowania
     3 Zaczynamy
     4 Funkcjonalność

Preloader


Jeżeli nasze menu będzie miało duże rozmiary będzie długo ściągane. W momencie kiedy jeszcze nie zostanie załadowane będzie "dziura". Aby tego uniknąć należy zastosować preloader, czyli klatki animacji, które będą wyświetlane w trakcie ładowania menu. (jeżeli nie chcesz używać preloadera przejdź do rozdziału Przygotowania)

W pustym dokumencie Flash'a tworzymy 2 puste klatki. Warstwę z tymi klatkami nazywamy "Akcje".
Dodajemy warstwę "Zawartość". Na tej warstwie dodajemy w pierwszej pozycji jedną klatkę.
Teraz czas na dodanie kodu. Zaznaczamy pierwszą klatkę na warstwie "Akcje" i wklejamy ten kod:
total = _level.getBytesTotal();
loaded = _level.getBytesLoaded();
procent = Math.round(loaded/total*100);
if (loaded>=total) {
        gotoAndPlay ("Scene 2", 1);
}


Pierwsza linia pobiera rozmiar animacji.
Druga, ile bajtów zostało załadowanych.
Trzecia, przelicza na procenty,
a czwarta i piąta odpowiadają za przejście do właściwej sceny, jeżeli animacja zostanie załadowana.Do drugiej klatki dodajemy kod:

gotoAndPlay(1);


Dzięki niemu nasz preloader będzie się zapętlał dopóki cała animacja nie zostanie załadowana.

W pierwszej klatce na warstwie "Zawartość" umieszczamy pole tekstowe i w panelu Properties zmieniamy jego typ na Dynamic Text, a w pole Var piszemy "procent". Możemy też umieścić tam krótką animację.
Teraz dodajemy nową scenę na której będzie właściwe menu.

Przygotowania


Najpierw przygotuj obrazki przycisku w trzech pozycjach (np. programem DeKnop):
  • Zwykła
  • Po najechaniu kursorem myszy
  • Po wciśnięciu

Możesz też przygotować dźwięki:
  • Po najechaniu kursorem myszy
  • Po wciśnięciu

Zaczynamy


We Flashu najpierw pokazujemy okno Biblioteki, aby to zrobić wciśnij kombinacje klawiszy Ctrl+L. Teraz klikamy na + w dolnej części tego okna. W nowo otwartym oknie wpisujemy nazwę przycisku i zaznaczamy opcję Button. Tworzy nam się wpis w Bibliotece, a w oknie edycji wklejamy na środek przygotowany wcześniej przycisk. Potem tworzymy nową klatkę w pozycji Over i wklejamy grafikę, która ma się pokazać po najechaniu na przycisk myszką. Tak samo postępujemy z pozycją Down. Wracamy do edycji głównej sceny. Z biblioteki przenosimy stworzony przycisk w wybrane miejsce.
Jeżeli chcesz, aby twojemu menu towarzyszyły dźwięki, zaimportuj je do programu. Kliknij na pozycję Over, przejdź do zakładki Sound i wybierz z listy odpowiedni dźwięk.

Funkcjonalność


Jeszcze menu nie wykonuje najważniejszej rzeczy czyli nie ładuje odpowiednich stron. Na przycisku kliknij prowym przyciskiem myszy i wybierz Actions. Do edytora kodu wpisz:
on (release) {
        getURL 
 
("http://www.twoja-strona.pl/podstrona.html");
}

Potem wystarczy tylko zapisać i dodać na swoją stronę i wszystko :)

7 komentarzy

lukasz1235 2008-03-05 10:20

tomkiewicz:Dlaczego pomyłka? Przecież coraz częściej powstają całe strony we Flashu, a HTML+Flash to już się staje standardem.
A do alternatywnego menu: Nie jestem przekonany, czy to jest jeszcze potrzebne:
1) Chyba głównym zastosowaniem alternatywnego menu jest to, że osoby, które mają wolny internet musiałyby długo czekać. Ale w dzisiejszych czasach już to chyba nie ma zastosowania.
2) Osób, które nie mają wtyczki dla przeglądarki - już nie ma, chyba, że wyjątki.

tomkiewicz 2008-03-04 19:26

poza tym, że menu we flashu na www to pomyłka, to nie napisałeś najważniejszego - osoba umieszczajca takiego potworka na swojej stronie powinna zrobic alternatywne menu w html. A najlepiej zostawic flasha do tego, do czego się najlepiej nadaje (i nie jest to budowa podstawowych elementow stron)

lukasz1235 2008-02-19 14:10

I  po  tym  "szkaradnym"  przykładzie.  Biorę  się  za  rozbudowę

PS: Artykułami dla newbie zajmę się później

lofix 2008-02-19 07:19

Nie znam się na flashu raczej. Ale jeżeli miałbym w planach zrobić jakąś stronę, i zobaczyłbym ten "artykuł" z tym szkaradnym przykładem, to bym raczej na pewno nie robił we flashu.

BTW Po co na tak "sążnisty" artykuł zrobiłeś spis treści? :):D

A co dodać?
Chociażby opisz mniej zorientowanym ludziom jak dodać flash na własną stronę, jak zrobić plik konfiguracyjny, w którym można zdefiniować np kolor buttonów...

lukasz1235 2008-02-18 21:53

1)   Obrazek  to  tylko  <font class="adtext" onmouseover='fo_emituj_reklame(2)' onmouseout='fo_ukryj_reklame()'>przykład</font>.  Jeżeli  potrafisz  zrobić  coś  lepszego  to  zrób  i  daj  mi  znać
2) Co konkretnie ci się nie podoba?
3)   Ja   tu   pokazuje   jak   to   zrobić   we   Flashu.   Jeżeli   ktoś   chce   to   zrobić   w   CSS   to  niech   robi   w   CSS
4)   Więc   co   mogę   jeszcze   opisać?

lofix 2008-02-18 15:42

"de  gustibus  non  est  disputandum"

Ale  to  co  zaprezentowałeś  tu  w  przykładzie  (obrazek)  jest  po  prostu  szkaradne....
IMHO  o  wiele  ładniejsze,  lżejsze  i  funkcjonalniejsze  można  uzyskać  dzięki  CSS.

Poza tym to bardziej wygląda na poradę, niż na artykuł, mało tego.

lukasz1235 2008-02-23 10:30

Jeżeli ma ktoś jeszcze pomysł na rozbudowę niech pisze. Ja się zajmuje podstawami