Ar­bei­ten mit dem HTML-Edi­tor NVU

Das Pro­jekt NVU wird lei­der nicht mehr ge­pflegt. Die Wei­ter­ent­wick­lung nennt sich Kom­po­Zer !

NVU ist ein leis­tungs­fä­hi­ger Open Sour­ce HTML-Edi­tor, der nach dem WY­SI­WYG-Prin­zip ar­beit. Dies be­deu­tet, dass die Be­nut­zer von NVU keine ver­tief­ten Kennt­nis­se der Sei­ten­be­schrei­bungs­spra­che HTML brau­chen;  im We­sent­li­chen wird NVU wie eine nor­ma­le Text­ver­ar­bei­tung be­dient.

In der Me­di­en­werk­statt fin­den Sie aus­führ­li­che Hin­wei­se zum  HTML-Edi­tor Kom­po­Zer, einem nahen "Ver­wand­ten" von NVU.

Titel / Über­schrift

Star­ten Sie NVU und Kli­cken Sie auf [Datei --> Neu]. Es öff­net sich eine leere Seite, der Sie zu­erst eine Über­schrift geben soll­ten. Dazu kli­cken Sie auf [For­mat --> Sei­ten­ti­tel und -ein­stel­lun­gen ...]



Die­ser Titel er­scheint spä­ter - nach dem Hoch­la­den der Datei auf den Ser­ver - als Über­schrift der Seite.

In­hal­te: Text

Plat­zie­ren Sie nun Text und Bil­der auf der Seite. Sie kön­nen den Text mit NVU schrei­ben oder aus einem an­de­ren Do­ku­ment ko­pie­ren. Falls Sie den Text z.B. aus einem Word-Do­ku­ment über­neh­men, soll­ten Sie vor dem Ko­pie­ren un­be­dingt alle For­ma­tie­run­gen ent­fer­nen. In Word gehen Sie dazu nach [Be­ar­bei­ten --> Alles mar­kie­ren] und wei­sen dann dem ge­sam­ten Text die Aus­zeich­nung "Stan­dard" zu. An­schlie­ßend ko­pie­ren Sie den Text und fügen ihn in NVU ein. Die Seite sieht dann z.B. so aus:



Diese Seite ist noch for­ma­tiert (Über­schrif­ten, zen­trier­ter Text, links­bün­di­ger Text).



So sieht die Seite aus, wenn alle For­ma­tie­run­gen ent­fernt wur­den. In die­ser Form ("Nor­ma­ler Text" / "Body Text") lan­det der Text in NVU.



Erst jetzt neh­men Sie die zu­läs­si­gen For­ma­tie­run­gen vor:  Über­schrift 1-6, Schrift­schnitt (fett oder evtl. kur­siv), Liste. Wei­ter ge­hen­de For­ma­tie­run­gen sind nicht zu­läs­sig bzw. wer­den vom Ser­ver aus­ge­fil­tert.

In­hal­te: Bil­der

Bil­der fügen Sie so ein: [Ein­fü­gen --> Gra­fik]. Im fol­gen­den Dia­log wäh­len Sie das Bild aus und geben ihm einen Al­ter­na­tiv­text. Ach­ten Sie drauf, dass das Bild nicht die ma­xi­ma­le Brei­te von 488 Pixel über­schrei­tet. Soll­te das Bild zu groß sein müs­sen Sie es ver­klei­nern, bevor sie es in NVU ein­fü­gen.

Stan­dar­di­cons ein­fü­gen

Auf die­sem Ser­ver wer­den alle Links mit ein­em­Stan­dar­di­con ver­se­hen. Im vor­lie­gen­den Fall ist es das Icon "wei­ter", das vor jedem ser­ver­in­ter­nen Link steht. Sie fügen es ein, indem Sie [Ein­fü­gen --> Gra­fik] aus­wäh­len und fol­gen­de Ein­ga­ben ma­chen:



Bei den an­de­ren Stan­dar­di­cons ver­fah­ren Sie bitte ent­spre­chend.

Haben Sie Ihre Seite fer­tig ge­stellt müs­sen Sie die Seite spei­chern und dann die html-Datei sowie alle darin plat­zier­ten Bil­der (mit Aus­nah­me der Stan­dar­di­cons) in den ent­spre­chen­den Ord­ner auf dem Ser­ver ko­pie­ren.

Wie das mit Win­SCP geht, wird auf   die­ser Seite be­schrie­ben.

Wie das mit Fi­le­Zil­la geht, wird auf   die­ser Seite be­schrie­ben.