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

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

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

Ennek ellenére nem ajánlják ilyen célokra, mivel egy összetettebb oldal esetén a kód<br />

nehezebben értelmezhető, kevésbé átlátható.<br />

CSS:<br />

A CSS azzal a céllal került kialakításra, hogy megoldja a fenti problémákat. A<br />

szabványban minden megvan, ami a különböző oldalak kialakításához szükséges. Sajnos<br />

azonban a böngészők nem egyformán támogatják a szabványban leírtakat. Ugyanaz a stílus<br />

beállítás egyik böngészőnél így, másiknál úgy jelenik meg, megnehezítve a weboldalak<br />

készítését. Sajnos a ma használt böngészőknél is problémát jelent olyan CSS alapú oldal<br />

készítése, amelyik minden böngészőben ugyanúgy jelenik meg.<br />

A böngészők CSS szabvány támogatásának mérésére tesztoldalakat<br />

is készítettek. Acid teszteknek is nevezik ezeket. Jelenleg 3 verziója van:<br />

Acid1, Acid2, Acid3. Tanulságos lehet ezen tesztek lefuttatása az általunk<br />

használt böngészőkön. A kiinduló oldal: http://www.acidtests.org/. Bővebb<br />

információ az Acid tesztekről: http://<strong>hu</strong>.wikipedia.org/wiki/Acid-tesztek.<br />

Összefoglalva:<br />

Profi oldalak ma már nem alkalmaznak kereteket annak ellenére sem, hogy az elterjedt<br />

böngészök mindegyike már támogatja azokat. Ennek oka, hogy a keretek közötti elválasztó<br />

vonal látványosan "elrontja" az oldal kinézetét. Beillesztett keretekkel azonban több helyen is<br />

lehet találkozni.<br />

A mai oldalak többsége vagy táblázatokat alkalmaz az oldal szerkezetének<br />

kialakítására, vagy CSS alapon valósítja azt meg.<br />

24.3. Ellenőrző kérdések<br />

A lecke tanulmányozása után próbálj meg önállóan válaszolni a következő kérdésekre!<br />

1. Mire szolgálnak a keretek?<br />

2. Hogyan lehet 3 egyforma magasságú részre osztani egy oldalt? Írd le a kódot!<br />

3. Hogyan lehet 4 egyforma részre osztani az oldalt? Írd le a kódot! Keress több<br />

megoldást!<br />

4. A következő kód milyen oldalszerkezetet határoz meg?<br />

/ /<br />

5. Lehet-e kereteken belül beágyazott kereteket használni?<br />

6. Hány beágyazott keret lehet egyetlen oldalon?<br />

7. Miért nem készülnek mostanában keretes oldalak?<br />

8. Milyen hátrányai vannak a keretes oldalaknak?<br />

9. Milyen előnyei vannak a keretes oldalaknak?<br />

10. Milyen előnyei vannak a beillesztett keretek alkalmazásának?<br />

11. Milyen hátrányai vannak a beillesztett keretek alkalmazásának?<br />

12. Milyen alternatívák állnak rendelkezésre a keretek helyett?<br />

13. Mi a probléma CSS alkalmazásakor?<br />

14. Mi az az Acid teszt?<br />

A / jelek csak a <strong>HTML</strong> kódok elejét és végét jelzik!<br />

83

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

Saved successfully!

Ooh no, something went wrong!