HTML-Dateien selbst erstellen
Seitenränder, Farben, Hintergrundbilder und -musik
Seitenränder
Hinter- und Vordergrundfarben
Hintergrundbilder
Hintergrundmusik
Anzeigebeispiel: Hinter- und Vordergrundfarben
Anzeigebeispiel: Hintergrundbild
Anzeigebeispiel: Hintergrundmusik und Seitenränder
Seitenränder
Sie können die Abstände des Fensterinhalts von den Fensterrändern
links bzw. rechts und oben bzw. unten bestimmen. Die Angaben hierzu werden bislang jedoch nur vom MS Internet
Explorer ab Version 2.0 interpretiert.
Die definierten Seitenräner gelten jeweils für die HTML-Datei, in der sie
definiert werden. Wenn Sie ein Dokument aus mehreren HTML-Dateien erstellen, das
einheitliche Seitenränder haben soll, müssen Sie die Seitenränder in jeder
HTML-Datei neu definieren. Natürlich können Sie auch für alle
Dateien unterschiedliche Seitenränder definieren.
Seitenränder können Sie im einleitenden Tag von
<body> definieren.
Beispiel
<body leftmargin=30 topmargin=50>
Durch die Zusatzangabe leftmargin= bestimmen Sie den Abstand
zwischen linkem bzw. rechtem Fensterrand und Inhalt der Datei.
Mit topmargin= bestimmen Sie den Abstand zwischen oberem bzw.
unterem Fensterrand und dem Inhalt der Datei. Beide Angaben erfolgen in Pixeln.
Linke und rechte Ränder sind immer gleich groß, ebenso obere und
untere.
Sie können zu beiden Werten Angaben machen, aber auch nur zu einem der
beiden.
HTML-Dateien selbst erstellen
Farben, Hintergrundbilder und Hintergrundmusik



Hinter- und Vordergrundfarben
Sie können eine Farbe für den Hintergrund des Anzeigefesnters bestimmen. Dazu
können Sie passende Textvordergrundfarben bestimmen.
Sie können auch
Textfarben
für bestimmte Textabschnitte definieren.
Farbe für den Bildschirmhintergrund
Die selbst bestimmte Hintergrundfarbe gilt jeweils für die HTML-Datei, in der sie definiert wird.
Wenn Sie ein Dokument aus mehreren HTML-Dateien erstellen, das einen einheitlichen Hintergrund
haben soll, müssen Sie die Hintergrundfarbe in jeder HTML-Datei neu definieren.
Natürlich können Sie auch für jede HTML-Datei eine andere
Hintergrundfarbe definieren.
Wenn Sie eine Hintergrundfarbe definieren, sollten Sie auch passende (kontrastierende)
Textvordergrundfarben definieren.
Die Hintergrundfarbe können Sie im einleitenden Tag von
<body> selbst definieren.
Die Syntax lautet:
<body bgcolor=#rrggbb>
Zur Bedeutung der Farben und für Hinweise zur Farbauswahl lesen Sie
Alles über Farben.
Dabei bedeuten:
- rr = Rotwert der Farbe, hexadezimal von 00 bis FF (entspricht 0 bis 255)
- gg = Grünwert der Farbe, hexadezimal von 00 bis FF (entspricht 0 bis 255)
- bb = Blauwert der Farbe, hexadezimal von 00 bis FF (entspricht 0 bis 255)
Beispiel
<body bgcolor=#000080>
Hinweis: Beachten Sie, daß durch dieses Schema 1,6 Millionen Farben
bestimmt werden können. Bei Anzeigegeräten, die weniger Farben unterstützen
(64000, 256 oder 16), werden Zwischentöne in Raster aufgelöst. Diese Raster
können die Lesbarkeit stark beeinträchtigen. Um mit den 16 Grundfarben zu operieren,
die fast alle Bildschirme anzeigen können, verwenden Sie nur die folgenden Werte:
Textvordergrundfarben
Die selbst bestimmten Textvordergrundfarben gelten jeweils für die HTML-Datei, in der sie
definiert werden. Wenn Sie ein Dokument aus mehreren HTML-Dateien erstellen, das einen
einheitlichen Hintergrund und Textvordergrund haben soll, müssen Sie
die Hintergrundfarbe und die Textvordergrundfarben in jeder HTML-Datei neu definieren.
Natürlich können Sie auch für jede HTML-Datei andere Farben definieren.
Textvordergundfarben gibt es für folgende Textelemente:
- für den Textkörper (normaler Text, Überschriften, Listen usw.)
- für Verweise, die zu noch nicht besuchten Textstellen führen
- für Verweise, die zu bereits besuchten Textstellen führen
- für Verweise, die gerade gehighlightet sind, weil der Anwender sie anklickt
Die Textvordergrundfarben können Sie im einleitenden Tag von
<body> selbst definieren.
Die Syntax lautet:
<body text=#rrggbb> -> für Textkörper
<body link=#rrggbb> -> für Verweise zu noch nicht besuchten Textstellen
<body vlink=#rrggbb> -> für für Verweise zu bereits besuchten Textstellen
<body alink=#rrggbb> -> für gehighlightete Verweise
Dabei bedeuten:
- rr = Rotwert der Farbe, hexadezimal von 00 bis FF (entspricht 0 bis 255)
- gg = Grünwert der Farbe, hexadezimal von 00 bis FF (entspricht 0 bis 255)
- bb = Blauwert der Farbe, hexadezimal von 00 bis FF (entspricht 0 bis 255)
Achten Sie darauf, daß die definierten Textvordergrundfarben mit der definierten
Hintergrundfarbe kontrastieren. Wenn Sie z.B. eine dunkle Hintergrundfarbe definieren,
sollten Sie helle Textvordergrundfarben wählen (z.B. Weiß, Gelb,
Hellgrün und Hellblau)
Beispiele
<body text=#FFFFFF>
Dies entspricht dezimal den RGB-Werten 255,255,255 (Weiß).
<body link=#FFFF00>
Dies entspricht dezimal den RGB-Werten 255,255,0 (Gelb).
<body vlink=#00FFFF>
Dies entspricht dezimal den RGB-Werten 0,255,255 (Hellblau).
<body alink=#00FF00>
Dies entspricht dezimal den RGB-Werten 0,255,0 (Hellgrün).
Farben mit Namen angeben
Diese Möglichkeit wird bislang nur von MS Internet Explorer ab Version 2.0
unterstützt. Anstelle der hexadezimalen RGB-Werte geben Sie feste Namen zur
Farbbestimmung an. Folgende Farben können Sie auf diese Weise angeben:
- Black
- Maroon
- Green
- Olive
- Navy
- Purple
- Teal
- Gray
- Silver
- Red
- Lime
- Yellow
- Blue
- Fuchsia
- Aqua
- White
Beachten Sie, daß andere Browser, wenn sie auf solche Angaben stoßen,
versuchen, die Buchstaben der Farbangabe als Hexadezimalzahl zu interpretieren.
Dabei kann es zu ziemlich unangenehmen Fehlinterpretationen der Farbe kommen.
HTML-Dateien selbst erstellen
Farben, Hintergrundbilder und Hintergrundmusik



