SELFHTML: HTML/XHTML / Dateiweite Einstellungen / Hintergrundbild (Wallpaper)

SELFHTML/Navigationshilfen HTML/XHTML Dateiweite Einstellungen
	Hintergrundbild (Wallpaper)
	Hintergrundbild einbinden Weitere Möglichkeiten

Hintergrundbild einbinden

Sie können für die Anzeige einer HTML-Datei ein Hintergrundbild bestimmen. Dabei wird das Bild über das ganze Anzeigefenster hinweg immer wiederholt, sodass ein Tapeteneffekt (Wallpaper) entsteht. Besonders geeignet für Wallpaper-Effekte sind relativ kleine Grafiken, die irgendein abstraktes Muster darstellen. Typische Beispiele finden Sie im Kapitel über Grafiken im Abschnitt Wallpapers (Hintergrundbilder)

Die Hintergrundgrafik sollte als Grafikdatei im GIF-Format oder JPEG-Format vorliegen.

Beispiel:

Anzeigebeispiel: So sieht's aus

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Hintergrundbild einbinden</title>
</head>
<body background="background.jpg" text="#990000" link="#0000CC" vlink="#000066" alink="#000000">
<h1>Text</h1>
<a href="http://de.yahoo.com/"><b>Verweis zu Yahoo</b></a>
</body>
</html>

Erläuterung:

Die Angabe zum Einbinden eines Hintergrundbildes erfolgt im einleitenden <body>-Tag der HTML-Datei. Mit dem Attribut background bestimmen Sie eine Grafikdatei als Hintergrundbild (background = Hintergrund). Die gesamte HTML-Datei wird auf dem hier definierten Hintergrundbild angezeigt.

Beachten Sie:

Das Attribut background ist als deprecated eingestuft und soll künftig vermieden werden. Den gleichen Effekt erreichen Sie nämlich auch mit Hilfe von Stylesheets, z.B. so:
<body style="background-image:url(background.jpg)">

Bei der Adressierung des Hintergrundbildes gelten die Regeln zum Referenzieren in HTML.

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 ein Hintergrundbild definieren, sollten Sie auch passende Farben für Text und Verweise definieren.

Verwenden Sie bei textorientierten WWW-Seiten unauffällige Hintergrundbilder, bei denen die Lesbarkeit des Textes nicht leidet. Auffällige Hintergrundfarben sollten Sie nur verwenden, wenn die gesamte WWW-Seite grafisch aufgebaut ist und wenn die Grafiken im Vordergrund zu dem auffälligen Hintergrund passen.

Netscape ab Version 4.x und Internet Explorer ab Version 4.x interpretieren auch animierte GIF-Grafiken als Hintergrundbilder.

Der Internet Explorer kennt ein zusätzliches Attribut bgproperties="fixed" im einleitenden <body>-Tag, mit dem Sie ein unbewegliches Hintergrundbild erzeugen können. Dieses Attribut gehörte jedoch nie zum HTML-Standard und lässt sich auch durch eine CSS-Angabe ersetzen, z.B. so:
<body style="background-image:url(background.jpg); background-attachment:fixed;">

Weitere Möglichkeiten

Bei Verwendung von Stylesheets müssen Sie zunächst wissen, wie man CSS-Formate definieren kann. Anschließend sind Sie in der Lage, CSS-Eigenschaften anzuwenden. Maßgeblich sind im hier beschriebenen Zusammenhang folgende CSS-Eigenschaften:
background-image
background-repeat
background-attachment
background-position
background
color
Pseudoklassen für Verweise

Das <body>-Tag kann auch Universalattribute enthalten.


	Seitenränder
	Farben für Hintergrund, Text und Verweise

SELFHTML/Navigationshilfen HTML/XHTML Dateiweite Einstellungen