Um die Sache übersichtlich zu gestalten, werde ich nur noch das schreiben, was in den <BODY> Tags steht. Ich lasse die <HTML>, <HEAD> & <TITLE> Tags weg. Ich muss Dir nicht sagen, dass Du sie im Dokument lässt. 

<BODY>
</BODY>

Schreibe etwas wirklich cooles. 

<BODY>
Etwas wirklich cooles
</BODY>


Etwas wirklich cooles

Immer, wenn du Dein Dokument verändert hast, speichere es und drücke 'Neu laden' im Browser. Bei manchen reicht das aber nicht aus... in diesem Fall drücke 'Neu laden' mit gedrückter UMSCHALT-Taste.

Ich denke das Erste, was wir lernen sollten wäre, wie man die Hintergrundfarben ändert. 

<BODY BGCOLOR="#CCFFCC">
Etwas wirklich cooles
</BODY>


Etwas wirklich cooles

CCFFCC ist computerisch für hellgrün. Hier sind ein paar mehr Farben.
Im 256 Farbenmodus reduziert Netscape alle Bilder auf diese Farben. Wenn zusätzlich noch eine Hintergrundfarbe festgelegt wurde, die keine dieser Farben ist, verwendet Netscape normalerweise die nächstgelegene Farbe. Obwohl es zu diesem Zeitpunkt nicht allzu wichtig, zu wissen, wie Browser und Farben zusammenarbeiten, willst Du vielleicht nach der Lektion etwas über Netscapes berüchtigte 216 Farben erfahren.

Du kannst stattdessen auch ein Hintergrundbild festlegen. (Hinweis - das Bild sollte immer im gleichen Verzeichnis wie Deine HTML Datei sein. Mehr dazu weiter unten.) 

<BODY BACKGROUND="swirlies.gif">
Etwas wirklich cooles
</BODY>



Hier ist das Hintergrundbild.

Damit das Hintergrundbild angezeigt werden kann, muss der Browser es finden. Jetzt möchten wir erst einmal, dass das Bild im selben Verzeichnis wie Dein HTML Dokument (page1.html). Der einfachste Weg, das zu erreichen ist, auf das obige Bild 'swirlies' rechtszuklicken und Bild speichern unter... auszuwählen (oder eine ähnliche Variante). Gehe dorthin, wo Du page1.html abgelegt hast und speichere das Bild dort. Später besprechen wir dieses Thema noch detaillierter.

Es ist recht offensichtlich, dass das Bild 'gekachelt' ist. Wenn Du ein langes, dünnes Bild verwendest, erhältst Du folgenden Effekt... 

<BODY BACKGROUND="bluebar.gif">
Etwas wirklich cooles
</BODY>



Hier ist das Hintergrundbild

(Es ist in Wirklichkeit 1700x4, aber ich hab's ein wenig gestaucht auf 560x4, damit es auf jeden Bildschirm passt)

 

FAQ: Ich habe Seiten gesehen, wo der Hintergrund fest steht, und die Seiten drüber scrollen. Wie mache ich das?

A: Einfach... füge BGPROPERTIES=FIXED zum BODY Tag hinzu...

<BODY BACKGROUND="meinhintergrund.gif" BGPROPERTIES=FIXED>

Denke daran, dass diese kleine Spielerei Internet Explorer spezifisch ist. Das heisst, dass nur Leute, die den Internet Explorer oder IE basierte Browsers nutzen, diesen Effekt sehen können. Hier ist ein Beispiel.