Tanulási sorrend
A WebBuilderWikiBÓL
Tartalomjegyzék |
[szerkesztés] Alapvető áttekintés
A web működése kliens-szerver modell alapján történik. Ezt úgy kell elképzelni, hogy ha a böngészővel (kliens vagy ügyfél programmal) a weben bármilyen információt vagy szolgáltatást el szeretnénk érni, akkor egy szervert (kiszolgálót, webszervert) kell meglátogatnunk. Ha weboldalakat vagy webes szolgáltatásokat szeretnénk fejleszteni, akkor tehát a böngészők által megértett (kliens oldali), és a webszerverek által megértett (szerver oldali) technológiákat kell megismerni.
Mivel a szerver oldali technológiák a kliensek által értelmezhető tartalom generálására születtek, ezért az utóbbi körrel érdemes kezdeni a tanulást. Ehhez ráadásul webkiszolgálóra sem lesz szükségünk, csak egy böngészővel felszerelkezve elkezdhetjük megismerni a webfejlesztés alapjait.
[szerkesztés] Kliens oldal
A kliens oldali technológiák olyan nyelvek és megoldások, melyeket a böngészők vagy más webet elérő programok megértenek. Gondolhatunk arra, hogy a weboldalunkat egy asztali számítógépen kedvenc böngészőnkkel érik el, de érdemes fejben tartani, hogy más böngészők is vannak a piacon, hordozható eszközökön (pl. mobiltelefon) is böngésznek, valamint a keresők indexelő robotjai is az oldalunk felé járnak majd. Ha tisztában vagyunk vele, hogy sokszínű célközönségnek, embereknek és gépeknek is készítjük a weboldalainkat, akkor okosabb döntéseket tudunk hozni annak kialakításakor.
[szerkesztés] Vizuális szerkesztés vs. kézi programozás
Kezdetben csábítóak lehetnek a vizuális weblap szerkesztő programok, de ha valamilyen szerver oldali megoldást kell kialakítanunk, rá fogunk jönni, hogy a kliens oldali technológiák ismeretének hiánya jelentősen hátráltat bennünket a munkában. Ráadásul a vizuális szerkesztők minden esetben korlátos képességekkel rendelkeznek, így nem biztos, hogy az elképzeléseinket meg tudjuk velük valósítani. Ezért érdemes a technológiákat magukat megismerni, és nem egy vizuális szerkesztővel elrejteni a szemünk elől ezeket.
[szerkesztés] HTML
A HTML (HyperText Markup Language) illetve az XHTML (Extensible HyperText Markup Language) szöveg alapú jelölő nyelvek, azaz alapvetően szövegek megjelölésére szolgálnak. Például a q elem az idézetek megjelölésére használatos.
<q>Idézet</q>
A HTML első verziói 1992-ben jelentek meg, manapság számos változata van használatban. A HTML ajánlást (szabványt) a W3C kezeli, ez a szervezet adta ki az XHTML 1.0 majd 1.1 verziókat, amik a HTML utódjai. Az aktuális ajánlások a http://www.w3.org/MarkUp/ címen érhetőek el.
A HTML tanulásakor és alkalmazásakor a legfontosabb, hogy a használt elemeket a dokumentum szerkezetének és jelentésének megfelelően válasszuk meg. Ha a jelentésüknek megfelelően használjuk az elemeket, akkor azt mondjuk, hogy szemantikus oldalkialakítást készítünk. A q elemet például akkor használjuk, ha ténylegesen idézett szöveget írunk bele. A http://validator.w3.org/ segít az ajánlásnak megfelelő HTML struktúra kialakításában. Az ebbe fektetett munkánkat az oldalunkat feldolgozó programok meghálálják.
[szerkesztés] CSS
Bár a HTML-t sokáig előszeretettel használták a dokumentumok megjelenésére vonatkozó elemek megadására is, ma már sokkal jobb technológiák állnak erre rendelkezésre. A W3C ajánlásaként kiadott CSS (Cascading Style Sheets) alkalmazandó a használt HTML elemek megjelenésének szabályozására. Például ezzel megadható, hogy a weboldalon lévő linkek milyen színűek legyenek, és alapértelmezésben aláhúzottak legyenek-e. A W3C CSS érvényesség ellenőrzője (http://jigsaw.w3.org/css-validator/) sokat segíthet a megfelelő stíluslapok kialakításában.
A CSS képességeinek gyönyörű példája a http://www.csszengarden.com/ oldal, ahol ugyanazt a HTML lapot rengeteg egyedileg kialakított CSS alkalmazásával tekinthetjük meg.
[szerkesztés] JavaScript
A weblapjaink viselkedési rétegét lehet vele megvalósítani, azaz dinamikus viselkedéssel ruházhatjuk fel segítségével a HTML/XHTML-ben elkészített weblapunk elemeit. Ellentétben a HTML-lel (amely leírónyelv) és a CSS-sel (amely stíluslap nyelv), a JavaScript programozási nyelv.
Vigyázzunk arra, hogy az emberek körülbelül tíz százalékánál nincs bekapcsolva a JavaScript vagy vakokról, keresőgépekről stb. van szó, akik nem tudnak mit kezdeni vele. Ezért a JavaScript-et úgy kell beépíteni a weboldalakba, hogy anélkül is helyesen működjenek. Azaz diszkrét JavaScript megoldást kell alkalmazni. Lásd még a Weblabor cikkét a http://weblabor.hu/cikkek/diszkretjavascript címen.
Ebbe csak akkor fogj bele, ha profi vagy HTML és CSS tekintetében.
A JavaScript ugyan programozási nyelv, de mindenre nem ad megoldást. Olyan feladatokat, amelyek különböző felhasználók közti információátadást követelnek meg (pl. fórum) JavaScriptben nem lehet megvalósítani. Ehhez szerver oldali programozásra van szükség.
Nagyon óvatosan bánj a JavaScript-tel, nem mindent kell megcsinálni, amit meg lehet. Jobb egérgomb tiltása, felugráló ablakok és hasonlók használatával tipikusan kezdő buherátornak adod ki magad, aki nincs még otthon a weben.
[szerkesztés] Flash
A Macromedia által kifejlesztett, jelenleg az Adode által kiadott böngésző kiegészítés (plugin), amelyet előszeretettel használnak mindenfélére. Ha plusz értéket ad a weboldalhoz, akkor nyugodtan használjuk, különben teljes weboldalak elkészítését csak Flash használatával mindenképpen kerüljük. Az idegesítő háttérzene lejátszó Flash mozik, időjelző órák teljesen feleslegesek, csak idegesítik a látogatókat. Fontos a hozzáférhetőség figyelembe vétele.
[szerkesztés] Tartalom védelme
A kliens oldalon alkalmazott technológiákkal létrehozott tartalmakat, képeket, HTML és JavaScript forrásokat a Flash kivételével nem tudod levédeni sehogy sem. Ez azért van, mert ahhoz, hogy megjelenjen a látogató számára, le kell töltődnie az oldalnak a gépre, és a böngészőnek értelmeznie kell. A kliens oldali web technológiák nyílt forrásúak, ezért minden amit a webre teszel közkincs. Persze, a szerzői jogok érvényben vannak. Tehát te se lopj! De olyan eredeti ötlet, amely még senki másnak ne jutott volna eszébe és megvédésre alkalmas lenne, nem nagyon akad. Tehát ne is törd rajta a fejed!
[szerkesztés] Szerver oldal
Ha legalább egy szép szabványos HTML oldalt el tudsz készíteni, akkor elgondolkodhatsz a szerver oldali technolgóiák megismerésén. Itt nincsenek egyeduralkodó megoldások, mint a kliens oldalon. Neked kell egy utat választani. Lásd a Szerver oldali programozás lapot.
[szerkesztés] Elakadás esetére
Olvasd el a "Hova forduljak" című lapot.
