Webtervezés előadás
Nappali tagozat
2018/2019 II. félév

Alapadatok

• A tantárgy kódja: IB714e.
• 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 Programozás I. vagy a Programozási ismeretek (objektumorientáltság + Java) kurzusok valamelyikének párhuzamos felvétele ÉS
  3. a Webtervezés gyakorlat párhuzamos felvétele vagy előzetes teljesítése.
• Felelős oktató: Dr. Holló Csaba, egyetemi adjunktus, Szoftverfejlesztés Tanszék.

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. Szerver oldali webprogramozás, PHP.
   1. A kiszolgáló- és ügyféloldali web programozás jellemzése, kapcsolata, alkalmazási területei.
   2. A PHP nyelvi elemei.
   3. Űrlapok kezelése.
   4. Fájlok használata.
   5. Állapotok tárolása. Menetkövetés.
   6. Objektumorientáltság.
   7. A PHP további lehetőségei.
3. Webtervezés alapjai (webdesign, akadálymentesítés, keresőoptimalizálás).

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
  2. HTML5 weboldalak készítése - webfejlesztes.gtportal.eu
  3. HTML és CSS - Standardsmode.hu
  4. Web-fejlesztés Wiki ELTE
  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
• PHP (+ HTML, CSS)
  1. Nagy Gusztáv: Web programozás (Budapest, 2011, ISBN: 978-615-5110-26-9), Webes szabványok
  2. PHP WIKI könyv
  3. PHP kézikönyv (régebbi)
  4. Laura Thomson, Luke Welling: PHP és MySQL webfejlesztőknek - Hogyan építsünk webáruházat?, Perfact-Pro Kft., 2010, ISBN: 9789639929135.
  5. S. Suehring, J. Valade: PHP, MySQL, JavaScript & HTML5, Panem Kiadó, 2014, ISBN: 978-615-5186-22-6.
  6. Gál Tibor: Web programozás, Mûegyetemi kiadó, 2006, ISBN: 9789634208006.
  7. Matt Zandstra: Tanuljuk meg a PHP5 használatát 24 óra alatt, Kiskapu Kiadó, 2005.
  8. Blake Schwendiman: PHP4 Fejlesztõk kézikönyve (1. + 2. kötet), Panem Kft., Budapest, 2001.
  9. Peter Moulding: PHP haladóknak, Fekete Könyv sorozat, Perfact-Pro Kft., 2002.
  10. Schlossnagle, George: PHP fejlesztés felsőfokon, Kiskapu Kft., 2004.
  11. Ben Laurie, Peter Laurie: Apache, Kossuth Kiadó, 2001.
  12. László József: Dinamikus weboldalak, CGI programozás Windows és Linux rendszerekben, ComputerBooks, Budapest,, 2002.
  13. (angol) PHP 5 Tutorial - W3Schools
  14. (angol) PHP: Documentation php.net
  15. (angol) PHP: The Right Way phptherightway.com
  16. (angol) Learn PHP Online - Code School
• Webtervezés.
  1. Abonyi-Tóth Andor, ELTE IK A weblapkészítés technikája (HTML5, CSS3) és ergonómiája
  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. ToMBarTal: Akadálymentes weboldalak
  10. Edelényi Zsolt: Akadálymentes honlapok
  11. Google: Google Keresőmotor-optimalizálási útmutató kezdőknek
  12. Google: Útmutató webmestereknek
  13. Papp Gábor: Keresőoptimalizálás: bevezetés és alapok.
  14. Longhand: Keresőoptimalizálás.
  15. Honlapra Fel!: Keresőoptimalizálás.
  16. optimizer.hu: Sebesség optimalizálás és teljesítménynövelés
  17. PanDeveloper (Gergő): SEO: optimalizálás htaccess segítségével

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

• Az előadások látogatása nem kötelező, azonban az előadásokon elhangzottakat ismerteknek, az esetleges megállapodásokat elfogadottaknak 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. Igazolás nem szükséges, pótlás nem lehetséges.

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

• Az előadások során félévközi ellenőrzések nem lesznek.
• Az előadáson, illetve az előadás tananyaggal kapcsolatosan kifejtett egyes tevékenységekre az oktató plusz pontokat adhat, melyek a vizsgán, az oktató által meghatározott módon, plusz százalékokra válthatók be.

A vizsgára jelentkezés feltétele

• A Web tervezés laboratóriumi gyakorlat előzetes teljesítése.

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

• Írásbeli kollokviumon az elérhető pontszám legalább 50%-ának elérése.

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

• az osztályzat kiszámítása az elért pontszám arányában:
  • 50-64 %: elégséges (2),
  • 65-79 %: közepes (3),
  • 80-89 %: jó (4),
  • 90-100 %: 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ó.
• Az oktatóknak küldött leveleket a http://www.stud.u-szeged.hu/ címen található egyetemi levelező rendszerből, a hallgató hivatalos egyetemi címéről kell küldeni. A nem hivatalos egyetemi címről küldött levelek semmisnek minősülnek és azokra nem válaszolunk. Ajánlott az e-mail elküldésének sikerességét ellenőrizni és annak másolatát a válasz megérkezéséig megőrizni.