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

Alapadatok

• A tantárgy kódja: ITNA2714g.
• Kreditérték: 2.
• Heti óraszám: 2.
• 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 gyakorlatokon folyamatos számonkérés történik, azok látogatása kötelező. A 3. héttől számított legfeljebb 5 hiányzás, tehát az első két hetet is beleszámítva 7 hiányzás megengedett, azonban a hiányzások igazolására és pótlására nincs lehetőség. Hogyha a hallgató onhibáján kívül (pl. betegség miatt) kénytelen ennél többet hiányozni, próbálkozhat - a TVSZ-el kiegészített Kari Ügyrend szerint - kivételes tanulmányi rend kérésével.
• A projekt munka megvédése érdekében a gyakorlatvezető által kijelölt (várhatóan 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 teljesítettnek minősül. 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 gyakorlatokon való részvétel szükséges a gyakorlati tevékenységekre kapható pontszámok megszerzéséhez, továbbá ezek során a gyakorlatvezető segít a tananyag megértésében és a projekt elkészítésében.
• 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 gyakorlatokon órai aktivitásra a 3. héttől kezdődően gyakorlatonként legfeljebb 4 pont, összesen legfeljebb 32 pont szerezhető. Mivel ez már 8 alkalommal összegyűjthető, így legalább 2 hiányzás büntetlenül lehetséges, melyek igazolására és pótlására nincs lehetőség.
3. 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ő 68 pont, amiből teljesítendő legalább 34 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ő egy héten belül lehetséges. A javítást is a CooSpace-ben kell beadni.
   6. A beadott projektet a gyakorlatvezető által kijelölt 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! Egy projekt csak akkor védhető meg, ha elérte a minimális pontszámot.
   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 hallgató 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.

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

• A hallgató által:
  1. a 3. héttől kezdődően 5 vagy annál kevesebb hiányzás, ÉS
  2. a követelményeket kielégítő projekt fentebb meghatározott feltételek szerinti határidőre történő leadása, ÉS
  3. a projektben legalább 34 pont elérése, ÉS
  4. a projekt fentiekben leírtak szerinti sikeres megvédése, ÉS
  5. a gyakorlati tevékenységekre és a projektre összesen legalább 50 pont megszerzése.
• Mivel a gyakorlatokon folyamatos számonkérés zajlik, az elégtelen gyakorlati jegy utólagos javítására nincs lehetőség.

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

• A beugrókra, a projektre, és az együttműködésre összesen 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!