Így készíthet weboldalt (1. rész)

Manapság szinte mindenki készít vagy készíttet magának weblapot. Sokan csak azért, mert már másoknak is van, míg vannak, akik mondjuk vállalkozásukat szeretnék népszerűsíteni. Sorozatunkban bemutatjuk, hogyan készíthetünk különösebb anyagi ráfordítás nélkül weboldalt, akár magunknak, akár a cégünk számára.

Manapság szinte mindenki készít vagy készíttet magának weblapot. Sokan csak azért, mert már másoknak is van, míg vannak, akiket inkább az vezérel, hogy ismertté tegye a vállalkozását, minél több kapcsolatra tegyen szert. Weblapot készíttetni azonban nem olcsó mulatság, nem mindenki tudja megfizetni a design stúdiókat, a webes fejlesztő cégeket, akik – valljuk be – nem mérik olcsón a „weboldal kilóját”. Szerencsére van más megoldás is: saját magunk is készíthetünk weblapot.

Hogyan kezdjünk hozzá?
Legelőször azt kell eldöntenünk, mit is szeretnénk bemutatni weboldalunkon, majd az igényeknek megfelelően kell tervezni. Íme néhány kérdés, amelyeket érdemes átgondolni, mielőtt belevágunk:
Milyen információkat szeretnénk megjelentetni?
Milyen gyakorisággal akarjuk frissíteni a honlapunkat?
Szükségünk lesz-e különleges funkciókra (levélküldés, megrendelés stb.)?

Persze lehetne még sorolni, de kezdésnek ennyi is elég. Ha a kérdéseket megválaszoltuk, akkor összeállt a kép, és elkezdhetjük honlapunk felépítését.

Tegyük fel, hogy a Fluxuskondenzátor Bt. szeretne egy weboldalt magának. Mivel egy kisvállalkozásról van szó, amely még nem szeretne sokat költeni a webes megjelenésre, úgy dönt, saját maga készíti el a weboldal.
Korábbi kérdéseinket ő is feltette magának, és a következő válaszokat adta:
Feltétlenül szeretné bemutatni a céget legalább egy oldalon, mégpedig úgy, hogy szerepeljen benne annak története, tulajdonosai és céljai. Persze a szolgáltatásait és a termékeit is szeretné reklámozni, tehát mondjuk négy szolgáltatást és tíz, képekkel kiegészített terméket kell elhelyeznie a weblapján.
A négy szolgáltatás leírása rövid és lényegre törő, így elég számukra egyetlen képernyőnyi oldal. Mivel a weblap egy jó kommunikációs eszköz, elengedhetetlen, hogy a kapcsolati adatokat is megjelenítsük, illetve hogy e-mailt is lehessen küldeni a honlapról.
Nézzük ezek után a menüpontokat:
Bemutatkozunk
Szolgáltatások
Termékek
Megrendelő
Kapcsolat

Felépül az oldal
Ugye sok olyan weblapot láttunk már, ami azért nem volt vágyaink netovábbja. Igen, a megjelenésről beszélek, ami legalább olyan fontos egy weboldalnál, mint a tartalom. Ha egy oldal szép, akkor szívesen kattintgat rajta az ember, de ha csúnyácska, akkor hamar tovább áll a látogató.
Ha van némi kreativitásunk vagy rajztehetségünk, akkor magunk is elkészíthetjük weblapunk arculatát, de ha nem akarunk ezzel bíbelődni, akkor keressük fel a következő oldalak valamelyikét: 
http://www.oswd.org/
http://opensourcetemplates.org/
Itt kedvünkre válogathatunk a szebbnél szebb sablonok között. Most a példa kedvéért a RedTie nevű sablont választottuk.

S hogy mire van még szükségünk, ahhoz hogy elkezdhessünk dolgozni?
Mindenekelőtt egy html szerkesztő szoftverre. Ne sokat gondolkodjunk! Ha fogalmunk sincs arról, hogy mi is az a html, akkor csak egyetlen alkalmazás jöhet szóba, a Dreamweaver (DW).
Kezdőknek tanulásra javaslom letölteni a  www.adobe.com oldalról a legfrissebb változatát. Hogy miért ezt ajánlom? Mert ez egy igazán megfelelő eszköz azoknak, akik először nem kódszinten akarnak megismerkedni a weblapkészítés rejtelmeivel. A 30 napos próbaverziót mindenki letöltheti a már említett oldalról. Miután letöltöttük és feltelepítettük a programot, kezdjünk is hozzá!

Csomagoljuk ki a letöltött RedTie.zip fájlt a munka mappánkba.
Az így létrejött RedTie könyvtárban a következőket találjuk:
images könyvtár (itt vannak a sablonban megtalálható képek és még egy fájl, a style.css);
index.html.
Két fájl fog minket érdekelni. Az index.html és a style.css. Hogy mik ezek?
Nézzük meg!
Kattintsunk duplán az index.html fájlra!

Ez a fájl nem más mint egy weblap, azaz ez csak a minta, amellyel dolgozni fogunk.