- Előadás
- Az internet és a web fejlődése – szabványok, trendek, érdekességek, sikerek és bukások
- Alapfogalmak a web-fejlesztés témakörében (szabványok és ajánlások, http,https, url,uri, urn, HTML, XHTML,XML, DTD, validáció, reszponzív webdesign)
- Bevezetés a stíluslapok használatába (css alapok, csatolási módok, mértékegységek, látszólagos osztályok és elemek, rangsor, kiértékelési sorrend, formázásmodell, tipikus oldalfelépítések és megvalósításuk , CSS1,CSS2 és CSS3 szelektorok használata)
- A honlapkészítés ergonómiája, példák, elvek, módszerek és eszközök
(Ergonómia fogalma, használhatóság, használhatósági faktorok, a tervezés folyamata, vizsgálati módszerek, felhasználói élmény, tartalomtervezés, oldaltervezés, tipográfia kérdések, linkek használata, multimédiás elemekkel kapcsolatos ergonómiai elvek, navigáció, site tervezés, többnyelvű oldalak megvalósítására vonatkozó elvek.) - Mitől akadálymentes egy honlap? Speciális igényű felhasználói csoportok problémái és elvárásai.
(Akadálymentesítés és az. egyetemes tervezés fogalma, egyenlő esélyű hozzáférés fontossága, példák, az IKT szempontból hátrányos helyzetű felhasználók (gyengénlátó-, vak-, színvak-, siket-, mozgáskorlátozott felhasználók) által tapasztalt problémák, speciális eszközök (pl. Braille kijelző, képernyőolvasó, speciális beviteli eszközök), a WCAG 2.0 (Web Akadálymentesítési Útmutató 2.0) alapelveinek, irányelveinek és teljesítési feltételeinek rövid áttekintése, akadálymentesség ellenőrzésének módszerei és eszközei (validátorok, kontraszt elemzés, struktúra elemzés, médiaelemek akadálymentességének ellenőrzése.)), a WAI-ARIA bemutatása
- Gyakorlat
- Drótvázterv készítő alkalmazások funkciói, és használata
- HTML alapok (alapstruktúra, dokumentumtípus, szemantika, validálás)
- A HTML5 és XHTML 1.0 közti különbségek
- A HTML5 legfontosabb szövegszintű elemei, tipikus szövegformázások
- Csoportosító elemek
- Beágyazott elemek
- Oldalszerkezet elemek
- Táblázatok használata
- Űrlapok
- Interaktív elemek
- Bevezetés a stíluslapok használatába
- CSS kiértékelési sorrend (rangsorolás)
- Ismerkedés a CSS dobozmodelljével
- Szín- és háttérbeállítás stíluslappal
- Vizuális formázásmodell
- Transzformációk és átmenetek
- Médiatípusok használata
- Akadálymentességi ellenőrzőeszközök a gyakorlatban.
- Ismerkedés a Bootstrap keretrendszerrel
