Weboldalak készítése
A webfejlesztés folyamata manapság akár több tucat részfeladatból is állhat. Ezen részfeladatok neve többnyire valamilyen 3-4 betűs technológiának, szabványnak a rövidítése. Ezek közül csak azon legelemibbeket említjük meg, amelyek egy mai modern, dinamikus weboldal elkészítéséhez szükségesek.
A legfontosabb alapvető technológiák:
HTML5
A HTML5 a HTML (HyperText Markup Language) technológia aktuális szabványa, verziószáma. A webes szabványok kidolgozásával a W3C (w3.org, w3c.hu) szervezet foglalkozik.
Legfontosabb tudnivalók a HTML-ről:
- weboldalak tárolására használt dokumentumok, egyszerű szöveges állományok
- mivel egyszerű szöveges állományok, formázás tárolására nincs lehetőség, ezért ezt a szövegben elhelyezett speciális jelekkel (tag) kell megoldani, innen a markup language, azaz jelölő nyelv elnevezés.
- a HTML dokumentumok egyik legfontosabb tulajdonságuk a hipertextes mivoltuk, ami lényegében annyit jelent, hogy a szövegben elhelyezett ugrópontok (link) segítségével lehet gyorsan, egyszerűen közlekedni (navigálni) a dokumentumok között.
CSS3
Mivel a HTML dokumentumok csak jelölők (tag) segítségével tudnak formázási információt tárolni, ezért a HTML dokumentumok forrásának olvasása, egy bizonyos formázási mennyiség felett igen nehézkes. A CSS stíluslap "nyelv", amely a HTML dokumentumok megjelenésének leírására szolgál. A célja tehát a tartalom és a formázás szétválasztása, a jobb kezelhetőség érdekében. A CSS (Cascading Style Sheets) szabványosításával is a W3C foglalkozik, aktuális verziója a CSS3.
Megjegyzés: A HTML dokumentumokban is lehet formázásokat elhelyezni, de a cél az, hogy ez lehetőség szerint minél kevesebb legyen.
JavaScript
A JavaScript egy HTML oldalakba ágyazható objektumorientált, szkript típusú programozási nyelv, célja a weboldalak felületének interaktívvá tétele.
Fontosabb jellemzői:
- szkriptnyelv: szkriptnyelveken írt programokat nem fordítjuk le önállóan futó alkalmazásokká, hanem egy parancsértelmező (interpreter) segítségével közvetlenül a forrásprogramot futtatjuk
- az weboldalak készítése során alkalmazott JavaScript programok értelmezője maga a böngészőprogram, tehát a weboldal látogatójának gépén, a kliens oldalon fut!!!
- a JavaScript források beágyazhatóak HTML dokumentumokba, vagy lehetnek különálló állományokban, .js kiterjesztéssel.
PHP
A PHP általános szerveroldali szkriptnyelv dinamikus weblapok készítésére.
Tehát:
- szkriptnyelv: tehát hasonlóan a JavaScript-hez, nem önállóan fut, hanem a PHP parancsértelmezője futtatja
- HTML kódba ágyazzuk, az ilyen PHP kódot tartalmazó HTML állományokat .php kiterjesztéssel látjuk el
- szerver oldalon fut, a webszerverre telepített PHP parancsértelező futtatja
- a PHP parancsértelmező a HTML-be ágyazott PHP kódokat beolvassa, értelmezi, és a kódok futásának eredménye szintén HTML lesz, így dinamkusan változó tartalmú weboldalak hozhatók létre
- a böngészők nem ismerik, ezért nem tudnak mit kezdeni a PHP kóddal; biztonsági okból nem is szabad a PHP kódnak a kliens oldalon megjelennie
Egyéb technikák
A webfejlesztés során tengernyi egyéb technológiával és ezek rövidítéseivel találkozhatunk.
Néhány:
- responsive design: nem szabványos technológia, inkább egy eljárás, melynek során webdesign kialakítása során figyelembe veszik a mai böngészésre alkalmas eszközök különböző kijelző méretét, így a különböző méretű és felbontású kijelzőkhöz alkalmazkodó oldalak hozhatóak létre. A mai világban ez különösen fontos, amikor a letöltések nagyobbik fele már mobil eszközökről történik
- keretrendszerek (Frameworks): olyan rendszerek, melyek egy vagy több technológiához köthető fejlesztési eszközkészletet biztosítanak, a fejlesztési munka megkönnyítésére és gyorsítására. A weboldalak fejlesztése során rengeteg ismétlődő részfeladat van, melyek többé-kevésbé minden oldal esetén hasonlít egymásra; ezen feladatok megoldására biztosítanak jól bejáratott, biztonságos megoldásokat.
Néhány ismertebb keretrendszer: - MVC pattern: webfejlesztésben gyakran használt szoftvertervezési minta.
Weboldalak elhelyezése
Az elkészített weboldalakat (ill. már a tesztelési céllal a fejlesztés során is) el kell helyezni arra alkalmas kiszolgálókon, ahonnan azok megtekinthetők.
Ehhez szükséges dolgok:
- kiszolgáló: folyamatos internet kapcsolattal rendelkező gép
- webszerver szoftver: Apache, IIS (Windows Server része), nginx
- HTTP protokoll: HyperText Transfer Protocol, azaz a hipertextes dokumentumok átvitelére szolgáló protokoll
Források