Spis treści
1 Preloader
2 Przygotowania
3 Zaczynamy
4 Funkcjonalność
Tworzenie menu na stronę WWW
Strona w budowie
Ktoś pracuje nad tą stroną, jej zawartość może się wkrótce zmienić. Prosimy o cierpliwość!
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.
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 :)
Kategoria: Artykuły do poprawy, Flash
7 komentarzy
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</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ć?
"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
<b>tomkiewicz:</b>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.