Oldaltérkép

A weblapkészítés technikája (HTML5, CSS3) és ergonómiája

• Kezdőlap

1. lecke: Bevezető

• Bevezető
• Alapfogalmak, előkészületek
• Önellenőrző feladatok (1. lecke)

2. lecke: HTML-bevezető

• HTML-bevezető
• A tagek szemantikai jelentése, paraméterek
• Alapstruktúra nyelv és karakterkódolás megadásával
• A kód tördelése, megjegyzések a kódban
• Tagek hibás egymásba ágyazása
• Önellenőrző feladatok (2. lecke)

3. lecke: A HTML5 legfontosabb szövegszintű elemei

• A HTML5 legfontosabb szövegszintű elemei
• <a> – hiperhivatkozás
• Szerkesztések (korrektúra) jelzései
• Önellenőrző feladatok (3. lecke)

4. lecke: Kitekintés a stíluslapok használatába, tipikus szövegformázások

• Kitekintés a stíluslapok használatába, tipikus szövegformázások
• Szöveg szintű elemeknél gyakran használt stílusbeállítások
• Kiskapitálissá tétel (font-variant)
• Szöveg szintű elemeknél gyakran használt stílusbeállítások (2. rész)
• Szövegszintű elemeknél gyakran használt stílusbeállítások (3. rész)
• Önellenőrző feladatok (4. lecke)

5. lecke: Csoportosító elemek

• Csoportosító elemek
• <ol>, <li> – Sorszámozott lista
• <figure>, <figcaption> – Kép, ábra, kép/ábra aláírása
• Önellenőrző feladatok (5. lecke)

6. lecke: Beágyazott elemek

• Beágyazott elemek
• Kliensoldali térkép létrehozása
• Beágyazott elemek (II. rész)
• <video>, <source> – videó állományok beillesztésére
• <track> – Időzített, szöveges információ
• <iframe> – Beágyazott keret
• A HTML5 vászon (canvas) használata
• Önellenőrző feladatok (6. lecke)

7. lecke: Oldalszerkezet elemek

• Oldalszerkezet elemek
• Önellenőrző feladatok (7. lecke)

8. lecke: Táblázatok használata

• Táblázatok használata
• <table> – Táblázat megadása
• Táblázatok formázása (stíluslap kitekintő)
• Önellenőrző feladatok (8. lecke)

9. lecke: Űrlapok

• Űrlapok
• <input> – Különböző típusú beviteli mezők
• Dátum és idő megadására szolgáló beviteli mezők
• <input type="submit"> – Űrlap elküldése gomb
• Önellenőrző feladatok (9. lecke)

10. lecke: Interaktív elemek

• Interaktív elemek

11. lecke: Bevezetés a stíluslapok használatába

• Bevezetés a stíluslapok használatába
• Stíluslap csatolási módok
• A CSS-szabályok értékei, mértékegységek
• Öröklődés, kiértékelési sorrend, dokumentumfa
• CSS3-as szelektorok bemutatása
• Attribútum szelektorok (E[attr], E[attr="érték"], stb.)
• Látszólagos osztályok
• Strukturális látszólagos osztályok
• Nyelvfüggő stílus
• Látszólagos elemek
• Önellenőrző feladatok (11. lecke)

12. lecke: CSS kiértékelési sorrend (rangsorolás)

• CSS kiértékelési sorrend (rangsorolás)

13. lecke: Ismerkedés a CSS dobozmodelljével

• Ismerkedés a CSS dobozmodelljével
• Szegély beállítása (border, border-left, border-right, border-top, border-bottom)
• A megjelenítés beállításai (display)
• Önellenőrző feladatok (13. lecke)

14. lecke: Szín- és háttérbeállítás stíluslappal

• Szín- és háttérbeállítás stíluslappal
• A háttérkép beállításai (II. rész)
• Önellenőrző feladatok (14. lecke)

15. lecke: Vizuális formázásmodell

• Vizuális formázásmodell
• Az elemek láthatósága
• Önellenőrző feladatok (15. lecke)

16. lecke: Transzformációk és átmenetek

• Transzformációk és átmenetek
• Átmenetek (transition)
• Önellenőrző feladatok (16. lecke)

17. lecke: Médiatípusok használata

• Médiatípusok használata
• Önellenőrző feladatok (17. lecke)

18. lecke: Úton a reszponzív arculat felé

• Úton a reszponzív arculat felé
• Esettanulmány
• Önellenőrző feladatok (18. lecke)