Farben und Hintergrund


Farben definieren

Es gibt zwei Möglichkeiten Farben zu definieren:
1. Einfache Farben direkt durch den Farbnamen vorschreiben (green, blue), wobei nur 16 Farben standarisiert sind und
2. durch einen 6-stelligen Code ("#RRGGBB" - rot, grün, blau)der Browserunabhängig ist.
Siehe dazu ein Farbschema für alle Farben, die man sofort als Hintergrundfarbe testen kann - Farbschema

Hintergrund:<body bgcolor=#808080> = grauer Hintergrund der Seite.
Buchstaben:<font color=#990000>roter Text</font>
Tabelle:<table bgcolor=#880000> = roter Hintergrund der Tabelle
Trennlinie: <hr color=#CC00CC> = grüne Trennlinie
Bei dem 6-stelligen Code sind auch die Buchstaben A-F als Zahlen verwendet (hexadezimales Zahlensystem). Ein bisserl experimentieren gefällig - es sind 16.000.000 Farben *:-))*

Hintergrundfarbe

Die Angabe der Hintergrundfarbe muss schon im einleitenden body-Tag vorgenommen werden. Diser Befehl lautet:
<body bgcolor="000000">
bgcolor = background color = Hintergrundfarbe
Beim Erstellen neuer Seiten, die gleich einer anderen sein sollen, kann man im Editor beide Seiten offenlassen und mit "kopieren" und "einfügen" das gleiche Erscheinungsbild erzeugen.
Anmerkung: Vermutlich geht das besser mit dem CSS-Style-Sheet, womit man - so hab ichs mal verstanden - generelle Formatangaben machen kann. Das jedoch ist was für später - so hoffe ich *:-)*

Texte und Links

Weiter Angaben im body-Tag sind:
die grundsätzliche Textfarbe (text=), die im Einzelfall geändert werden kann
die Farbe des noch nicht besuchten Links (link=)
die Farbe des bereits besuchten Links (vlink=visited Link)
die Farbe die der Link beim anklicken annimmt (alink=activated Link)

Der body - Eingangstag sieht wie folgt aus:
<body text="#000000" bgcolor="#88AAEE" link="#FF0000" alink="#770022" vlink="#774422">

Hintergrundbilder (Wallpaper)

Das Hintergrundbild ist auch im body-Tag vorzunehmen:
<body background="Bild.jpg oder Bild.gif">
background = Hintergrund
Anmerkung: Als Hintergrundbild werden auch kleine Bilder (Kacheln) genommen, die dann vervielfacht einen einheitlichen Hintergrund bilden. Dazu sind unauffällige Muster vorzuziehen, da sonst der Text nicht gut lesbar ist. Also ausprobieren!
Um ein unbewegliches Hintergrundbild, welches sich beim Scrollen nicht bewegt, herzustellen gibt es folgenden Tag:
<body background="Bild.jpg oder Bild.gif" bgpropaties=fixed>

Seitenränder

Der linke und der rechte Rand sowie der obere und untere Abstand einer Seite sind gleich groß. Daher benötigt man nur zwei Tags:
<body leftmargin=30 und topmargin=50>
leftmargin = linker Abstand
topmargin = obere Abstand
Anmerkung: Diese Tags nur in Ausnahmefällen verwenden. Viel besser ist die Verwendung eines CSS Style-Sheet.

Hintergrundmusik

Vorerst - für MS- Explorer bzw. Netscape gibt es verschiedene Tags.
Der für denn MS-Explorer lautet: <bgsound src="datei.mid" loop=infinite> ("loop=infinite" ist eine Endlosschleife.)
bgsound = background sound = Hintergrundmusik
Für den Netscap Explorer: <embed src="datei.mid" autostart=true loop=true hidden=true height=0 width=0>


Homepage