STARTSEITE           Vorige Seite 3         Nächste Seite 5

Webseitengestaltung, Seite 4, Die Begleitung zur Nvu Anleitung von Seite 16 bis zur Seite 20 mit Nvu / KompoZer

Wie immer nach einem Auftrag kann die Frage auftreten, wie weit kommt Mensch mit dem Gelernten? Deshalb hier ein Beispiel, eigentlich nur eine Anwendung der inline styles 'Box-Eigenschaften' auf das Foto. Die drei Links auf dieser Seite oben haben mit den Inline styles inzwischen auch schon einen Rand und einen Hintergrund bekommen. Als Links tauchen sie ja in der Nvu-Statuszeile mit einem <a>-Tag auf. Dadurch ist der Rechtsklick darauf möglich und schon kannst du die Inline styles bearbeiten.
Hast du auch deine Fantasie spielen lassen? Mach uns doch die Freude, und sende dein Beispiel an anwendung@huscholz.de oder schreibe, wo im Internet es zu finden ist. Danke.

Wer bisher noch keine Seite im Internet hat, wird es kaum erwarten, die eigene Seite ins Web zu stellen. Deshalb gibt es parallel hierzu die Nvu-Rezepte, um Gratis-Webspace dafür zu nutzen. Gratis kann Mensch es ja nun nicht nennen bei Arcor, T-Online. AOL usw. Mensch hat ja einen Vertrag mit Kosten. Der Vertrag wurde jedoch nicht im Hinblick auf eine eigene Webseite abgeschlossen. Fein, wenn der Kurs, wie bei mir jetzt auch, dieses Nebenprodukt zum Leben erweckt. Jedenfalls ist es Zeit für einen Start. Wenn es an einer Idee mangelt, ein Beispiel ohne Information führe ich hier selbst mal vor. Dort ist auch der Nvu-Hinweis eingefügt. Dazu dieses hier in den Quelltext kopieren:

<a href="http://www.nvu.com"><img src="http://www.nvu.com/images/madewithNvu80x15clear.png" alt="Document made with Nvu" border="0" height="15" width="80"></a>

Näheres auf: http://www.nvu-composer.de/support.html . Entscheide selbst, ob du das Logo verwendest. Ich nehme es, weil die Entwickler bei jedem Browserzugriff bemerken, dass ihr Produkt auch benutzt wird. Ein wichtiges feedback, damit es bei Nvu weitergeht. Jeder Besucher deiner Seite mit diesem feedback, löst einen download der Grafik von www.nvu.com aus, den der admin dort zählen kann. Ein Verfahren, dass sonst als traffic-Klau gewertet wird. Möchtest du nur das Nvu-Logo ohne den Link einbinden, den hier beabsichtigten traffic-Klau also vermeiden, dann kopiere die Grafik aus dem Browser für die Weiterarbeit auf deine Festplatte.

Nun aber zurück zur Anleitung.

Blatt 16, 3.4.4 bis 3.4.7 Listen, Formatieren, Importieren und Sonderzeichen

Listen sind eine feine Sache, um Aufzählungen hervorzuheben und zu gliedern. Blatt 16 bis 18 macht selbst davon regen Gebrauch. Die Anleitung ist unter den genannten Punkten ausführlich genug.

Blatt 19, 3.4.8 Rechtschreibprüfung.

Das deutsche Wörterbuch kann nachgeladen werden. Ein neu installiertes KompoZer vers. 0.77 DE (Stand 17.1.07) zeigt bei der Rechtschreibprüfung mit [Strg]-[k] keine Fehler, es kennt keine Wörter. Da über das "Wie" auf Blatt 20 oben nichts steht, soll das "Wie" hier folgen:
Lade im Internet die englischsprachige Webseite http://nvuext.mozdev.org/installation.html . Rechtsklicke auf  "Dict de-DE (both)" , um das Kontextmenü zu erhalten. Mit 'Ziel speichern unter... '  die Datei "woerterbuch_deDE_kombi_2.0.xpi" mit 1,19MB auf dem Rechner speichern. In Nvu muss die Editieransicht Quelltext falls du diese gerade verwendest verlassen werden. Menü Extras / Erweiterungen / Dialog 'Erweiterungen' / Installieren anklicken / Jetzt den Ordner mit der xpi-Datei aufsuchen und die Datei Öffnen / Jetzt installieren. Nach der Installation einer Erweiterung steht diese erst nach einem Neustart von Nvu oder KompoZer zur Verfügung.
Auf diese Seite hier angewendet, mussten eine Menge Wörter dem persönlichen Wörterbuch noch hinzugefügt werden, dennoch hat es sich wegen einiger Fehler, die ich übersehen habe, echt gelohnt. Das persönliche Wörterbuch kann während der Rechtschreibprüfung mit Bearbeiten... geöffnet und geändert werden.

Blatt 20, 3.4.9 Textansicht.

Das Nvu-Hauptfenster,in dem der Text editiert wird, fungiert ähnlich wie ein Browser. Das heißt, auf dem Bildschirm erscheint deine Webseite wie sie auch im Browser zu sehen ist. Das bedeutet ja das WYSIWYG. Ausgeschrieben What You See Is  What You Get = Was Du Siehst ist Was Du Erhältst. Das ist ein klarer Nvu-Vorteil. Fungiert ähnlich heißt aber auch, dass in Nvu Links und Scripte nicht ausgeführt werden. Die Wirkung entfällt. Mit Nvu können Links und Scripte nicht getestet werden. Dazu hat aber Nvu den Vorschau-Button oben in der Symbolleiste. Mit dem wird der Browser (mit Firefox geht das) gestartet und deine Webseite geladen. Mit anderen Worten, der Editiermodus 'Vorschau' liefert nur ein Vorschau-Bild, zeigt jedoch keinerlei Wirkungen.

