Tworzenie menu na stronę WWW

lukasz1235
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.

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

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.

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)

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

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

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...

1) Obrazek to tylko <font class="adtext" onmouseover="fo_emituj_reklame(2)" onmouseout="fo_ukryj_reklame()">przykład</span>. 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ć?

"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.

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