Bevezető

 

 

Ebben a fejezetben általános ismertetőt olvashatsz a weblapok készítéséhez szükséges hypertextes leíró nyelvről (HTML = HyperText Markup Language).
Témák:


Mi az, hogy HTML?
A HTML nyelvet az internet számára (WWW azaz World Wide Web) dokumentálták. Egy olyan szöveges dokumentum, amely magában hordozza a dokumentum megjelenítéséhez szükséges, formázást leíró paramétereket. Így megvalósul, hogy a dokumentumokat olyan szöveges formában lehet tárolni, amit kis sávszélességű átviteli hálózaton is rövid idő alatt lehet továbbítani és a látogató - (kliens, felhasználó) számítógépén - bármilyen operációs rendszerrel is üzemel - a dokumentum megjeleníthető lesz.
Habár a számítógép monitorja a televízióhoz hasonlóan a dokumentum képét jeleníti meg, könnyen belátható, hogy a tv-átvitel elve modemes sávszélességeknél járhatatlan út: egy tv kép 525 sort tartalmaz, ca. 350-400000 képpontot, aminek mindhárom alapszínét képpontonként kellene kellő színmélységben kellene leírni és ezt az adatmennyiséget telefonvonalon továbbítani.
A megoldás, hogy a elküldik a dokumentum szövegének a karaktereit és mellé a karakterek megjelenítésére, formázására vonatkozó utasításokat. Ezeket az utasításokat szabványos formában kell megadni, amit aztán a látogató számítógépének megjelenítő szoftverei - a böngészők - értelmezni fognak.
Ezek a HTML forráskódot tartalmazó fájlok megnyitás nélkül is felismerhetőek a kiterjesztésükről: mindig .htm vagy .html kiterjesztést kapnak (pl: minta.html). Hogy a kettő közül melyiket az édesmindegy, mindkettő ugyanazt jelenti, a különbségnek történeti okai vannak: a régebbi operációs rendszerek (pl.: windows 3.1) csak max. 8 karakteres fájlneveket és max. 3 karakteres kiterjesztéseket tudtak kezelni, az első böngészők pedig már ebben az időszakban megjelentek.

Hogyan készíthetünk weblapokat?
A weblapok forráskódját tartalmazó HTML dokumentumot többféleképpen állíthatjuk elő. Mivel a HTML szövegalapú kódolás, "mazochisták" az egyszerű wordpad szövegszerkesztőt is használhatják, akik viszont jobban bele kívánnak mélyedni, azoknak érdemes valamilyen HTML szerkesztő programot beszerezni. Sokféle program létezik ingyenes -freeware- változatban is.
- Vannak a kódalapon dolgozó szerkesztők, amelyekben közvetlenül a forráskódot kell elkészíteni. Ezzel, aki most tanulja a weblapkészítést, mindenképpen alaposabb tudásra tesz szert. Ezeknek a szerkesztőknek sok, a munkát segítő szolgáltatása van. Gyakran van beépített kódellenőrzésük, amivel a hibák könnyebben megtalálhatók, a program részei lehetnek kész, beilleszthető stílusok, scriptek. Az elkészült munka beépített böngészőablakban a végső mentés előtt is megjeleníthető.
- Vannak még az ún. grafikus szerkesztő programok amikkel a megjelenített dokumentumot lehet - mint egy szokványos szövegszerkesztővel - szerkeszteni. Ez ugyan kényelmessé teszik a munkát, az eredmény azonban sokszor nem igazolja a várakozásokat. Ezek sokszor platformorientáltak, tehát nehéz velük minden böngészőben (IE, NS) egyformán megjelenő weblapot készíteni. Az előállított kód hossza sokszor többszöröse a szükségesnek. Összefoglalva, annak, aki most kezdi a weblapírást tanulni, mindenképpen kódalapú HTML szerkesztőprogram beszerzése ajánlatos. Ez a webhely például AceHTML 4 Freeware szerkesztőprogrammal készült.
Még egy fontos dolog: Ha elkészítetted a művedet, mindenképpen érdemes letesztelni többféle képernyőfelbontásban (800×600, 1024×768) és legalább a két leggyakrabban használt böngészőtípusban: az Internet Explorer és a Netscape Navigatorban is. Mindkettő ingyen beszerezhető és telepíthető.

Így használd ezt a leírást.
Ez a leírás a dokumentumok elkészítésének sorrendjében tárgyalja a legfontosabb tudnivalókat. Az egyes elemeknek itt csak a legfontosabb tulajdonságairól lesz szó, részletekről a másik részben, a HTML elemek részletes leírásánál olvashatsz. A szövegben szereplő példa-kódokban a lényeges részt piros színnel emeltem ki. Egyes fejezetek végén ki is próbálhatod a tanultakat: saját magad is elkészíthetsz forráskódokat, amit popup ablakban meg lehet jeleníteni.
A fejezetek végigolvasása után alapvető ismereteid lesznek a HTML rendszeréről, amikkel egyszerűbb weblapokat önnállóan is elkészíthetsz.

 



fel...
következő: A HTML dokumentum szerkezete...
tartalom...


ThomasWebMűhely
(c)Katona Tibor
2001-2002