Hintergrund-Bilder und -Sound
Seitenränder
Der Abstand des Textes und aller anderen Elemente vom Rand des Browserfensters wird am besten via CSS (= Cascading Style Sheets) festgelegt. CSS sind ein eigener Standard und nicht Bestandteil von HTML. Sie werden in diesen Lektionen nicht behandelt.
Die Möglichkeit, im body-Tag einen linken (leftmargin) oder einen oberen Rand (topmargin) anzugeben, funktioniert nur im Internet Explorer (die Angaben für links bzw. oben gelten gleichzeitig auch für rechts bzw. unten).
 Zur Navigation |
Zum Inhalt |
Wallpaper
Ein Bild, das im body-Tag angegeben wird, wird in den Hintergrund der Datei
gelegt. Der Hintergrund wird dabei gekachelt (wie bei Fliesen).
Beim Rollen der Seite werden die Bilder gemeinsam mit dem Text verschoben, außer die Eigenschaften des Hintergrunds (background properties) werden auf fixed gesetzt. Dies funktioniert allerdings nur im Internet
Explorer, nicht jedoch in anderen Browsern.
Anmerkung: Die Syntax für Internet Explorer und Netscape ist unterschiedlich!
Beispiel 1 (Internet Explorer):
<html>
<head>
<title>Wallpaper</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="../media/wall.gif" bgproperties="fixed">
</body>
</html>
Beispiel für Wallpaper (Internet Explorer)
Beispiel 2 (Netscape):
<html>
<head>
<title>Wallpaper</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="../multimedia/wall.gif" bgproperties=fixed leftmargin=30 topmargin=50>
<p>Die Syntax für Netscape wird in den Body geschrieben, die für den Internet Explorer in den Head. Das Hintergrundbild wird im gesamten Bildschirmbereich wiederholt, also auch dort, wo kein Text mehr steht.</p>
</body>
</html>
Beispiel für Wallpaper (Netscape)
| Zur Navigation |
Zum Inhalt |
Hintergrundmusik
Wie so oft, gibt es auch hier Unterschiede in der Syntax für Internet Explorer und Netscape Navigator.
Sound-Dateien sollten als *.mid, *.wav, *.au oder *.mp3 vorliegen.
Die Einbindung des Sounds erfolgt für Microsoft-Browser im Head, für Netscape-Browser im Body.
Bei den Angaben für den Netscape-Browser steht:
- hidden=true height=0 width=0 für das Verhindern der Anzeige des Players
- autostart=true für das automatische Abspielen der Sounddatei
- loop=true für das Abspielen des Sounds in einer Schleife
Bei den Angaben für den Internet Explorer steht
- loop=infinite für das Abspielen des Sounds in einer Schleife
- loop=3 für die Anzahl des Abspielen des Sounds
Beispiel:
<<html>
<head>
<title>Musik im Hintergrund</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Microsoft -->
<bgsound src="multimedia/winter_wonderland.mp3" loop=infinite>
</head>
<body background="../multimedia/wall.gif" bgproperties=fixed leftmargin=30 topmargin=50>
<!-- Netscape -->
<embed src="../multimedia/winter_wonderland.mp3" autostart=true loop=true hidden=true height=0 width=0>
<p>In der Regel kann man davon ausgehen, dass die Syntax für Netscape auch vom Internet Explorer interpretiert wird, sodass man den Eintrag im Head auch weglassen könnte. In jedem Fall empfiehlt es sich jedoch, ausführlich zu testen.</p>
</body>
</html>
Beispiel für die Einbindung von Sound-Dateien
| Weiter |
Zur Navigation |
Zum Inhalt |
Weiter / Textanfang / Inhalt