Webtervezés alapjai gyakorlat
Levelező tagozat
2022/2023 II. félév

Alapadatok

• A tantárgy kódja: ITLA2714g.
• Kreditérték: 2.
• Féléves óraszám: 12.
• A tantárgy típusa és értékelés módja: előadás, kollokvium.
• A kurzus felvételének feltételei:
  1. a Programozás alapjai vagy a Programozási alapismeretek (C ismeretek) gyakorlatok valamelyikének előzetes teljesítése, ÉS
  2. a Webtervezés alapjai előadás párhuzamos felvétele vagy előzetes teljesítése.
• Felelős oktató: Dr. Holló Csaba, egyetemi adjunktus, Szoftverfejlesztés Tanszék.

A tantárgy célja

• A hallgató képes legyen jó minőségű statikus weboldalakat készíteni.
• A hallgató ismerje a webtervezés alapjait és megértéssel viszonyuljon a weboldalakat különböző körülmények között vagy nehézségekkel kezelő felhasználókhoz.

Tematika

1. HTML és CSS.
   1. HTML és CSS szintaxis.
   2. Általános formázások. Stílusok elhelyezése. Hozzárendelési feltételek. Kijelölések. Értékek, mértékegységek (hosszúság, URL, szög, színek). Objektumok általános formázása (háttér, margó, belső margó, szegély). Rangsor és hatás.
   3. Helyzetmegadás.
   4. Weboldalak strukturálása. Beágyazott keretek (lebegőkeretek).
   5. Szövegek jellemzői, strukturális egységei és azok formázása. Hivatkozások elhelyezése és formázása.
   6. Felsorolások. Menük elhelyezése és formázása.
   7. Táblázatok készítése.
   8. Űrlapok készítése. Űrlapelemek, elemfeliratok, működési jellemzők.
   9. Multimédiás elemek beágyazása.
   10. A HTML és CSS további lehetőségei.
2. Webtervezés, webdesign és webes akadálymentesítés alapismeretek.

Ajánlott irodalom

• HTML, CSS
  1. Abonyi-Tóth Andor, ELTE IK: A weblapkészítés technikája (HTML5, CSS3) és ergonómiája, elte.hu, tankonyvtar.hu.
  2. Cservenák Bence gyakorlati jegyzete.
  3. Vancsics Béla által gondozott gyakorlati jegyzet.
  4. HTML5 weboldalak készítése - webfejlesztes.gtportal.eu
  5. Holló Csaba: Üzleti webtechnológiák, Typotex Kiadó, 2011.
  6. Virginia DeBolt: HTML és CSS. Webszerkesztés stílusosan. Kiskapu Kft, 2005.
  7. (angol) HTML5 - MDN web docs (Mozilla)
  8. (angol) HTML5 Tutorial - w3schools.com
  9. (angol) Estelle Weyl: HTML5 v. XHTML5
• Webtervezés.
  1. Abonyi-Tóth Andor, ELTE IK: A weblapkészítés technikája (HTML5, CSS3) és ergonómiája, elte.hu, tankonyvtar.hu.
  2. Jakob Nielsen, Web-design, Typotex, 2004.
  3. Webergonómia Jakob Nielsen nyomán, szerkesztő: Leiszter Attila, Typotex Kiadó, 2011, ISBN : 9632795782.
  4. Walter, Aarron: Keresők és Webhelyek, Kiskapu Kiadó, 2009, ISBN : 9639637597.
  5. W3C Magyar Iroda: Honlapok akadálymentesítése
  6. Szántai Károly: Akadálymentes web
  7. HVG: Akadálymentes honlap - valakinek kötelező, valakinek ajánlott
  8. optimizer.hu: Web akadálymentesítés és SEO
  9. Edelényi Zsolt: Akadálymentes honlapok,
  10. Google: Google Keresőmotor-optimalizálási útmutató kezdőknek
  11. Google: Útmutató webmestereknek
  12. Papp Gábor: Keresőoptimalizálás: bevezetés és alapok.
  13. Longhand: Keresőoptimalizálás.
  14. Honlapra Fel!: Keresőoptimalizálás.
  15. optimizer.hu: Sebesség optimalizálás és teljesítménynövelés

A foglalkozásokon való részvétel követelményei és a távolmaradás pótlásának lehetősége

• A projekt munka megvédése érdekében az utolsó gyakorlaton, kivételes esetben a hallgatóval egyeztetett időpontban, kötelezőképpen meg kell jelenni. A védésről való igazolatlan hiányzás esetén a gyakorlat (az elért pontszámoktól függetlenül) nem értékelhető. A hiányzás akkor igazolt, ha azt a gyakorlatvezető előzetesen engedélyezte, vagy ha azt a folyamatos hiányzás(oka)t követő 10 naptári napon belül a hallgató megfelelően igazolja (pl. orvosi igazolással). További pótlás nem lehetséges.
• A többi gyakorlaton való részvétel ugyan nem kötelező, de nagyon ajánlott. Ezek során a gyakorlatvezető segít a tananyag megértésében és a projekt elkészítésében. Továbbá, ha a projekt nem értékelhető, akkor gyakorlati részvétel hiányában a hallgató féléves tevékenysége sem értékelhető.
• A gyakorlatokon elhangzottakat ismerteknek tekintjük, és a hallgató semmilyen célból nem hivatkozhat arra, hogy hiányzása következtében ezekről nem szerzett tudomást.

