Alapfogalmak, előkészületek

Milyen szerkesztőprogramot válasszunk?

Számos olyan szerkesztőprogram létezik, amely megkönnyíti a honlapszerkesztés folyamatát. Ezek egyik része – a kódszintű vagy karakteres szerkesztőprogramok – a HTML- (és más) kódok gyors beillesztését teszik lehetővé, míg mások olyan szerkesztési módot ajánlanak fel, amelyben úgy kell dolgoznunk, mint akár egy kiadványszerkesztő programmal, vagyis a HTML-kódok ismeretére (elvileg) nincs is szükségünk. Ezeket ALAKHŰ, vagy WYSIWYG (ejtsd: vizivig) szerkesztőprogramoknak hívják, az angol What You See Is What You Get (azt látod, amit kapsz) kifejezés rövidítéseként.

A szerkesztőprogramok között természetesen találunk olyanokat is, amelyek mindkét szerkesztési módot támogatják, persze nem feltétlenül azonos mértékben.

Ha vannak ALAKHŰ szerkesztőprogramok, akkor miért kell megtanulnunk a HTML nyelvet?

Egyrészt azért, mert nincs tökéletes szerkesztőprogram, az előállított kód sokszor hibás, vagy nem elég hatékony, csak a webböngésző programok egy része tudja helyesen megjeleníteni, nem felel meg a különböző szabványoknak, és még sokáig lehetne sorolni a hátrányokat. Vagyis ha a szabványoknak megfelelő oldalakat akarunk készíteni, sokszor nem úszhatjuk meg, hogy a szerkesztőprogram által előállított kódot „kézzel” módosítsuk. Ezt viszont csak a szabvány ismeretével tudjuk megtenni.

Az, hogy milyen alkalmazást érdemes használni HTML-kód szerkesztésére, függ attól is, hogy milyen platformon végezzük a szerkesztést (pl. Linux, Windows, Apple OS X stb.), illetve hogy ingyenes, vagy fizetős megoldást keresünk.

Az internetes keresők segítségével mindenki találhat magának megfelelő alkalmazást, mi most három népszerű, ingyenes alkalmazásra hívjuk fel a figyelmet, három különböző platformon.

• Notepad ++ (Windows)
  • A http://notepad-plus-plus.org/ weboldalról letölthető alkalmazás támogatja a HTML- és CSS-kód kiemelését.
• Kate editor (Linux)
  • A http://kate-editor.org/ oldalról lehet letölteni, támogatja az ablak felosztását, kódkiemelést, automatikus kiegészítést stb.
• TextWrangler (Mac OS X)
  • A Textrangler alkalmazás egy általános célú szerkesztőprogram, amely hasznos funkciókat biztosít a HTML-kód szerkesztéséhez.

Hogy a tananyagunkban szereplő példákat ne kelljen mindig egy kódszerkesztőbe átmásolni, elmenteni és megtekinteni, interaktív szerkesztőmezőket alkalmazunk, amelyben mindjárt átírható a kód, és megtekinthető az eredmény.

A webböngésző programok

A világhálón található weblapokat jellemzően a különböző webböngésző programok (angolul browser) segítségével szoktuk megtekinteni. Néhány a legnépszerűbbek közül: Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari.

Ezek az alkalmazások nemcsak szolgáltatásaikban különböznek, az is előfordulhat, hogy ugyanaz a weboldal máshogy jelenik meg a különböző böngészőprogramokkal megtekintve. Ez adódhat abból, hogy az oldal készítője nem tartotta be a megfelelő szabványokat, de sajnos az is előfordulhat, hogy a webböngésző program nem követi a szabványokat. Ezért ha a weboldalak készítésével akarunk foglalkozni, nem árt, ha többfajta böngészőprogramot is telepítünk a gépünkre, hogy az elkészült oldalakat több böngészőprogrammal is ellenőrizhessük, tesztelhessük.

Mivel tananyagunkban a HTML5 és CSS3 lehetőségeit mutatjuk be, fontos, hogy a legújabb, a még specifikálás alatt álló szabványokat minél nagyobb mértékben támogató böngészőprogramokat használjunk a tanulás során!

Vissza a tartalomjegyzékhez