Honlapkészítés kezdőknek

I. BEVEZETÉS

Ezen az oldalon néhány bekezdésnyi tudnivalót találsz a honlapkészítés alapjairól. Megpróbáltam úgy összeállítani, hogy ennek az egy oldalnak az átolvasásával szerezhess annyi rálátást a honlapkészítés alapjaira, aminek segítségével eldöntheted, belevágsz-e a dologba. Ha valamelyik témakör részletesebben is érdekel, kattints az adott bekezdés végén az "itt olvasd tovább" feliratra. 

Manapság már annyi internetes forrás, ingyenes honlapsablon, honlapkészítő program áll az érdeklődők rendelkezésére, hogy akár egy-két nap alatt kitanulhatod, hogyan lehet egy egyszerű honlapot létrehozni.  Néhány hét kísérletezgetés, próbálkozás után pedig már kifejezeten tetszetős weblapod lehet, ha elég energiát és időt fordítasz rá.

II. HOGYAN MŰKÖDIK EGY HONLAP?

Egy honlap alapja valójában egy egyszerű szöveges dokumentum. Ehhez lehet képeket és egyéb, statikus és dinamikus elemeket illeszteni. A szöveg formátumát az un. HTML-kódokkal lehet megadni, ezeket a kódokat honlapszerkesztő programokkal is elhelyezhetjük a dokumentumban, amelyek a szokásos szövegszerkesztő programokhoz hasonlóan kezelhetők. Ellentétben a normál szövegekkel, a weblapot .doc helyett .html kiterjesztésben kell elmenteni, hogy a számítógép felismerhesse: a dokumentumot böngésző programmal kell megnyissa (pl. Internet Explorer, vagy Firefox).

>>ITT OLVASD TOVÁBB

Statikus oldalak - a HTML-kód (HTML-nyelv)

A WEB világában a statikus honlaptípus a legegyszerűbb. Ez szöveget, esetleg képeket, táblázatokat tartalmaz. A szövegben linkek vannak, amelyekre kattintva további weblapokra léphetsz át. A statikus oldalak tartalma általában egy - a szerverre feltöltött - html dokumentumban van rögzítve.
A HTML (angolul: HyperText Markup Language = hiperszöveges jelölőnyelv) arra szolgál, hogy egy egyszerű szöveges dokumentum formázásait beállítsuk. Az egyes szövegrészekre vonatkozó utasítások a következő formátumban jelennek meg:

>>ITT OLVASD TOVÁBB

Stíluslapok - a CSS kód

A CSS kód elsajátítása komoly lépés egy profi honlap elkészítése felé. A CSS előnye, hogy külön kezeli a külcsínt meghatározó formázásokat a szöveges tartalmat rögzítő HTML-kódtól, így a HTML-dokumentumot nem kell annyira teletűzdelni rengeteg, gyakran ismétlődő formázási elemmel. Korábban, a CSS bevezetése előtt a HTML dokumentumok megjelenését meghatározó elemek a HTML kódon belül voltak - a betűtípusok, színek, háttér stílusok, elrendezések, dobozok, keretek és méretek külön meg voltak adva. A CSS használatával a webfejlesztők ezeket az információkat áthelyezhetik a stíluslapra, így a HTML kód egyszerűbb, világosabb lesz. (Stíluslap, angolul CSS = Cascaded Style Sheet.) A HTML dokumentumok kisebbé válnak, a lapok letöltési sebessége is javulhat.

>>ITT OLVASD TOVÁBB

Dinamikus oldalak - Javascript és PHP programozás, MySQL

III. HONLAPKÉSZÍTÉST SEGÍTŐ PROGRAMOK ÉS INTERNETES FORRÁSOK

HTML-szerkesztő programok és CSS-sablonok (weblapsablonok)

HTML-szerkesztők
A szövegszerkesztő programokhoz hasonlóan, amelyekkel dokumentumok szövegeit készítheted el, léteznek HTML-szerkesztők - ezek a weblapok megírásában segítenek. Ha a gépeden a Windows csomag tartalmaz Microsoft FrontPage-t, azzal is érdemes próbálkozni, de vannak nagyon jó ingyenes programok is, (pl. NVU). Nem gyakran, de előfordulhat, hogy a szerkesztő programmal nem tudod elérni pontosan azt az eredményt, amit szeretnél (pl. a sorközöket nem sikerül precízen beállítani, vagy elállítódnak a többi oldalra, vagy képfájlokra mutató linkek). Ekkor veheted elő a html-ről korábban szerzett tudásod és kézzel belejavíthatsz a fájlba.