Auftrag 4

Lade bitte mit Nvu die Datei www.elew.de/kurs1/auftrag04.html und arbeite sie durch. Das fertige Beispiel ist das lange Inhaltsverzeichnis mit den 7 Sprungmarken.

Weiter im Kurs mit Seite 5

Was jemand, der bisher keine Ahnung hatte, nach dieser Seite getan haben, bzw. können sollte:

In Listen die Tags <ol> und <ul> identifizieren und per Schaltfläche ändern.
Eine Unterliste per Schaltfläche einrücken.
Per inline styles ein Listen-tag für römische Ziffern modifizieren.
Nvu mit dem Wörterbuch für die deutsche Rechtschreibung ergänzen.

Garantie: Falls nicht(s) verstanden, erfolgen Zusatzinformationen nach Erhalt einer eMail mit Beschwerde an garantiert at huscholz punkt de

Vorschläge, Fragen, Kritik zum Kurs

Frage: 27.11.2005 J.G.: "Ich bin dabei, die Webseite der Russisch Orthodoxen Kirche in den Vereinigten Arabischen Emiraten zu gestalten. Diese Seite soll in Russisch sein. Wie geht das mit Nvu? Ich habe kein Russisch-Wörterbuch gefunden.
Antwort: "Das russische Wörterbuch für Nvu findest du hier: http://nvuext.mozdev.org/installation.html .Die Datei spell-ru.xpi bindest du wie beim deutschen Wörterbuch oben beschrieben ein. Für deine Webseiten stellst du die kyrillische Schrift bei Nvu ein mit Menü Extras / Einstellungen... / Gruppe Seiteneinstellungen / Sprache wählen: Russisch / Zeichensatz wählen: Kyrillisch (????).  Eine mit Nvu erstellte neue Seite zeigt dann oben z.B. im Quelltext
" ....lang="ru"><head><meta content="text/html; charset=KOI8-U.... "
an. Mit deinem Betriebssystem hast du sicher schon dafür gesorgt, dass deine Tastatur auch kyrillisch schreibt. Bei Windows unter Systemsteuerung, Regions- und Sprachoptionen. Mit dem DE und RU in der Taskleiste kannst du dann auch kyrillisch und lateinisch mischen. Nvu ist das egal.

Anmerkung: 26.7.2007 M.B.:"Hallo, eigentlich ist das keine Frage, sondern eine Anmerkung. Im Auftrag 4 i) solle zwischen den Hauptteilen von 1 - 7 eine Leerzeile eingefügt werden. Nach Drücken von Shift + Enter sieht es auf der Normal-Seite so aus, als ob eine Leerzeile eingefügt wurde und im Quelltext wurde auch ein <br> eingefügt. In der Vorschau mit dem Browser gibt es aber keine Leerzeilen und in der Normalansicht in Nvu sind die plötzlich auch wieder weg. Ich erhalte erst eine Leerzeile, wenn ich das gleiche noch mal durchführe. Im Quelltext sind dann 2 br-Tags (also: <br><br>) hintereinander. In deinem fertigen Beispiel gibt es auch keine Leerzeilen, obwohl in deinem Quelltext der br-Tag enthalten ist. Fazit: Um eine Leerzeile zu erhalten, muss in einer Liste zweimal ein Zeilenumbruch durchgeführt werden."
Antwort 1, 27.7.2007 huscholz: "Ich bin ganz raus, wenn dir das auffällt, schreibe ich deine Antwort hier rein, mit Namen oder anonym."
Antwort 2, 23.11.2007 Bernd K.: "Hallo ... Würde gerne eine Erläuterung zu Kurs 1-4 und der Verwendung von Umschalt+Enter äußern. (angelehnt an die Anmerkung vom 26.7.2007 M.B.:"Hallo, eigentlich ist...) Um den Effekt zu erläutern und wie man es umgehen kann hab ich eine eigens dafür programmierte Homepage Verbesserung.html beigefügt. (STOLZ!!!) Meine Erklärung in Worten: Ist man innerhalb einer mindest zweifach eingerückten Liste und wendet UMSCHALT+ENTER am Ende einer solchen Liste an, wenn danach keine eingerückte Listenabschnitt folgt setzt NVU (KompoZer) das einige Stellen zu früh im HTML-Code. Das verleitet den Browser dazu dieses zu überlesen, bzw. zu ignorieren. Gruß, Bernd."
Antwort 3, 24.11.2007 huscholz: "Danke Bernd für die Hilfe."

Weiter im Kurs mit Seite 5







Inhaltsverzeichnis zum Kopieren in den Auftrag 4:

  1. Informationswissenschaft: Was ist das? (u.a. Kunz/Rittels "Informationswissenschaften" 1972 und heute)
  2. Informationswissenschaft und gesellschaftliche Entwicklung
  3. Was ist eine Informationsgesellschaft?
    • Exkurs: Sputnik-Schock
  4. Die Informatisierung
    • Exkurs: Kommunikation und Gesellschaft
    • Exkurs: Systemanalyse
    • Exkurs: Elektronisches Publizieren
    • Exkurs: Das WWW als Informationsmedium
  5. Die Mediatisierung