Ha saját webszerkesztő programot szeretnél használni, az egyik legegyszerűbb program a KompoZer vagy a másik nevén az NVU program. A szerkesztő magyar nyelven is elérhető. Ez a program úgynevezett WYSIWYG program, ami azt jelenti: szerkesztés közben azt kapod, amit látsz. Nem kell a programozással bajlódnod (bár, ha egy kicsit értesz hozzá, az nem baj), mert a program elvégzi helyetted ezt a feladatot. Készthetsz oldalt letöltött kész sablonokból, vagy készíthetsz önállóan sajátot.
Telepítés után indítsd el a programot. A bal felső sarokban találod az új, illetve a megnyitás lehetőségeket. Az első oldalad neve mentéskor mindig index legyen, a többi oldalnak már olyan nevet adhatsz amilyet akarsz. Az index.html nem az oldalad neve, hanem az indító kezdőlapod. Ha beírod a böngésződbe például, hogy https://lapodneve.hu, a böngésző automatikusan az index fáljt nyitja meg. A további oldalaidat aloldalként értelmezi, pl.: https://lapodneve.hu/kapcsolat.html, (ebben az esetben kapcsolat) vagy az aktuális lapod neve.
A szerkesztést úgy végzed, mint egy szövegszerkesztőben. Beilleszthetsz képeket, készíthetsz hivatkozásokat. Érdemes a szerkesztés előtt megtervezni az oldaladat akár egy papíron, hogy ne a szerkesztőt nézve próbáld meg kitalálni, hogy mit is akarsz. Ha vannak letöltött sablonjaid, egyet nyissál meg és látni fogod, hogy az oldal táblázatokból van felépítve. Ezáltal meg tudod határozni az oldalad méretét. Kattints a táblázat beszúrása gombra és nyiss meg egy kockát.
Ezt megcsinálhatod úgy, hogy a Táblázat gombra kattintasz, de megcsinálhatod úgy is, hogy jobboldali egérgombal kattintasz egyet, majd a felugró párbeszéd ablakból a "Táblázat beszúrása" feliratra kattintasz. Ha a képnek megfelelően kiválasztottad a táblázatot, (jelen esetben én egy kockát választottam), nyomd meg az OK gombot.
Utána a következő képet láthatod:
Mint azt láthatod, megvan az első alapterületed. A KompoZer, akárcsak a többi ehhez hasonló szerkesztő be van gyárilag kalibrálva egy átlagos weboldal szélességéhez, 1024x768 felbontásban. Ennek az általunk létrehozott alapnak beállíthatjuk a tulajdonságait. Ezt szintén a táblázat belsejében a jobb oldali egérgomb segítségével érhetjük el.
Láthatjuk, hogy a táblázatunk mérete %-ban van megadva, vagyis pont az a méret, ami a monitorunkat teljes mértékben kitölti a böngésző megnyitása után. A táblázatunk szegélyének értéke ebben az esetben "0", tehát a szegélyeket csak mi látjuk a szerkesztőben. A szerkesztő bal alsó részében láthatjuk a szerkesztési módokat, normál (ebben vagyunk alapértelmezetten) Minden html megjelenítése (itt ha a külső kész kódokat, vagy szkripteket szúrunk be, sárga kockákban megmutatja a helyeket) <>Forrás (megmutatja az oldal teljes forráskódját további szerkesztéshez, programozási ismeretek szükségesek) valamint Előnézet (itt eltünteti a szerkesztésnél hasznát segédvonalakat, majdnem az látjuk amit a böngészőben fogunk).
Most az alap táblázatunkba (az az egy sor, amit létrehoztunk) beillesztünk egy másik táblázatot, ami alapján mondjuk három hasábos lesz az oldalunk.
Tehát bevisszük az egeret a táblázat közepébe és a job gombra kattintva válasszuk a táblázat beszúrását. Előjön a már ismert párbeszédpanel.
Most válasszunk három oszlopot.
Ha leokéztuk a következő kép tárul elénk.
Mint látható a "nagy" táblázatban egy kisebb, három részre osztott táblázatot kapunk. Amikor örülünk az első sikerünknek, amit mi alkottunk, akkor vesszük észre, hogy elfelejtettünk a leendő oldalunknak fejlécet készíteni. Mielőtt elkeserednél és kidobnád a gépet az ablakon, megnyugtatlak, nincs veszve semmi. Menj az egérrel a "Nagy" táblázat egy üres területére.
Nyomj egy jobb oldali egérgombot, ott válaszd a "Táblázat beszúrása" feliratot, megint felugrik egy ablak, itt válaszd a "A sor beszúrása felülre" feliratot.
Máris megvan a fejlécnek a helye. Most menj a felső sorra, nyomj egy bal egérgombot, hogy villogni kezdjen a kurzor. Ha ez megvan, a navigációs területen válaszd a kép feliratú gombot. Nyisd meg a képek mappádat és szúrd be a fejlécnek való képet.
Az oldal tulajdonságainál meghatározhatod az egész oldal háttérszínét, vagy a háttér képét. A táblázat és cella tulajdonságainál meg tudod határozni a cellák színét. Sajnos a KompóZer-ben, legalábbis ebben a változatban nincs lehetőség, hogy a cella hátterének képet adjál meg, de ha meglátogatod a szkript gyüjteményeket, ott erre is találsz megoldást.
