09.05.2015 Views

Webszerkesztés és HTML programozás - inter-studium.hu

Webszerkesztés és HTML programozás - inter-studium.hu

Webszerkesztés és HTML programozás - inter-studium.hu

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Vinnai Zoltán: <strong>HTML</strong><br />

24. Keretek alkalmazása<br />

24.1. Lehetőségek<br />

• Oldal szerkezet kialakítására<br />

Kereteket elsősorban az oldal szerkezetének kialakítására használnak. Segítségével<br />

könnyedén megoldható, hogy egyetlen oldalon különböző szerkezetű részek legyenek.<br />

Pl.: az oldal tetején és bal oldalon középre rendezett szöveg, még a jobboldali rész<br />

sorkizárt.<br />

• Menüvezérelt oldal készítésére<br />

A menü lehetőséget biztosít a felhasználónak, hogy szabadon válasszon a lehetséges<br />

oldal tartalmak közül. A keretek segítségével könnyen megvalósítható az, hogy a<br />

tartalmi rész változzon, míg a menü, illetve egyéb (pl. fejléc) változatlan maradjon.<br />

• Egyedi igények<br />

Az, hogy alkalmazunk kereteket vagy sem, főként az oldal készítőjétől függ. Neki kell<br />

döntenie, hogy az adott igényekhez alkalmazható-e keret vagy sem. Néhány esetben<br />

sokkal egyszerűbb beillesztett keretek (iframe) alkalmazása, mintha a teljes oldalt<br />

keretbe ágyaznánk.<br />

24.1.1. Vízszintes felosztás<br />

A következő példa három különálló, vízszintesen elválasztott részre osztja az oldalt. A<br />

felső részen elhelyezhető az oldal fejléce, a következő részen a menü, míg a harmadik részen<br />

a tartalmat lehet megjeleníteni.<br />

A felosztást a utasítás végzi el, ahol az első<br />

szám (100) a felső rész magasságát határozza meg, a második (40) a menü magasságát, míg a<br />

* azt jelenti, hogy a tartalmi rész magassága mindig a tényleges tartalomnak megfelelő lesz. A<br />

-en belüli utasítások az egyes részek tartalmát és jellemzőit<br />

határozza meg. Most mindegyik rész egyformán 10-es margókkal került meghatározásra<br />

(marginwidth, marginheight), és egyik sem méretezhető át (noresize).<br />

51. ábra Vízszintes felosztású keret, kiinduló állomány (forrás)<br />

79

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!