Data publikacji: 2006-09-27
Autor: Tawananna

Co rzuca się w oczy na stronie? Na co klikasz tysiące razy, by dotrzeć do pożądanych informacji? Co powinno być przejrzyste, ładne, a jednocześnie niebanalne? Odpowiedź jest prosta - menu :).

Każdy webmaster wie jednak pewnie nie od dziś, że zrobienie dobrego menu nie jest tak łatwe, jak mogłoby się wydawać. Sposobów jest sporo - gotowe aplety, które nie tak dawno były opisywane w "Strefie", graficzne buttony czy zwykłe, poczciwe tabele, sformatowane na 1001 sposobów. Jeśli pamiętacie jeszcze tamten artykuł o apletach, wiecie zapewne, że za ich pomocą, przy odrobinie cierpliwości i jakiejś orientacji w kodzie można zdziałac cuda. Jest jednak jeszcze jeden sposób - Flash. Zapewne wielokrotnie widzieliście w sieci profesjonalnie wykonane witryny, z barwnymi, ruchomymi menusami. Ech, to było wrażenie... Flasha nie będę Was uczyć - moja wiedza jest jak na razie raczej czysto teoretyczna ;), chciałam Wam za to zaprezentować pewną bardzo interesującą stronę, dzięki której nawet bez znajomości tego programu możemy stworzyć estetyczne i bajeranckie menu :). Nie, to nie ja znalazłam adres witrynki, to naczelny rzucił coś w rodzaju "Mam na stanie bardzo ciekawy temat". I tylko w pierwszej chwili nie powiedział, jaki ;). I tak trafiłam na stronę www.flashbuttons.com. Oszczędzę Wam jednak już dalszych dygresji, przechodzimy do konkretu :).



Strona umożliwia przygotowanie flashowego menu praktycznie za pomocą kilku kliknięć myszką. Działa w formie prostego generatora, ale efekty, jakie można osiągnąć przy pracy z nim, są naprawdę ciekawe. Na początek wybieramy wzór buttona. Możliwości jest sporo - kilkadziesiąt, a co najważniejsze, prezentują się naprawdę nieźle. Można dobrać je do layoutu czy tematyki strony. W niektórych z nich, oznaczonych takim znaczkiem: możliwa jest zmiana kolorystyki. By wybrać wzór wystarczy kliknąć na niego.

I już jest "Step 2". Zanim do niego przejdziesz, zastanów się nad pozycjami, które chcesz umieścić w menu. Gotowy? Teraz w pierwszym polu tekstowym wpisujesz kolejno, jeden pod drugim, wszystkie napisy z menu. U mnie będą to: Rasy, Opieka, Galeria, Psie imiona i Kontakt. Uwaga! Pozycji może być maksymalnie 30, a każdy napis może składać się najwyżej z 12 znaków. Wydaje mi się jednak, że nie są to drastyczne ograniczenia. Większym minusem są - z przyczyn dość oczywistych - problemy z polskimi fontami. W następnym polu, zachowując tę samą kolejność, wpisz adresy, do których ma prowadzić menu. W razie jakichkolwiek wątpliwości powinny pomóc ci umieszczone automatycznie przykłady. Kolejna pozycja umożliwia wybranie rozmieszczenia buttonów - pionowe czy poziome, w tym drugim wypadku w ilu liniach. Moim zdaniem najlepsze jest pierwsze ułożenie (Vertical). Niezłe jest też Horizontal - 1 Line, ale w tym wypadku efekt psuje reklama... zaraz, o reklamie będzie później :). Wracamy do naszego "generatora". Jeśli istnieje taka konieczność, określasz, gdzie ładować ma się strona. Ta opcja jest potrzeba szczególnie na stronach z ramkami, ale może się przydać również, gdy chcesz załadować stronę na wierzch, w nowym oknie. Targety wpisujesz wtedy jeden po drugim, oddzielając je przecinkami. W ostatnim polu wybierasz tło dla menu. Najlepszy efekt daje oczywiście wybranie tego samego koloru, co tło strony. Teraz klikasz na "Click here to Generate your Free Navbar!" i możesz już zobaczyć Twoje menu, wzbogacone o reklamę serwisu FlashButtons.com. Czas na wybór pomiędzy darmowym menu a jego płatną wersją, pozbawioną już reklamy. Osobiście polecam pierwszą możliwość - szczęśliwie reklama nie jest pstrokata i dwa razy większa od całego menuska, wręcz przeciwnie, nawet specjalnie nie rzuca się w oczy. Teraz możesz ściągnąć plik z menu (trzeba kliknąć na "Free Download", kto by na to nie wpadł ;)). Masz również możliwość przesłania pliku na twoje konto e-mail - praktyczna funkcja, jeśli akurat siedzisz w kawiarence lub u znajomego i nie dysponujesz wolną dyskietką. Plik .swf (w tym formacie zapisywane jest menu) musisz umieścić w tym samym folderze co plik .html, w którym menu ma się znaleźć. Na zakończenie musisz wkleić w odpowiednim miejscu strony wygenerowany kod HTML. W moim wypadku prezentował się on następująco:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="115" height="125">
<PARAM name="movie" value="Dog.swf">
<PARAM name="quality" value="high">
<PARAM name="menu" value="true">
<EMBED src="Dog.swf" quality="high" menu="true" pluginspage="http://www.macromedia.com/shockwave/
download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="115" height="125">
</EMBED>
</OBJECT>
Teraz możesz już zająć się podziwianiem efektów swojej pracy :). A to moje psie menu :).