Hintergrundbilder
Für besondere Effekte können Sie für die Anzeige einer HTML-Datei ein
Hintergrundbild bestimmen. Dabei wird das Bild über das ganze Anzeigefenster hinweg
immer wiederholt, so daß ein Tapeteneffekt (Wallpaper) entsteht. Viele
Windows-Anwender kennen diesen Effekt, da in Windows die Möglichkeit besteht,
den Desktop mit einem solchen Wallpaper auszustatten. Besonders geeignet für
Wallpaper-Effekte sind relativ kleine Grafiken (nicht viel größer als
Icon-Größe), die irgendein abstraktes Muster darstellen.
Das Hintergrundbild gilt jeweils für die HTML-Datei, in der es definiert wird. Wenn
Sie ein Dokument aus mehreren HTML-Dateien erstellen, das einen einheitlichen Hintergrund
haben soll, müssen Sie die Angabe in jeder HTML-Datei wiederholen.
Wenn Sie eine Hintergrundfarbe definieren, sollten Sie auch passende
Textvordergrundfarben definieren.
Das Hintergrundbild können Sie im einleitenden Tag von
<body> selbst definieren.
Beispiel
<body background="kacheln.gif">
Das Hintergrundbild wird durch die Angabe background= bestimmt. Dahinter
folgt, in Anführungszeichen, der Name der Grafikdatei, die als Wallpaper-Effekt
angezeigt werden soll. Im Beispiel wird vorausgesetzt, daß sich die Grafikdatei
im gleichen Verzeichnis befindet wie die HTML-Datei. Wenn die Grafik in einem anderen
Verzeichnis steht, müssen Sie den relativen oder absoluten Pfadnamen angeben. Das
funktioniert genau so wie beim
Einbinden von Grafiken.
HTML-Dateien selbst erstellen
Farben, Hintergrundbilder und Hintergrundmusik
Hintergrundmusik
Dieses Feature wird bislang nur vom MS Internet Explorer ab Version 2.0 interpretiert. Sie können bestimmen, daß beim Aufruf einer HTML-Datei eine Hintergrundmusik ertönt. Voraussetzung ist natürlich, daß beim Anwender entsprechende Hardware-Voraussetzungen (Soundkarte, Lautsprecher) erfüllt sind.
Die Hintergrundmusik können Sie innerhalb des HTML-Dateikopfs, also zwischen <head> und </head> definieren.
Die Syntax lautet:
<bgsound src="havana.mid" loop="infinite">
Mit bgsound definieren Sie die Hintergrundmusik. In der Angabe
src= bestimmen Sie die Musikdatei. Es kann sich um Dateien der
Typen .MID, .AU oder .WAV handeln. Mit der Angabe loop= bestimmen Sie,
wie oft die Datei abgespielt werden soll, falls der Anwender die HTML-Datei länger
am Bildschirm anzeigt als die Spieldauer der Musikdatei. Mit
loop="infinite" wird die Datei endlos oft abgespielt. Um die
Wiederholungszahl zu begrenzen, geben Sie anstelle von infinite eine
entsprechende Zahl an.
Im obigen Beispiel wird vorausgesetzt, daß sich die Musikdatei
im gleichen Verzeichnis befindet wie die HTML-Datei. Wenn die Grafik in einem anderen
Verzeichnis steht, müssen Sie den relativen oder absoluten Pfadnamen angeben. Das
funktioniert genau so wie beim
Einbinden von Grafiken.
HTML-Dateien selbst erstellen
Farben, Hintergrundbilder und Hintergrundmusik