Kurzus nemzetközi vendég- és részidős hallgatóknak

Kar

Informatikai Kar

Szervezet

IK Média- és Oktatásinformatika Tanszék

Kód

IP-18fWF1EG

Cím

Web-fejlesztés Ea+Gy

Tervezett félév

Tavaszi

Meghirdetve

2023/24/2

ECTS

3

Nyelv

en

Oktatás célja

A kurzus célja, hogy a hallgatók megismerkedjenek a weblapkészítés technológiájával, a HTML jelölõnyelv különbözõ szabványaival (XHTML, HTML5), a stíluslapok (CSS3) használatával, a fõbb ergonómiai és akadálymentesítési elvekkel, valamint képesek legyenek önállóan komplex honlapok megtervezésére és fejlesztésére.

Tantárgy tartalma

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

Számonkérés és értékelés

A tárgy teljesítéséhez a következõkre van szükség: határidõre el kell készíteni a beadandó honlap drótváztervét a félév elején megadott irányelveknek megfelelõ honlapot kell készíteni, és határidõre be kell adni. a honlaphoz mellékelni kell egy hallgatói önellenõrzést, amelyben a hallgató jelzi, hogy mely irányelveket teljesítette, és melyeket nem. részt kell venni a társértékelésben, amelynek során minden hallgató két, véletlenszerûen kiválasztott hallgatótársának a honlapját értékeli a megadott szempontok alapján. A hallgató pontszámot kap a saját honlapjának minõségére, az önellenõrzés és a társértékelések szakmaiságára. A hallgatók szorgalmi feladatként blogbejegyzést írhatnak a Web-fejlesztés blogon, a félév során érintett témákból. Az elért pontszámok alapján a következõ módon történik a jegyek meghatározása: Feladat Jellege Pontszám Minimum pontszám Saját honlap drótváztervének elkészítése kötelezõ Nincs pontszám.  Vagy elfogadjuk, vagy visszautasítjuk a tervet. Jegyszerzés csak elfogadott terv esetén lehetséges. Saját honlap elkészítése az irányelvek alapján kötelezõ 100 33 Honlap értékelések (saját + két másik) szakmaisága kötelezõ 60 20 Blogbejegyzés készítése szorgalmi 25 Összesen (kötelezõk esetén) 160 53 Érdemjegyek Alsó határ Felsõ határ elégtelen 0 52 elégséges 53 79 közepes 80 106 jó 107 133 jeles 134 160 (+25)

Irodalomjegyzék

Abonyi-Tóth Andor: A weblapkészítés technikája (HTML5, CSS3) és ergonómiája http://www.tankonyvtar.hu/hu/tartalom/tamop412A/2011-0052_27_weblapkeszites_technikaja_ergonomiaja/index.scorml Webergonómia Jakob Nielsen nyomán (Szerkesztõ: Leiszter Attila, Typotex, 2011)

Kurzus szakjai