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, Tel: (1) /8466 abonyita.inf.elte.hu 2012/2013-as tanév, I. félév Gyakorlatvezető Bernát Péter Doktorandusz hallgató bernatp.hu A prezentáció URL-je: bit.ly/UnmaXb

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

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

Időpont (P) ElőadásIdőpont (Szo)Gyakorlat :30-13:00 Követelmények ismertetése Ergonómiai elvek Protokollok, validitás, HTML/XHTML különbségek segédprogramok, ismerkedés a tananyagokkal, HTML alapok :30-13:00Stíluslapok használata Stíluslaphasználat a gyakorlatban :30-13:00 HTML5, CSS3 Akadálymentesség Komplex feladat megoldása (site-build) :30-13:00Akadálymentességi irányelvek Oldalkészítés HTML5-ben 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ő Honlapok, címszavak, blogbejegyzések bemutatója, gyakorlati jegyek osztása Tematika

Hivatalos tananyag  webfejlesztes.inf.elte.hu

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

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

Validálás  validator.w3.org

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

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

Hivatalos tananyag  webfejlesztes.inf.elte.hu

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

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

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.

Hot dog | 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.

Az oroszlán | Több oldalas honlap; többszintű lista, cellaösszevonás.

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