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:

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:

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: 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: 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