Az NVU webszerkesztő programAz NVU webszerkesztő programKészítette: Nagy-Szakál ZoltánKészítette: Nagy-Szakál Zoltán2007.2007.

HitvallásHitvallás

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

A program letöltése, telepítéseA program letöltése, telepítése

• Letölthető:Letölthető:– Origo SzoftverbázisOrigo Szoftverbázis– Letöltés.comLetöltés.com– Magyar Mozilla ProjektMagyar Mozilla Projekt

Az NVU képernyőjeAz NVU képernyője

A program használataA program használata

A A Szerkesztőmód eszköztáronSzerkesztőmód eszköztáron kiválaszthatjuk, hogy milyen módban kiválaszthatjuk, hogy milyen módban szeretnénk az oldalt szerkeszteni. szeretnénk az oldalt szerkeszteni.

A program használataA program használata

NormálNormál módban a WYSIWYG szerkesztési módban a WYSIWYG szerkesztési mód lehetséges, a menük és eszköztárak mód lehetséges, a menük és eszköztárak segítségével illeszthetünk be segítségével illeszthetünk be komponenseket, vagy formázhatjuk meg komponenseket, vagy formázhatjuk meg azokat.azokat.

A program használataA program használata

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

A program használataA program használata

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

A program használataA program használata

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

Oldal tulajdonságaiOldal tulajdonságai

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

Szerkesztés eszköztárSzerkesztés eszköztár

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

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

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

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

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

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

Szerkesztés eszköztárSzerkesztés eszköztár

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

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

Kép tulajdonságaiKép tulajdonságai

Kép tulajdonságaiKép tulajdonságai

Kép tulajdonságaiKép tulajdonságai

Szerkesztés eszköztárSzerkesztés eszköztár

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

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

A kijelölt rész, vagy az egész oldal helyesírásának 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)ellenőrzése (Szerkesztés/Helyesírás-ellenőrzés)

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

Táblázat beszúrásaTáblázat beszúrása

Formázás eszköztárFormázás eszköztár

Bekezdésformátum választása (Formátum/Bekezdés)

A szöveg és háttér színének beállítása (Formátum/SzövegszínFormátum/Oldal színei és háttere)

Kisebb betűméret/Nagyobb betűméret (Formátum/Méret)

Félkövér/Dőlt/Aláhúzott betű (Formátum/Szöveg stílusa)

Számozott lista/Felsorolás (Formátum/Felsorolás)

Balra/Középre/Jobbra/sorki-zártra igazítás (Formátum/Igazítás)

Formázás eszköztárFormázás eszköztár

Behúzás növelése/csökkentése (Formátum/Behúzás növelése, Behúzás csökkentése)

Osztály alkalmazása a kijelölésre

Betűkészlet kiválasztása (Formátum/Betűkészlet)

Réteg

Előrehozás/Hátraküldés

Hangsúlyozás/Erős hangsúlyozás (Formátum/Szöveg stílusa)

Definiálandó kifejezés/Definíció (Formátum / Felsorolás)

Formázás eszköztárFormázás eszköztár

Ragasztás a bal szegélyhez

Maradjon középen

Ragasztás a jobb szegélyhez

Ragasztás a tetejéhez

Maradjon középen

Ragasztás az aljához

További hasznos funkciókTovábbi hasznos funkciók

• Stíluslap szerkesztő (Eszközök/CSS Stíluslap szerkesztő (Eszközök/CSS szerkesztő)szerkesztő)

• Tartalomjegyzék készítése Tartalomjegyzék készítése (Beszúrás/Tartalomjegyzék)(Beszúrás/Tartalomjegyzék)

• HTML ellenőrzése (Eszközök/HTML HTML ellenőrzése (Eszközök/HTML ellenőrzése)ellenőrzése)

Program indításaProgram indítása

Fájl megnyitásaFájl megnyitása

Oldal címeOldal címe

Oldal közzétételeOldal közzététele

Normál megjelenítésNormál megjelenítés

HTML-elemek megjelenítéseHTML-elemek megjelenítése

Forrás megjelenítéseForrás megjelenítése

ElőnézetElőnézet

ElőnézetElőnézet

ElőnézetElőnézet

Hivatkozás tulajdonságaiHivatkozás tulajdonságai

Kép tulajdonságaiKép tulajdonságai