Fireworks V.
Munkatársunktól
2005 March 06, Sunday
Folytatjuk a Fireworks megismerĂ©sĂ©t. Bemutatjuk, hogyan lehet villámgyorsan gombsort lĂ©trehozni. Rovatunk a Merlin StĂşdiĂł segĂtsĂ©gĂ©vel kĂ©szĂĽlt.
|
1. Most folytatjuk elõzõ adásunkban megkezdett indulĂł lapunk grafikáját. ElkĂ©szĂtettĂĽnk egy gombot, amelyet megformáztunk Ă©s felirattal is elláttunk! JelöljĂĽk ki egyszerre a gombot Ă©s a szöveget a shift billentyĂ» segĂtsĂ©gĂ©vel Ă©s konvertáljuk gomb szimbĂłlummá a Modify menĂĽ Symbol - Convert to Symbol parancs segĂtsĂ©gĂ©vel. A szimbĂłlum neve legyen gomb, a tĂpusa pedig legyen button, azaz gomb. A Library panelon láthatĂł, hogy a szimbĂłlumkönyvtárunkban egybõl megjelent a gombunk, Ă©s a rajzon a kijelölt elemek helyett egy szimbĂłlum pĂ©ldány jött lĂ©tre. A zöld terĂĽlet a gomb Ă©rzĂ©kelĂ©si terĂĽletĂ©t jelzi. A Library panelrĂłl hĂşzással helyezzĂĽnk a rajzunkra mĂ©g kĂ©t gombot. Az Ă©rzĂ©kelĂ©si terĂĽletek ne fedjĂ©k egymást! Ha mĂłdosĂtjuk a szimbĂłlumot, akkor az összes pĂ©ldány követi a változást! PrĂłbáljuk ki! A Library panelon az Edit Symbol-ra kattintva, a SzimbĂłlum tulajdonságait megváltoztathatjuk. PĂ©ldául a szimbĂłlum átszĂnezĂ©sĂ©nek hatására az összes gomb beszĂnezõdik. Majd állĂtsuk vissza a gomb eredeti szĂnĂ©t. A properties panelon termĂ©szetesen beállĂthatĂł a kijelölt pĂ©ldány szövege Ă©s hivatkozása. Most állĂtsuk be mindhárom gombnál a jellemzõket. A hivatkozások tĂpusai megegyeznek a weblapkĂ©szĂtĂ©snĂ©l tanultakkal. Itt is beállĂthatĂł, hogy a hivatkozott weblap Ăşj ablakban nyĂljon meg. NĂ©zzĂĽk meg a böngĂ©szõben a munkánkat. A hivatkozások már mĂ»ködnek, de a gombra mutatáskor eltĂ»nik a gomb terĂĽlete! Ez azĂ©rt van, mert nem rajzoltuk meg a gomb második állapotát. 2. Gombállapotok rajzolása. Legyen a Library panelon kijelölve a gomb szimbĂłlum, majd a panel menĂĽjĂ©ben válasszuk az Edit Symbol parancsot! Az ablakban máris szerkeszthetjĂĽk a gomb állapotait! Az Over, rámutatáskori állapot nincs megrajzolva. Egy kattintással átmásolhatjuk az elõzõ állapot elemeit. MĂłdosĂtsuk Ăşgy, hogy a gomb, kiemelkedĂ©s helyett besĂĽllyedjen. Tehát törĂĽljĂĽk ki a kiemelkedĂ©s effektet, majd az Inset emboss effektust állĂtsuk be. Kattintsunk a 3. állapot, az Ăşgynevezett benyomott állapot lapra Ă©s másoljuk át az elõzõ gombot. SzĂnezzĂĽk be a gomb szĂnĂ©t Ă©s a szöveg szĂnĂ©n is változtassunk. KĂ©sz a három állapot! ÉrvĂ©nyesĂtsĂĽk a változásokat. Az eredmĂ©nyt megnĂ©zhetjĂĽk a böngĂ©szõ ablakban. UtolsĂł lĂ©pĂ©s a grafika exportálása weblapkĂ©nt. Exportáláshoz Ă©rdemes a File menĂĽ Export Preview parancsát használni, mert itt mĂ©g egyszer meggyõzõdhetĂĽnk a kĂ©pek minõsĂ©gĂ©rõl, mĂ©retĂ©rõl. Exportáljunk! A lapunk neve legyen index.htm. ĂŤgy most már böngĂ©szõvel, fireworks nĂ©lkĂĽl is megnĂ©zhetjĂĽk az elkĂ©szĂĽlt weblapot!
|
|
Kedves Olvas�! Jelentkezzen be �s akkor egy kattint�ssal nyithat a cikkhez f�rumos t�m�t.
Hozz�sz�l�sok Kedves Olvas�! Jelentkezzen be �s akkor hozz�sz�lhat a t�m�hoz!