Az NVU honlapszerkesztő program

Cikkünkben egy ingyenes, egyszerűen kezelhető, magyar nyelvű,  WYSIWYG szerkesztési móddal és számos hasznos funkcióval megáldott honlapszerkesztő program, az NVU használatához kívánunk segítséget nyújtani.

Bevezető

Korábbi cikkeinkben már bemutattunk a Microsoft  Frontpage 2002/2003-as verziót (1.rész, 2. rész, stíluslapok használata), amely egy igen jól használható, WYSIWYG (azt kapod, amit látsz) típusú honlapszerkesztő program. 

 

A program nem része a Microsoft Office programcsomagnak, ezért számos iskolában nem érhető el a diákok/tanárok számára. Ezért (is) fontosnak tartjuk, hogy olyan alkalmazást is bemutassunk, amely ingyenesen elérhető, magyar nyelvű, támogatja a WYSIWYG szerkesztési módot is, és más hasznos lehetőséggel is rendelkezik. Választásunk az NVU (ejtsd: envjú) nevű programra esett.

A programról

Az alkalmazást az Origo szoftverbázisról, vagy a Magyar Mozilla Projekt weboldaláról tölthetjük le.

 

Az Nvu a Mozilla HTML-szerkesztő komponensének (Mozilla Composer) továbbfejlesztése. (A Mozilla Composer 1.7 szerepel az informatika kétszintű érettségi szoftverlistájában, egy rövid leírását az http://ecdlweb.uw.hu/m7-mozhu-08.html címen megtalálhatjuk.)

 

Az NVU projektről (Forrás: http://mozilla.fsf.hu/nvu.html)

"A fejlesztés célközönsége az alapszintű számítástechnikai ismeretekkel rendelkező otthoni felhasználók rétege, akik a program segítségével mély szakmai ismeretek nélkül is képesek saját weboldalukat elkészíteni, és az interneten közzétenni. Az éppen szerkesztett oldal HTML-forrása egy külön lapon megtekinthető, szerkeszthető, így a program a HTML nyelv megtanulásában is tud segíteni. Az Nvu magas szinten kezeli az űrlapokat, sablonokat és CSS-stíluslapokat, ezért az olyan profi webfejlesztők számára is használható lehet, akik gyorsan szeretnének végezni egy kisebb honlap elkészítésével."

 

Nézzük, hogy mennyire igazak a fent leírtak.

A program felülete

A program indítása után a következő felület jelenik meg:

 

 

A fenti képen bemutatott eszköztárakat a Nézet / Megjelenítés/Elrejtés menüpont segítségével tudjuk megjeleníteni, illetve elrejteni.

 

A program használata

A Szerkesztőmód eszköztáron kiválaszthatjuk, hogy milyen módban szeretnénk az oldalt szerkeszteni. Normál módban a WYSIWYG szerkesztési mód lehetséges, a menük és eszköztárak segítségével illeszthetünk be komponenseket, vagy formázhatjuk meg azokat.

A Minden HTML-elem megjelenítése nézetben a lapon láthatóvá válnak az egyes HTML címkék is. Ez a funkció sokszor igen jól jön, ha például megfelelően akarunk egymásba ágyazni listákat, táblázatokat, stb.

A Forrás nézetben az oldal HTML kódját láthatjuk és szerkeszthetjük. A szerkesztést megkönnyíti, hogy eltérő színnel láthatók a HTML tagek és paramétereik.

Az Előnézet módban pedig láthatjuk, hogy a szerkesztett oldal hogyan is nézne ki a böngészőprogramban.

 

A szerkesztett oldal tulajdonságait  a Formátum / Oldal címe és tulajdonságai menüpontban adhatjuk meg (cím, szerző, nyelv, karakterkészlet, stb.)

 

 

Arra is lehetőségünk van, hogy oldalsablont hozzunk létre (Ez a dokumentum egy sablon jelölőnégyzet), amelyet felhasználhatunk akkor, ha több, azonos kinézetű, de tartalmilag különböző oldalt akarunk létrehozni. Az oldalsablon .mzt kiterjesztéssel kerül elmentésre.

 

A program legfontosabb funkcióit a Szerkesztés eszköztárról érhetjük el. Ezek a következők:

 

Új oldal létrehozása
(Fájl/Új)

 

Ha az ikonra kattintunk új oldal jön létre egy új böngészőlapon.

 

Az oldalt új ablakban is létrehozhatjuk, ehhez kattintsunk a   jelre, majd a megjelenő menüből válasszuk ki  az Oldal új ablakban menüpontot. Ezzel elérhetjük, hogy több NVU ablakunk legyen.

Helyi fájl megnyitása
(Fájl/ Fájl megnyitása)

 

HTML állományokat, sablonokat, szövegfájlokat olvashatunk be.

Fájl mentése helyi lemezre
(Fájl / Mentés)

 

A szerkesztett állományt menthetjük el.

Fájl feltöltése távoli kiszolgálóra
(Fájl / Közzététel)

 

Az ikon segítségével fel tudjuk tölteni az állományainkat egy távoli kiszolgálóra (FTP), vagy akár egy szervermappában is elhelyezhetjük.

Az oldal megtekintése a böngészőben
(Fájl / Oldal megtekintése)

 

Az alapértelmezett böngészőben meg tudjuk tekinteni a szerkesztett oldalt

Új horgony beszúrása, vagy a kijelölt tulajdonságainak módosítása
(Beszúrás / Horgony)

 

A lapon belüli ugrásokat lehetővé tévő horgonyokat tudjuk elhelyezni. Ebben az alkalmazásban csak különálló horgony létrehozására van lehetőség, a kijelölt szövegre nem tudunk horgonyt elhelyezni.

 

Ha az adott horgonyon állunk és úgy nyomjuk meg az ikont, akkor módosítani tudjuk a tulajdonságait. Igaz ugyanezt egyszerűbben is megtehetjük, ha duplán kattintunk az adott horgonyon.

 

Új hivatkozás beszúrása, vagy a kijelölt tulajdonságainak módosítása

(Beszúrás / Hivatkozás)

 

Hivatkozást beszúrhatunk úgy is, hogy az ikon megnyomása után adjuk meg a hivatkozás szövegét és a címét. Ha már előtte beírtuk a szöveget és kijelöltük azt, akkor már csak a hivatkozás címét kell megadnunk az ikonra kattintás után.

 

Amennyiben e-mail címre hivatkozunk, ne felejtsük el bejelölni a "A fenti egy e-mail cím" jelölőnégyzetet sem.

 

Ha az adott linken állunk és úgy nyomjuk meg az ikont, akkor módosítani tudjuk a tulajdonságait. Ugyanezt elérhetjük úgy is, hogy duplán kattintunk a linkre.

Új kép beszúrása, vagy a kijelölt tulajdonságainak módosítása
(Beszúrás / Kép)

 

A kép beillesztésénél a különböző paraméterek fülecskéken csoportosítva érhetőek el.

 

 

Nagyon jó, hogy alapállapotban kötelező a képhez tartozó (elsősorban a képernyőfelolvasó szoftvert használó, láttássérült felhasználók számára nagyon fontos ) magyarázó szöveg megadása, ennek hiányára figyelmeztet is a program.

 

Ha egy képhez nem kell magyarázó szöveg (mert például csak design célból szerepeltetjük), akkor egy választókapcsolóval állíthatjuk be, hogy nem adunk meg magyarázó szöveget.

 

Szintén itt adhatjuk be a buboréksúgót is, amely a képhez tartozó tipp,vagy leírás lehet. A böngészőkben (általában) ez a szöveg jelenik meg, ha a kép fölé visszük az egeret) 

 

 

 

A méret fülön állíthatjuk be a kép méretét. A valódi méret a kép eredeti, tényleges méretét jelenti. Ha a megjelenítés méretét meg akarjuk változtatni, válasszuk ki az egyéni méret opciót, és állítsuk be a kívánt képméretet. Amennyiben a Rögzített méretarány jelölőnégyzet be van kapcsolva, a kicsinyítés/nagyítás csak az eredeti képaránynak megfelelően történik.

 

Természetesen a kép átméretezése úgy is megtörténhet, hogy a kép kijelölése után megragadjuk, majd vonszolni kezdjük a sarkain található négyzeteket (ez oldalaránytartó kicsinyítést/nagyítást tesz lehetővé). Ha torzítani szeretnénk a képet, akkor a kép oldalán, illetve tetején látható csomópontokat kell megragadnunk.

 

 

A Megjelenés fülön beállíthatjuk a kép körüli térközt, a megjelenő szegély vastagságát, illetve a kép igazítását (felül, középen, alul, bal oldalra tördelve, jobb oldalra tördelve).

 

 

A Hivatkozás fülön lehetőségünk van arra, hogy a képen elhelyezzünk egy hivatkozást a megadott oldalra, vagy e-mail címre.

 

Új táblázat beszúrása, vagy a kijelölt tulajdonságainak módosítása
(Táblázat / Beszúrás)

 

A táblázatok fontos szerepet töltenek be a honlapszerkesztésben, hiszen nem csak adatsorok megjelenítését teszik lehetővé, hanem design okokból is rendkívül sokszor kell használnunk őket.

 

A táblázat ikon megnyomása után kiválaszthatjuk, hogy milyen módon kívánjuk beilleszteni a táblázatot.

 

 

A Gyorsan fülön az egérrel jelölhetjük ki a táblázat sorainak, és oszlopainak számát.

 

 

A Pontosan fülön begépelhetjük a sorok/oszlopok számát, a táblázat szélességét (a rendelkezésre álló hely százalékában, vagy képpontban), valamint meghatározhatjuk a szegély vastagságát.

 

 

A Cella fülön a cellatartalomra érvényes vízszintes és függőleges igazítást, a cellák közti, illetve a cellákon belüli térköz méretét, és a szövegtörés tulajdonságait állíthatjuk be.

 

Bizonyára már sokaknak feltűnt, hogy a táblázat igazítását (balra, középre, jobbra) itt nem tudtuk megadni. Nem kell aggódni, ha a beillesztett táblázatra duplán rákattintunk további beállítási lehetőségek is elérhetővé válnak (táblázat igazítás, háttérszín, cellák magassága, szélessége).

 

A Táblázatok kezelésének külön menüpontja is van, ahol további műveleteket végezhetünk el, például sorokat/oszlopokat törölhetünk, szúrhatunk be, cellákat vonhatunk össze, vagy oszthatunk fel.

 

 

 

 

 

 

Új űrlap beszúrása, vagy a kijelölt tulajdonságainak módosítása
(Beszúrás / Űrlap)

 

Az Űrlap ikonra kattintás után az űrlap általános tulajdonságait adhatjuk meg (név, művelet url-je, kódolás, stb.)

 

 

Amennyiben a jelre kattintunk, a megjelenő menüből különböző űrlapelemeket választhatunk ki:

 

 

A kívánt űrlapelem kiválasztása után meg kell adnunk annak tulajdonságait (név, szélesség, magasság, stb.) is.

 

A kijelölt rész, vagy az egész oldal helyesírásának ellenőrzése
(Szerkesztés / Helyesírás-ellenőrzés)

 

Ezzel ellenőrizhetjük az oldal helyesírását. A magyar nyelvi szótárat a  http://downloads.mozdev.org/dictionaries/spell-hu.xpi címről tölthetjük le.

 

Letöltés után az Eszközök / Kiterjesztések menüpont kiválasztása után telepíthetjük ezt a kiterjesztést.

Oldal kinyomtatása
(Fájl / Nyomtatás)

 

Az adott oldalt nyomtathatjuk ki.

 


2. oldal (Formázások, speciális funkciók)


 

Szólj hozzá te is! »»»