A félévközi ellenőrzések (beszámolók, zárthelyik) száma, témaköre és időpontja, pótlásuk és javításuk lehetősége

1. Korábbi teljesítmények beszámítása
   • Korábbi (előző félévekben kifejtett) gyakorlati teljesítmény nem vehető figyelembe, ezért az aktuális félév gyakorlati kötelezettségeinek teljesítése alól nem mentesít.
   • Ugyanakkor, annak nincs akadálya, hogy a hallgató előző évben készített saját projektjét felhasználja.
2. A gyakorlatokhoz kapcsolódóan beadandó egy projekt munka.
   1. A projektet minden hallgató egyénileg készíti.
   2. Hallgatónként a projektben elérhető 100 pont, amiből teljesítendő legalább 50 pont.
   3. A projekt követelményeinek közzététele CooSpace rendszerben történik.
   4. A projektben tilos a gyakorlatvezető engedélye nélkül más projektek, programok, keretrendszerek, eszközök felhasználása.
   5. A projekt beadása a CooSpace-ben erre létrehozott feledat eszközben lehetséges.
      • A projekt beadási határideje 2023. április. 23. 23 óra 55 perc.
      • A projekt javítása egy alkalommal, a gyakorlatvezető értékelését követő két héten belül lehetséges. A javítást is a CooSpace-ben kell beadni.
   6. A beadott projektet az utolsó gyakorlaton (kivételes esetben egyeztetett időpontban) meg kell védeni. Védés hiányában a projekt elfogadása és pontszáma érvénytelen!
   7. A hallgató köteles a projektvédésre az alábbiaknak megfelelően felkészülni. A védés során a projektből a gyakorlatvezető a hallgatónak kérdéseket tehet fel, illetve a projekt olyan módosításait kérheti, melyekhez szükséges ismeretekkel azok teljes mértékű megértéséhez és elkészítéséhez a hallgatóknak rendelkeznie kellett és kell. Hogyha a hallgatónak a projekt valamely részének megértésében kisebb hiányosságai vannak, de annak lényeges elemeivel tisztában van, az a pontszám csökkentését eredményezi. Amennyiben viszont a védés során kiderül, hogy a hallgató a projekt lényeges elemeivel sincs tisztában, vagy nem tudja elmagyarázni a programrész működését, az annak bizonyítékául szolgál, hogy annak elkészítésében a hallgató érdemben nem vett részt, a projektre 0 pontot kap, és a gyakorlatot nem teljesítette.
   8. A projektvédésnek javítása nincs, pótlása csak igazolt hiányzás esetén lehetséges.
3. Elégtelen gyakorlati jegy javítása vizsgaidőszakban
   • Elégtelen gyakorlati jegy javítása a projekt javításával, annak ismételt beadásával és megvédésével lehetséges.
   • A projekt védése vizsgaidőszakban a meghirdetett időpontokban (várhatóan május 20. és 27. 8 óra) lehetséges. A projektet értékelés céljából legkésőbb a választott védési héten szerda éjfélig be kell adni.

A kurzus teljesítésének feltételei

• A hallgató által:
  1. a követelményeket kielégítő projekt fentebb meghatározott feltételek szerinti határidőre történő leadása, ÉS
  2. a projektben legalább 50 pont elérése, ÉS
  3. a projekt fentiekben leírtak szerinti sikeres megvédése.

Az osztályzat kialakításának módja

• A projektre kapott pontszám alapján az osztályzat:
  • 50-64 pont: elégséges (2),
  • 65-79 pont: közepes (3),
  • 80-89 pont: jó (4),
  • 90-100 pont: jeles (5).

További tudnivalók

• A számonkéréseken a hallgató köteles személyazonosságát igazolni. Amennyiben a diákigazolványban található fénykép alapján nem azonosítható egyértelműen, úgy köteles más érvényes fényképes igazolvánnyal is azonosítani magát.
• A számonkérések során semmilyen segédlet nem használható.
• Felhívjuk a tisztelt hallgatók figyelmét a következőkre:
  1. Kizárólag az u-szeged.hu tartományból küldött levelekre garantáljuk a választ, és személyes információkat (pl. pontszámot) csak a hallgató http://www.stud.u-szeged.hu/ címen található egyetemi levelező rendszerbeli saját címéről küldött levelére válaszolva, vagy CooSpace üzenetben adunk ki.
  2. Levélre, üzenetre csak akkor válaszolunk, hogyha az tartalmazza a hallgató nevét, Neptun kódját, pontos szakját (azt is, hogy nappalis vagy levelezős), és a tárgy pontos nevét, amivel kapcsolatban megkeres. Ezen információk hiányában a levél/üzenet válasz nélkül törlésre kerül!