HTML szerkesztő 2008.

Anno voltak a webmesterek, akik mindent honlappal kapcsolatos dologhoz értettek. Rajzoltak, HTML-t szerkesztettek, szkripteket írtak, adatbázisokat turkáltak…

A helyzet ma már differenciáltabb és olyan sokrétű a weboldalkészítés/webalkalmazás készítés, hogy együttműködő szakterületekre bomlott a szakma.

Kérdezték tőlem: hogyan kell ma HTML szerkesztővé válnia/tanulnia egy ifjú titánnak? Íme a (tömör) válaszom:

Ki a HTML szerkesztő? Az, aki egy arculati terv és adott tartalmak alapján megvalósít egy weboldalt. Nem ő tervezi az arculatot. Nem ő programozza (ha kell, és manapság már kell) a szerver oldalon a weblapot. Ő a megjelenését írja le (ha tetszik: a felületét). Ez ma már nem egyszerű „HTML-es”, hanem a HTML, CSS és JS technológiákat együttesen alkalmazó „webfelület leíró” szakmunkás. De még nem „webfelület programozó”, az már inkább webes felhasználói felületeket készít.

Tehát mit kell megtanulni:

• Alapfokon megtanulni az XHTML, CSS, Javascript lehetőségeit: mit hogyan típusú cikkek, leírások (=tutorial). Megérteni a határokat: dokumentum-struktúra leírás, megjelenés, működés.
• Alapfokon megtanulni a különböző böngészők különbségeit. Erről kevés cikk van.
• Megtanulni tiszta CSS oldalakat készíteni (CSS layout). Készíteni néhány egyszerűbbet segítség nélkül. Adott design tervet pixel pontosan megvalósítani.
• Átnyálazni az érvényes HTML és XHTML szabványleírásokat. Pontosan megtanulni. Ezután az előző munkákat szemantikus dokumentumleírással újra megvalósítani. A lényeg, hogy a HTML dokumentumstruktúrát valósítson meg. Ja és persze innen csak érvényes XHTML játszik.
• Átnyálazni a CSS szabvány leírásokat (2.1 teljes, 3.0 kiválasztók). Pontosan megtanulni minden részletet. Érvényes CSS-t írni, trükköket megtanulni, IE megkerüléseket elsajátítani. A kód ezután csak érvényes lehet. (Trükkök: csak olyan trükköket tanulni, ami nem arra épít, hogy egy-egy hibát használ ki).
• Átnyálazni a JavaScript (Emascript) 1.5 leírást, és példaprogramokkal megtanulni a lehetőségeket. Megtanulni a natív DOM programozást alapszinten.
• Egy JavaScript könyvtárat megtanulni (ajánlatom: Jquery). Diszkrét JavaScript módszerrel programozni weblapon.

Néhány irodalom (nem teljes körű, egyszerűen ezeket ismertem):

szemantikus XHTML [a tartalom leírása]

alap, dedó: wiki1, wiki2

beszédesen: htmlinfó 1, htmlinfó 2

a pontos tanulásért az elsődleges forrás: HTML 4.0 referencia, XHTML 1.0 referencia

tiszta CSS formázás [a megjelenés leírása]

referencia

alapvetés, eredeti forrás

tiszta CSS oldal (layout)

elegendő anyag

JS [működés leírása]

JS útmutató

diszkrét

Néhány további webhely

www.alistapart.com

www.quirksmode.org (böngészők!)

www.webbuilder.hu

developer.mozilla.org