Tartalomkezelő rendszerek (CMS-ek) és fórumprogramok

A php-ről szóló részben már írtuk, hogy az Internetről dinamikus honlapokat is lehet ingyenesen letölteni. Megpróbálkozhatsz pl. egy egyszerűbb fórummal, amelyet letöltés után akár néhány perc alatt elhelyezhetsz egy ingyenes tárhelyen - és már működik is a fórum, amelynek te vagy az adminisztrátora!

Vannak persze ennél összetettebb, un. tartalomkezelő rendszerek is (angolul CMS=Content Management System). A Webdiák.hu például egy Drupal nevű tartalomkezelőn fut. Ezen a honlapon most nincs bekapcsolva a Drupal minden funkciója, de egy tartalomkezelőn az erre feljogosított felhasználók cikkeket, hozzászólásokat írhatnak, szavazásokat kezdeményezhetnek, könyvet írhatnak (ahogy itt is), fórumokat és még sok mindent hozhatnak létre.

>>ITT OLVASD TOVÁBB

IV. A HONLAPOD ÜZEMBEHELYEZÉSE

A szerver kiválasztása, domain regisztráció

Manapság rendkívül olcsón lehet tárhelyet bérelni, sőt, sok ingyenes tárhely is működik már.
A legkönnyebb helyzetben akkor vagy, ha egy statikus honlapod van. Ilyenkor a fizetős tárhelyeken a legolcsóbb csomag is megfelelő lesz - ez általában nem drágább havi 500-1000 Ft-nál. Szolgáltatótól függően a csomagban szerepelhet saját e-mail cím, illetve egy domain név fenntartása is. (A legolcsóbb csomagoknál a domain regisztrációért általában külön kell fizetni.)

A fájlok feltöltése a szerverre

Ha már megnézegetted egy honlapsablon felépítését, láttad, hogy nagyjából milyen fájlok kellenek egy átlagos statikus honlaphoz. Általában a gyökérkönyvtárban van az index.html fájl (a honlap kezdőlapja) és a többi html fájl (a többi oldal). Profibb honlapok esetében itt van a css fájl is.
A honlap által megjelenített képi elemeket általában külön alkönyvtárban helyezik el a programozók. Mint korábban említettük, a html és css dokumentumok nem tartalmaznak képi elemeket, csak hivatkozások vannak a kódban arra, hogy a böngésző az adott képi elemet melyik könyvtárban, milyen néven találja.

Néhány tanács a honlap véglegesítéséhez

Mikor a saját gépeden megtervezed a honlapod, gondolj arra, hogy a művedet az olvasók jelentős része más képernyőfelbontással, esetleg más böngészőprogrammal fogja olvasni, mint te. Ha kész vagy a honlapoddal, célszerű megnézni mindkét nagy böngészővel (Explorer és Firefox), illetve elmenni a barátaidhoz, vagy internetkávézóba, hogy más képernyőfelbontással, színfelbontással is láthasd.

>>ITT OLVASD TOVÁBB

V. A HONLAPOD ÜZEMELTETÉSE

A látogatók számának mérése, a látogatottság növelése

Ha elhelyezed a honlapod egy tárhelyen, szolgáltatók lehetővé szoktak tenni, hogy látogatottsági statisztikát olvashass az oldaladról. Gyakran az ingyenes szolgáltatóknál is van erre lehetőség.
A statisztikákból nyomon követheted a látogatók számának alakulását, azt, hogy közülük hányan jöttek úgy az oldaladra, hogy egy másik honlapon levő linkre kattintottak, illetve kik jöttek keresőmotorok közvetítésével. A statisztikák általában azt is megmutatják, hogy milyen szavak begépelése után küldte hozzád a látogatókat az adott kereső (általában a Google). Érdemes megfigyelni azt is, hogy a látogatóid általában milyen böngészőt, illetve képernyőfelbontást használnak - célszerű ellenőrizni, hogy az oldalad jól mutat-e a legnagyobb számban használt böngészőkkel és képernyőfelbontásokkal.

Keresőoptimalizálás (SEO)

A látogatók száma a korábbiakhoz képest akár több nagyságrenddel is emelkedhet, ha a lapod előkelő helyre kerül az internetes keresőkben. A magyar honlapokra elsősorban a Google hoz látogatókat. Mivel a kereskedelmi célú honlapoknak komoly érdekük fűződik a látogatószám magasan tartásához, kialakult az un. keresőoptimalizálás tudománya (angolul Search Engine Optimization = SEO).

>>ITT OLVASD TOVÁBB