Kódszintű honlapszerkesztő programok használata I.
Korábbi
cikkünkben bemutattuk, hogyan lehet WYSIWYG szerkesztőprogramok segítségével
honlapot készíteni. Most a kódszintű HTML szerkesztő programok hasznos
funkcióit mutatjuk be.
Bevezető
A WYSIWYG szerkesztők nagymértékben megkönnyíthetik a honlapok készítését, de sajnos nem mindegyik alkalmazás produkál tiszta, átlátható HTML kódot, így azt más - karakteres vagy kódszintű honlapszerkesztő - alkalmazásokkal tudjuk hatékonyabbá, olvashatóbbá tenni. Másrészt számos olyan feladat van, amelyet egyszerűbb megvalósítani a kódszintű HTML szerkesztő programok használatával.
Cikksorozatunkban a HomeSite 4.0 (letöltés - 30 napos), a FirstPage 2000 (letöltés) és a Dreamweaver MX 2006 (letöltés - 30 napos) alkalmazások főbb funkcióit mutatjuk be, illetve egy gyakorló feladatsort is közzé teszünk.
A kódszintű szerkesztőprogramok használata
A különböző kódszintű szerkesztőprogramok megjelenésükben (és az elérhető funkciókban) is nagyon hasonlítanak egymásra, így ha egy ilyen alkalmazás használatát elsajátítottuk, a többi alkalmazás használata sem okozhat különösebb gondot.
 |
 |
| A HomeSite felülete | A Firstpage 2000 felülete |
A karakteres szerkesztők többségében találhatunk egy oldalsó panelt, amelyben többféle információt is megjeleníthetünk. Itt láthatjuk az aktuális alkönyvtár tartalmát, illetve itt navigálhatunk az egyes alkönyvtárak között is. Általában itt jelenik meg a HTML kódok (és paramétereik) beillesztését megkönnyítő referencia (vagy a tartalomjegyzéke) is.
 |
 |
Az adott tag paramétereit jeleníthetjük meg a
panelban, ha a Tag inspector  nézetet
választjuk ki.(HomeSite) |
A
 ikon
lenyomása után a HTML tagekre vonatkozó segítség jelenik meg a panelban.(Firstpage) |
Ezen kívül rendelkezésre állnak olyan eszköztárak és menük is, amelyek a kód beillesztését könnyítik meg.
A HomeSite program ikonjai és eszköztárai
A Firstpage program ikonjai és eszköztárai
A kódszerkesztő ablakba írhatjuk be a HTML kódot. Itt is számos kényelmi funkciót használhatunk, például könyvjelzőket rendelhetünk a programkód egyes részeihez, így hatékonyan tudunk navigálni a programkód különböző részei között. Arra is lehetőségünk van, hogy a programsorok sorszámát is megjelenítsük, amely jó szolgálatot tehet, ha például egy adott sorban megjelenő hibát szeretnénk kijavítani. A tagek és paramétereik eltérő színnel történő megjelenítése is sokat javít a kód olvashatóságán.
A szerkesztőablak tetején megtalálható fülecskék kiválasztásával pedig a szerkesztett honlapot meg is tekinthetjük. (Browse, illetve Preview funkció)
 |
 |
| A HomeSite szerkesztőablaka | A Firstpage szerkesztőablaka |
A kódszintű szerkesztőprogramokról általános elmondható, hogy a használat során számos segítséget nyújtanak ahhoz, hogy minél kevesebbet kelljen gépelnünk, illetve minél szabványosabb kódot tudjunk előállítani. Ennek egyik módja lehet, hogy megjelenítik a begépelt tagre vonatkozó metódusokat, amelyek közül egyszerűen választhatunk, vagy olyan ablakok segítségével illeszthetjük be a kódot, ahol az egyes tulajdonságokat gyorsan, hatékonyan be tudjuk állítani. Az is nagy segítség, hogy a nyitó tagek begépelésekor a záró párokat az alkalmazások egy része automatikusan beilleszti.
 |
 |
| A HomeSite programban a tag begépelésekor automatikusan megjelennek a használható paraméterek. | |
 |
 |
| Az egyes tagek beillesztését különböző varázslók is megkönnyítik, amelyek eredményeképpen átlátható, szép kódot kapunk. (HomeSite) | |
 A
FirstPage alkalmazásban a táblázat beillesztésekor az összes fontos
metódus megjelenik a programkódban, amelyet így nem kell
begépelnünk, csak az értékeket kell megadnunk. |
Ezek után lássuk az egyes alkalmazások speciális lehetőségeit.
