Kurzbeschreibung

Die Farbe des Seitenhintergrundes ändert sich

Vorteile

Fällt auf. Wird relativ selten verwendet. Wenig Speicherbedarf. Ohne Script.

Nachteile

Der Farbwechsel kann auf verschieden Rechnern oder in unterschiedlichen Browsern unterschiedlich schnell sein.

Schwierigkeit Für Anfänger geeignet
Besonderheiten

Wirkt sehr unruhig. Man sollte das nicht großflächig verwenden.

Der besondere Hintergrund, die zweite.

Es gibt viele Möglichkeiten, den Hintergrund eines HTML-Elements zu gestalten. Eine sehr Aufmerksamkeit erregende wird auf dieser Seite beschrieben.

Diese Art von Hintergrund ist für folgende Html-Elemente geeignet:

Im Beispiel ist der Hintergrund in einer Tabellenzelle (<td>) und in der Überschrift (<h1>).

Man nimmt ein beliebiges Grafikprogramm, das das Gif-Format beherrscht, und erstellt ein Bild mit 1 Pixel Breite und 1 Pixel Höhe. Die Farbauflösung muss 256 Farben (8 Bit Farben) sein. Jetzt macht man daraus eine Animation. Wie das geht, hängt vom verwendeten Programm ab. Die Anzahl der Bilder ist beliebig. In diesem Beispiel sind es 79. Jetzt färbt man jedes Bild in einer anderen Farbe ein. Selbstverständlich sollten alle Farben einen ausreichenden Kontrast zur Schrift und zu den angrenzenden Bildern haben (eventuell mit Rahmen arbeiten). Das ganze speichert man dann im Gif-Format ab. Im Beispiel ist es rainbowdot2.gif. Das ganze legt man dann auf seinem Webspace ab, und merkt sich die URL des Bildes. Im Beispiel ist es http://members.surfeu.de/namibia/mich/rainbowdot2.gif.

Dann öffnet man die Html-Seite, in der man den Hintergrund verwenden will zum Bearbeiten und sucht das Element, das den Hintergrund bekommen soll. Das einleitende Tag muss dann um style="background-image:url(http://members.surfeu.de/namibia/mich/rainbowdot2.gif);" erweitert werden. Die URL des Bildes musst du natürlich an die URL deines Bildes anpassen. Es geht auch mit relativen Pfadangaben. Wenn das Bild im selben Ordner wie die Seite ist kann man den Pfad weg lassen.

Beipiel:

Angenommen du willst den Hintergrund für eine Tabelle verwenden. Das Anfangstag der Tabelle lautet bisher <table border="1" cellpadding="10" cellspacing="0" width="100%" bordercolor="#C0C0C0">. Das Bild ist im gleichen Ordner wie die Seite und heißt "bild.gif". Dann wird aus dem Anfangstag <table border="1" cellpadding="10" cellspacing="0" width="100%" bordercolor="#C0C0C0" style="background-image:url(bild.gif);">.


Um einen Link zu setzen, der direkt auf diese Seite führt, verwende folgende Url: