Grafiken im Hintergrund
Bisher haben Sie HTML - Dokumente erstellt, die einen weißen oder farbigen Hintergrund besaßen. Sie können jedoch auch Grafiken als Hintergrund einsetzen. Dazu müssen Sie dem bereits bekannten HTML - Tag <body> ein weiteres Attribut anfügen.
| <body background="Datei"> | Dieses Attribut ersetzt eine einfache Hintergrundfarbe durch die angegebene Grafik. |
|
<body background="Datei" bgproperties="fixed"> |
Normalerweise bewegt sich beim scrollen (Blättern) in einem HTML - Dokument der Hintergrund mit. Der Internet Explorer und Opera interpretieren dieses zusätzliche Attribut im Zusammenhang mit einem Hintergrundbild. Die Angabe bgproperties="fixed" bewirkt, dass der Hintergrund beim Scrollen nicht verschoben wird. Dieser Effekt nennt sich Wasserzeicheneffekt und lässt den Text über den Hintergrund gleiten. |
Um die Lesbarkeit ihres Dokuments durch ein Hintergrundbild nicht zu erschweren, sollten Sie folgendes beachten:
- Schaffen Sie einen starken Kontrast zwischen dem Hintergrund und dem Text. Wählen Sie für einen dunklen Hintergrund eine helle Textfarbe und umgekehrt.
- Verwenden Sie unauffällige Hintergrundbilder, die den Leser nicht zu sehr von dem eigentlichen Zweck Ihrer Webseite ablenken.
| Mögliche Hintergrundbilder | |||
|---|---|---|---|
 |
 |
 |
 |
| Beispiel 1 | Beispiel 2 | Beispiel 3 | Beispiel 4 |