Kétállapotú gombok: Rollover Image bemutatása
A táblázatok megismerése után most a Dreamweaver két látványos elemével ismerkedhettek meg. Kezdjük a kétállapotú gombokkal. Ezek két képpel rendelkeznek, melyeket egy rajzoló program segítségével elõre elkészítünk. Figyelni kell, hogy a képek mind azonos méretûek legyenek, különben könnyen elõfordulhat, hogy eltorzulva fogjuk ezeket viszontlátni. Az egyik kép csak alapállapotban jelenik meg, a másik akkor látható, ha az egérkurzor áthalad fölötte a böngészõben. Természetesen minden gombhoz tartozik egy link. Ha rákattintunk a gombra, betöltõdik a link által meghatározott lap.
Kétállapotú gomb készítése
Induljunk ki a következõ állapotból. Rakjuk a kurzort a beszúrás helyére, és adjuk ki az Insert - Interactive images - Rollover image parancsot. A megjelenõ ablakban adhatunk a gombunknak egy nevet, majd keressük meg az eredeti képet és a váltó képet. Beállíthatjuk, hogy a váltó kép elõre töltõdjön le a weblappal, hogy gyors legyen a váltás. Megadhatjuk a gomb címkéjét, és a linket. Szerkesztõ módban csak az alapállapot képét látjuk, viszont a böngészõben kipróbálva már vált a gomb. Kiírja a címkét, és mûködik is a link. Már csak a többi gombot kell ugyanígy felrakni.
Négyállapotú gombok bemutatása
A négy állapotú gombok úgynevezett navigációs sávot alkotnak. Ezek vízszintesen vagy függõlegesen helyezkedhetnek el. Mi vízszintes navigációs sávot fogunk készíteni. Egy gombnak 4 állapota van: alap, rámutatáskori állapot, lenyomott, lenyomott rámutatáskori állapot. Ezek 4 képfájlban vannak tárolva. A benyomott állapot azt jelzi, hogy éppen melyik lapon vagyunk. A navigációs sáv másik gombjára kattintva a lapcsoport másik lapjára jutunk, amit a hozzátartozó gomb benyomott állapota jelez.
Négyállapotú gombsor létrehozása
Nézzük meg, hogyan készíthetjük el a négyállapotú gombsort. Helyezzük a kurzort a navigációs sáv helyére, és adjuk ki az Insert menü Interactive Images - Navigation Bar parancsot. Megjelenik egy ablak, ahol a három 4 állapotú gombból álló navigációs sávunkat összeállíthatjuk. Elõször kezdjük az elsõ gombbal. Adjuk meg a nevét, böngésszük ki a felengedett állapot képét, majd a rámutatás képét, a benyomott állapot képét, és végül a benyomott állapotban való rámutatás képét. Állítsuk be a címkét, majd a linket is. Beállítható, hogy a nem látható képeket a böngészõ töltse le elõre, így gyors lesz a képváltás. Megadható, hogy vízszintes, vagy függõleges gombsort szeretnénk-e, és hogy azt táblázat tartsa-e össze. Mivel ezen a lapon ez a gomb a felengedett állapotú, ezért ne pipáljuk ki, hogy a gombot felengedett állapotban töltse le. A következõ gomb létrehozásához meg kell nyomni a + gombot az ablak felsõ részén, és máris töltögethetjük a 2. Gomb adatait. Mivel ezen a lapon ez a gomb a benyomott állapotú, ezért kipipáljuk, hogy a gombot benyomott állapotban töltse le. A listában csillaggal jelenik meg a benyomott állapotban letöltött gomb neve. Végül a 3. gomb adatait is töltsük ki. Ez a gomb is felengedett állapotban töltõdjön majd le. Ha kész, nézzük meg mit tapasztalunk a böngészõ programunkban! Láthatjuk, hogyan váltanak a gombok. Természetesen ezt a sávot át kell másolni a lapcsoport többi lapjára, és a Modify menü - Navigation Bar paranccsal a laphoz tartozó gombot kell lenyomott állapotúra váltani.
Hozz�sz�l�sok Kedves Olvas�! Jelentkezzen be �s akkor hozz�sz�lhat a t�m�hoz!