Előadó Abonyi-Tóth Andor Műszaki tanár 1117 Budapest, XI. kerület, Pázmány Péter sétány 1/C, 2.404 Tel: (1) 372-2500/8466 abonyita.inf.elte.hu 2012/2013-as.

Az előadások a következő témára: "Előadó Abonyi-Tóth Andor Műszaki tanár 1117 Budapest, XI. kerület, Pázmány Péter sétány 1/C, 2.404 Tel: (1) 372-2500/8466 abonyita.inf.elte.hu 2012/2013-as."— Előadás másolata:

1 Előadó Abonyi-Tóth Andor Műszaki tanár 1117 Budapest, XI. kerület, Pázmány Péter sétány 1/C, 2.404 Tel: (1) 372-2500/8466 abonyita.inf.elte.hu 2012/2013-as tanév, I. félév Gyakorlatvezető Bernát Péter Doktorandusz hallgató bernatp.hu bernatp@inf.elte.hu A prezentáció URL-je: bit.ly/UnmaXb

2 A jelenlét ellenőrzése Névsor

3 Témakörök  Web-es szabványok  HTML  HTML 4.01, XHTML, HTML5  Stíluslapok (CSS)  CSS 1,2,3  Ergonómia  Akadálymentesség  WCAG 2.0 szabvány

4 Időpont (P) ElőadásIdőpont (Szo)Gyakorlat 2012.09.21 11:30-13:00 Követelmények ismertetése Ergonómiai elvek 2012.09.22 Protokollok, validitás, HTML/XHTML különbségek segédprogramok, ismerkedés a tananyagokkal, HTML alapok 2012.10.12 11:30-13:00Stíluslapok használata2012.10.13Stíluslaphasználat a gyakorlatban 2012.11.09 11:30-13:00 HTML5, CSS3 Akadálymentesség 2012.11.10 Komplex feladat megoldása (site-build) 2012.12.07 11:30-13:00Akadálymentességi irányelvek2012.12.08Oldalkészítés HTML5-ben 2012.01.03 Saját honlap és önértékelés feltöltési határidő Szemantikus WIKI szócikk szerkesztési határidő Blogbejegyzés szerkesztési határidő 2013.01.12 Honlapok, címszavak, blogbejegyzések bemutatója, gyakorlati jegyek osztása Tematika

5 Hivatalos tananyag  webfejlesztes.inf.elte.hu

6 Nem hivatalos segédanyag  bernatp.hu  HTML jegyzet  CSS jegyzet

7 1. HTML-gyakorlófeladat  Hot dog  bit.ly/OmMROK

8 Validálás  validator.w3.org

9 Néhány szabvány Prezentációs lehetőségek mellőzése (Strict) Szigorúbb „helyesírás” (XHTML 1.0) HTML 4.01 Transitional (Loose)HTML 4.01 Strict XHTML 1.0 Transitional (Loose)XHTML 1.0 Strict

10 WinSCP kiszolgáló: pandora.inf.elte.hu felhasználói név: EHA-kód 7 karaktere kis betűsen jelszó: az IK-s számítógépeken bejelentkezésre használt jelszó kezdőlap helye: public/public_html/index.html elérhetősége: people.inf.elte.hu/ehakod

11 Hivatalos tananyag  webfejlesztes.inf.elte.hu

12 2. HTML-gyakorlófeladat  Az oroszlán  bit.ly/QkzHR5

13 A hivatalos tananyag, és a nem hivatalos segédanyag segítségével három gyakorlófeladat megoldása. Az 1. gyakorlat házi feladatai

14 A hivatalos tananyag szükséges fejezetei A formázási paramétereket (pl. betűtípus-, bekezdés-, táblázat-, kép-, cellaformázási beállítások) külön témakörben tanuljuk, egyelőre elegendő formázási beállítások nélkül ismerni a HTML-elemeket.

15 Hot dog | http://bit.ly/OmMROK A HTML alapjai: A HTML dokumentum felépítése; címsor, bekezdés, vízszintes vonal, lista, táblázat, középre igazítás (center), kép, hivatkozás, kiemelések.

16 Az oroszlán | http://bit.ly/QkzHR5 Több oldalas honlap; többszintű lista, cellaösszevonás.

17 Kávé és Randi | http://bit.ly/R5LSRD Űrlapok használata. A mellékelt excel- dokumentummal azonnal generálhatók pl. számsorozatot tartalmazó legördülő listák kódjai