<![CDATA[
<BODY>
<b><font face="Arial"><font size=+1>4.
Seitenerstellung</font></font></b>
<p><b><font face="Arial">4.1 Netscape Composer</font></b>
<p><b>Der Netscape Composer ist ein wenig komplexer, daher aber auch schnell
erlernbarer HTML- Editor. Die Ähnlichkeit mit gängigen Textverarbeitungsprorammen
erleichtert die Bedienung und verkürzt die Einarbeitungszeit.</b>
<p><b>Formatierungen können vor Eingabe des Textes oder durch Markieren
mit der Maus vorgenommen werden. Die Auswahl geschieht durch Buttons aus
der Toolbar, der Menüleiste und zum Teil auch über die rechte
Maustaste.</b>
<p><img SRC="Image3.gif" >
<br><i><font face="Arial"><font size=-1>Die wichtigsten Funktionen der
Toolbar</font></font></i>
<br>
<br>
<p><b><font face="Arial">4.2 Text</font></b>
<p><i><font face="Arial">Neues Dokument/ Dokument öffen</font></i>
<p><font face="Arial">Beim starten des Composers öffnet sich automatisch
ein neues Dokument. Durch Drücken des "Neu"- Buttons in der Symbolleiste
(bzw. der Auswahl "Neu/leere Seite" im "Datei"-Menü) läßt
sich jederzeit ein neues Dokument erstellen. Anfänger können
sich von einem Seitenassistenten helfen lassen, und es besteht auch die
Möglichkeit, eine Vorlage zu verwenden.</font>
<p><font face="Arial">Um ein bereits bestehendes Dokument zu öffnen
wird der Button "Öffnen" in der Symbolleiste gedrückt oder die
Auswahl "Seite Öffnen" aus dem "Datei"-Menü gewählt.</font>
<p><i><font face="Arial">Schriftarten und Farben</font></i>
<p><font face="Arial">Die Standardschriftart ist "variable Breite" und
kann über die Toolbar "Schriftart" geändert werden. Alternativ
dazu kann die Schriftart aus dem "Format/ Schriftart"- Menü gewählt
werden. Gerne benutzte Schriftarten im Internet sind z.B. Arial, Times
New Roman oder</font><font size=-1> </font><font face="Arial">Courier .
Dies sind die Standardschriften, d.h. alle Browser können sie darstellen.
Die Schriftgröße läßt sich in der Toolbar mit dem
Button "Schriftgrad" (Menüleiste: "Format/ Schriftgrad") festlegen,
die Farbe in der Toolbar "Schriftfarbe" gleich nebenan (Menüleiste:
"Format/ Schriftfarbe"). Der Text läßt sich fett, kursiv, unterstrichen,
durchgestrichen, blinkend (wird vom Internet Explorer nicht unterstützt),
hochgestellt, tiefgestellt, mit oder ohne Umbruch darstellen (Menüleiste:
"Format/ Schriftschnitt"). Auch Kombinationen sind möglich.</font>
<p><i><font face="Arial">Zeilenumbrüche und Seitenlänge</font></i>
<p><font face="Arial">Zeilenumbrüche werden vom Programm automatisch
ausgeführt, solange nicht die Option "Ohne Umbruch" aus dem "Format/
Schriftschnitt"- Menü eingestellt ist . Ein manueller Zeilenumbruch
wird, wie gewohnt, durch Drücken der [Return</font><font face="Lucida Console">]</font><font face="Arial">
Taste eingefügt.</font>
<p><font face="Arial">Die Seitenlänge in einem HTML-Dokument ist theoretisch
unbegrenzt. Ist das untere Bildschirmende erreicht, rollt ("scrollt") der
Bildschirminhalt nach oben, um unten neuen Platz zu schaffen. Es empfiehlt
sich jedoch nicht, die Seiten zu lang werden zu lassen. Die Ladezeiten
erhöhen sich proportional zur Seitenlänge und die Übersicht
wird erschwert, da der Besucher immer nur einen Ausschnitt des Gesamttextes
auf dem Bildschirm sehen kann. Eine Textunterteilung in mehrere (durch
Links miteinander verbundene) Einzelseiten ist hier sinnvoller.</font>
<p><i><font face="Arial">Textausrichtung</font></i>
<p><font face="Arial">Über den "Textausrichtungs"-Button lassen sind
die klassischen Ausrichtungstypen (Linksbündig, Rechtsbündig,
Zentriert- Blocksatzt wird leider nicht unterstützt) einstellen (alternativ:
Menüleiste "Format/Ausrichten"). Auch einzelne Textpassagen (z.B.
in Tabellen) lassen sich individuell gestalten.</font>
<p><i><font face="Arial">Aufzählungen:</font></i>
<p><font face="Arial">Sollen in einem Text Punkte aufgezählt bzw.
aufgelistet werden, läßt sich dies durch Drücken des "Aufzählung"
bzw. "Auflistung"- Buttons erreichen. Das Ergebnis sieht dann so aus:</font>
<ul>
<li>
<font face="Arial">Punkt 1</font></li>
<li>
<font face="Arial">Punkt 2</font></li>
<li>
<font face="Arial">Punkt n</font></li>
</ul>
<font face="Arial">bzw.</font>
<p><font face="Arial"># Punkt 1</font>
<p><font face="Arial"># Punkt 2</font>
<p><font face="Arial"># Punkt n</font>
<br>
<br>
<p><b><font face="Arial">4.3 Grafiken einfügen</font></b>
<p><font face="Arial">Um eine Grafik einzufügen, muß der Cursor
zunächst auf die Stellle gebracht werden, an der das Objekt später
stehen solll. Nachträgliche Verschiebungen der Grafik sind entweder
durch Ausschneiden/ Einfügen (rechte Maustaste) oder per "Drag &
Drop" möglich. Über den Grafik- Button aus der Symbolleiste (oder
die Auswahl "Grafik" im "Einfügen" Menü) öffnet sich das
Fenster "Grafikeigenschaften". Falls Name und Ort der gewünschten
Grafik bekannt sind, kann dies direkt in das Feld "Grafikadresse" eingegeben
werden. Alternativ dazu, kann die Datei über den Button "Datei wählen"
gesucht werden.</font>
<p><img SRC="Image10.jpg" >
<p><i><font face=""><font size=-1>Das Grafikeigenschaften-Fenster</font></font></i>
<p><font face="Arial">Die ausgesuchte Grafik wird nun vom Composer automatisch
in den aktuellen Arbeitsordner kopiert. In diesem Ordner wird später
auch die gerade bearbeitete HTML- Datei abgespeichert sein. Warum dies
sinnvoll ist, wird im Punkt 5.1 ("Verwaltung von HTML- Dokumenten") erläutert.</font>
<p><font face="Arial">Wie schon im Abschnitt "3.2 Layout" erwähnt,
empfiehlt es sich, Bilder mit wenig Speicherbedarf (gif oder komprimiertes
jpg- Format) für die Homepage zu verwenden. Um die Größe
der Grafik zu verändern, muß sie mit der rechten Maustaste angeklickt
und aus dem sich öffnendem Menü die Option "Grafikeigenschaften"
gewählt werden. Hier können nun die Textausrichtung, die Abmessungen
und der Rahmen eingestellt werden.</font>
<p><font face="Arial">Um eine Grafik zu löschen, muß sie mit
der Maus angeklickt und anschließend die "Entf"(Entfernen)- Taste
gedrückt werden.</font>
<br>
<br>
<p><b><font face="Arial">4.4 Hintergrundgrafiken</font></b>
<p><font face="Arial">Um eine Hintergrundgrafik einzurichten wird, wie
im Punkt "4.3 Grafik einfügen", ein Bild ausgesucht. Unter dem Button
"Datei wählen" im Fenster "Grafikeigenschaften" ist ein weißes
Kästchen ("Als Hintergrund verwenden"). Wird dieses Feld durch anklicken
aktiviert, erscheint die ausgewählte Grafik als Hintergrund. Die Hintergrundgrafik
ist immer bildschirmfüllend und wird vom Composer automatisch aus
Aneinanderreihung des Ausgangsbildes erstellt.</font>
<p><font face="Arial">Um eine Hintergrundgrafik zu löschen, muß
im Menü "Format/Seiteneigenschaften" (oder: rechte Maustaste-Menüauswahl
"Seiteneigenschaften") im Blatt "Farben und Hintergrund" die Option "Hintergrundgrafik
verwenden" deaktiviert werden.</font>
<br>
<br>
<p><b><font face="Arial">4.5 Tabellen</font></b>
<p><font face="Arial">Tabellen sind ein häufig eingesetztes Element
in HTML-Dokumenten. Mit etwas Übung lassen sie sich hervorragen als
Gestaltungselement einsetzen. So kann z.B ein zweispaltiger Text in einem
Dokument geschaffen werden, indem eine rahmenloseTabelle mit zwei schmalen
Spalten und vielen Zeilen eingefügt wird. Mehrspaltige Texte sind
normalerweise nicht in HTML vorgesehen, aber mittels solcher Tricks lässt
sich das System "überlisten".</font>
<p><font face="Arial">Um im Composer eine Tabelle einzufügen, muß
der Buttton "Tabelle einfügen" aus der Toolbar bzw. die Auswahl "Tabelle"
aus dem Menü "Einfügen" gewählt werden. Es öffnet sich
ein Fenster, in dem die gewünschte Zeilen- und Spaltenanzahl sowie
die Ausrichtung, die Rahmenbreite und Tabellenhintergründe angegeben
werden können. Mit der entstandene Tabelle kann nun gearbeitet werden
wie aus anderen Textverarbeitungsprogrammen gewohnt.</font>
<br>
<br>
<p><b><font face="Arial">4.6 Links</font></b>
<p><font face="Arial">Ein Link verweist in der Regel zu einer URL(</font>=<b><font face="Arial">U</font>niform
Resource Locator</b> <font face="Arial">)-Adresse irgendwo im Internet
oder einer Unter- bzw. Oberseite des eigenen Angebotes.</font>
<p><font face="Arial">Um einen Link in ein HTML- Dokument einzufügen,
muß zunächst ein Ausgangspunkt definiert werden. Dies kann Text,
aber auch jedes andere Element auf der Seite sein (z.B. Bilder). Um ein
Objekt als Link zu definieren, muß er markiert und anschließend
aus der Toolbar der Button "Verknüpfung erstellen/ einfügen"
geklickt werden. Es öffnet sich ein Fenster, in dem nach der gewünschte
Zieladresse des Links gefragt wird. Soll auf eine fremde Seite verknüpft
werden, empfiehlt es sich, die entsprechende Seite in einem Web-Browser
zu öffnen und die komplette URL-Adresse der Seite in den Zwischenspeicher
zu kopieren. Anschließend wird wieder in den Composer gewechselt
und die gerade kopierte URL wird als Zieladresse eingefügt. Diese
Prozedur erscheint auf den ersten Blick etwas umständlich, ist aber
sehr praktisch, da Internetadressen mitunter sehr lange, seltsame Namen
haben-die Gefahr, daß sich beim Abschreiben Fehler einschleichen
ist entsprechend groß.</font>
<p><font face="Arial">Auf eigene Seiten kann gelinkt werden, indem in das
Linkadressen- Fenster einfach nur der Name der Seite (Dateityp -z.B.: .html-
nicht vergessen!) eingetragen wird. Dies ist jedoch nur möglich, wenn
der Punkt 5.3 ("Bereitstellung von HTML- Dokumenten") genau befolgt wird.</font>
<p><b><font face="Arial">4.7 Töne, Videos, interaktive Elemente</font></b>
<p><font face="Arial">Die Leistungsfähigkeit des Netscape Composers
ist, wie schon erwähnt, recht begrenzt. Das Einbauen von Videos, Klängen
und anderen Elementen dieser Art ist im Programm nicht direkt vorgesehen.
Alles, was über die Standardwerkzeuge zur Gestaltung der Internet-Seiten
hinausgeht, wird im Composer über das Menü Bearbeiten/ "HTML-Quelle"
eingegeben.</font>
<p><img SRC="Image5.gif" >
<p><i><font face=""><font size=-1>Das Einstellungen- Fenster</font></font></i>
<p><font face="Arial">Mit Hilfe dieser Option kann der HTML-Quelltext direkt
bearbeitet werden. In diesem Fall, sollte zunächst ein Editorprogramm
zur Bearbeitung von HTML- Quelltexten gewählt werden. Dafür muß
im Menü "Berabeiten/ Einstellungen" unter "Externe Editoren/ HTML-Quelle"
ein geeigneter Editor eingegeben, bzw. gesucht werden. Wie schon im Abschnitt
2.2 (Editoren) erläutert, reicht der Standardeditor von Windows 95/98/NT
vollkommen aus um einen HTML-Quelltext zu generieren, es kann aber auch
jedes andere Textverarbeitungsprogramm angegeben werden.</font>
<br>
<br>
<p><i><font face="Arial">Einbetten von Elementen</font></i>
<p><font face="Arial">Für das Einbetten von Dateien in Dokumente gibt
es den <Enbed>-Tag. Soll z.B. eine Tondatei in das HTML- Dokument eingebettet
werden, muß dies zunächst in den Hompage-Order kopiert werden
und anschließend der HTML-Quelltext, so wie oben beschrieben, ergänzt
werden.</font>
<p><i><font face="Arial">Besucherzähler:</font></i>
<p><font face="Arial">Auf Wunsch kann in die Homepage ein Zugriffszähler
installiert werden. Dieser springt bei jedem Besuch der Seite eine Ziffer
weiter. Auch dieses Element ist nicht im Composer direkt vorgesehen und
wird folgendermaßen integriert:</font>
<p><font face="Arial">img SRC="http://www.rzbd.fh-hamburg.de/cgi-bin/Count.cgi?ft=5&pad=N&dd=E|df=<i>eigener
nachname</i>.dat"></font>
<p><font face="Arial">Der Browser fügt beim Lesen dieser Zeile automatisch
einen Zugriffszähler ein.</font>
<br><font face="Arial">Das Ergebnis sieht dann so aus (dieser Zähler
funktioniert tatsächlich!):</font>
<center><font face="Times New Roman"><font size=-2>Besucher seit dem XX:</font></font>
<br><img SRC="Count.cgi" ></center>
<p><br>
<br>
<p><i><font face="Arial">Gästebuch:</font></i>
<p><font face="Arial">Elektronische Gästebücher für private
Homepages werden von vielen Anbietern im Netz kostenlos zur Verfügung
gestellt. Dadurch wird das Einrichten eines eigenen Gästebuches sehr
leicht. Es muß lediglich ein Link von der eigenen Seite aus zu der
Seite des Anbieters gelegt werden, die genaue Adresse teilt der Service
(meist via e- mail) nach der Anmeldung mit. Die Besucher landen dann automatisch
im gewünschtem Gästebuch. Aufpassen sollte man jedoch mit sogenannten
"kostenlosen"- Diensten, die als Gegenleistung für ihr Gästebuch
einen Werbebanner oder Werbelink auf die eigene Seite legen möchten.
Da auf den Seiten des rzbd prinzipiell keinerlei Art von Werbung erlaubt
ist, sollten solche Dienste vermieden werden. Eine mögliche Alternative
ist z.B. der werbefreie Anbieter "get-hits"(http://www.get-hits.net).</font>
<br>
<br>
<p><font face="Arial"><b>4</b>.<b>8 Speichern von Dateien</b></font>
<p><font face="Arial">Fertiggestellte Dokumente können über den
"Speichern"- Button (bzw. den Menüpunkt "Datei/Speichern") abgespeichert
werden. Es öffnet sich ein Fenster in dem der Name sowie der Speicherort
festzulegen ist. Der Composer fragt nun nach dem Titel der Seite. Der Seitentitel
ist nicht deckungsgleich mit dem Dateinamen. Es ist der Text, der ganz
oben in der (meist) blauen Leiste erscheint.</font>
<br>
<br>
<p><font face="Arial"><a href="http://www.rzbd.fh-hamburg.de/~s1485084/paginas/index.htm">Zurück
zum Index</a></font>
<p><nobr><font face="Arial"><a href="http://www.rzbd.fh-hamburg.de/~s1485084/paginas/verwaltung.htm">Weiter
zu Kapitel 5: Verwaltung und Bereitstellung von HTML- Dokumenten</a></font></nobr>
<br>
</body>
</html>
]]>