27. Lapoda 13. - Önálló multimédiás anyag készítése-4.

 

KÉPOLDAL SZERKESZTÉSE

A bemutató képoldalát úgy építjük fel, hogy a zenekar tagjainak nevére lehet kattintani, ennek hatására megjelenik egy kép és egy címke, amely némi információt tartalmaz róla.

 Első lépésként töltsük le a kívánt képeket a Netről.
Lehetőleg közepes méretű, 300-400 pixel szélességű képeket használjunk. Ha ennél jóval nagyobb a kép, az XnView programmal méretezzük a kívánt szélességűre. Erre azért van szükség, mert a képeket ugyanabban a kép1 elemben jelenítjük meg, ezért az Auto méret beállítást fogjuk használni, ezért jó, ha a képek mérete nagyjából hasonló.

A letöltött képeket a Lapoda bemutató képek mappájába mentsük!

Ha elkészültünk, nyissuk meg az XnView programot, amelyben méretezni tudunk. )

Használhatsz más, a gépen meglevő képkezelő programot is, pl.: Office Picture Manager.

 

 A kép megnyitása után (Fájl menü) válaszd az Átméretezés opciót! Jelöld be az Egyéni szélesség és magasság pontot, írd be a kívánt pixelméretet és nyomj OK-t!

Mivel a méretezés aránytartó, elég a szélességet megadnod.

Vigyázz, hogy a kép egyik mérete se legyen nagyobb a lapméret 2/3-ánál!

 

 A lapoda könyvünk megnyitása után hozzuk létre az Oldal4 Új oldalt.

Mivel a képek csak kattintásra jelennek meg, az oldal címét Címke elemben írjuk ki, és hogy ne legyen üres, helyezzük el egy lemezborító-képet is:

 

 Mivel a hátterünk elég tarka, ezért a szövegeket az Oldal3 oldalon alkalmazott sárga Alakzatok elé illesztjük majd be.

Minden név külön Címke elembe kerüljön:

 

 A Címke elem fölött az egérmutatót állítsuk Mutató kézre!

 

A cimkéket szépen rendezzük egymás alá, foglaljuk őket azonos csoportba az Alakzattal.

Ezután szúrjunk be az oldalra egy nyers Kép elemet, amelynek a fájlhivatkozását hagyjuk üresen:

A Méretezhető beállításból vegyük ki a pipát és használjunk Auto méretet!:

 

 A kép bal oldalára illesszünk egy újabb cimkét, amelynek mérete legyen elég nagy, hogy a képhez tartozó információkat meg tudja jeleníteni, és engedélyezzük a sortörést, hogy a szöveg több sorban jelenjen meg:

A címke feliratát hagyjuk úgy (Vagy üresen), mert a tartalmát a Caption paranccsal a programban fogjuk változtatni:

 

 Ha a Címke elem zavaros háttér előtt van, helyezzünk mögé egyszínű alakzatot:

 

 Ezek után készítsük el a nevekhez tartozó Események programját!

 Kattintsunk az első cimkére (Csepregi Éva) jobb gombbal! A menüből válasszuk a Címke tulajdonságai pontot!

Válasszuk az Események fülön az OnClick (Ha rákattintasz) eseményt! Duplán kattintsunk rá!

Írjuk be a következő programot:

 

 A program első sora megjeleníti a kép3 elem keretében a megfelelő képet (vigyázz a \ jelre és az idézőjelekre, valamint a pontos fájlnévre!)
A 2. sor a címke elemben megjeleníti az idézőjelbe írt szöveget.

A pipával ments el a programot, majd ments el a teljes Lapoda-oldalt is!

Végezd ez az Oldal próbát!

 

 Hasonlóképpen írd meg a többi képet megjelenítő címke programját is!

 Ha véletlenül az Oldal próba során a megjelent kép és szöveg csak néhány másodpercre látható, valószínűleg az Oldal tulajdonságok menüben még be van pipálva az automata időzítés és oldalváltás. Ezt kapcsold ki (Vedd ki a pipákat)!

 

A jövő héten a hanglejátszó készítését fogjuk megtenni.