Weblapkészítés az alapoktól: mit mutasson meg egy kezdő videós tananyag?

Aki még sosem készített weblapot, annak a legfontosabb felismerés az, hogy egy weboldal egyszerű szöveges fájl. Nem kell hozzá drága program, egy egyszerű szövegszerkesztő és egy böngésző elég. Egy jó kezdő tananyag ezzel a felismeréssel indít, és csak később mutat kényelmesebb szerkesztőprogramokat.

A tanulás lépései

Az első fájl. Néhány sor HTML, mentés .html kiterjesztéssel, megnyitás böngészőben. A videóban ennek a pillanatnak súlya van: a néző azt látja, hogy egy szövegből oldal lett.

Szöveg, címsor, kép, hivatkozás. Az alapelemek, és az, hogy a hivatkozásban és a képben megadott útvonal hogyan függ a mappaszerkezettől. A relatív útvonalak megértése a kezdők egyik legnagyobb akadálya, ezért érdemes a fájlkezelő ablakot is mutatni.

Több oldal, egy menü. Egy kis, négy-öt oldalas webhely, közös menüvel. Itt jön elő először, hogy egy változtatást minden oldalon el kell végezni, és ez vezet el a stíluslapokhoz.

Képek előkészítése. Méretezés, megfelelő formátum kiválasztása, fájlméret csökkentése. A lassan betöltődő oldal a látogatók elvesztésének egyik leggyakoribb oka.

Feltöltés. Tárhely, domainnév, FTP-program. A saját gépen működő oldal itt válik nyilvánossá, és itt derül ki, ha egy fájlnévben ékezet vagy szóköz maradt.

Szerkesztőprogram vagy kézzel írt kód?

A látványszerkesztők gyorsan adnak eredményt, de a kód, amit előállítanak, gyakran átláthatatlan. Érdemes az alapokat kézzel megtanulni, és csak utána áttérni egy olyan szerkesztőre, amely segít, de nem dönt helyettünk. Aki érti a kódot, az bármelyik programban boldogul.

Ami a videón túl kell

A leckék mellé egy egyszerű kódösszefoglaló kell az elemekről és a leggyakoribb attribútumokról, valamint egy saját projekt: például egy családi vagy egyesületi oldal. A tanuló akkor marad motivált, ha valódi célért dolgozik. A következő lépés a CSS és az XHTML.