HTML-Kurs: Erste Kleinprojekte

1. Tabelle mit CD-ROMs

Stellen Sie in einer Tabelle nach der Kopie die CD-ROMs für das Fach Erdkunde zusammen (3 Spalten: Titel, Verlag und Preis). Die Tabelle soll sich mit Rand rechtsbündig über 40% der Bildschirmbreite erstrecken. Stellen Sie einen Abstand zwischen Rand und Zellinhalt von 5 Punkten ein. Der Zellinhalt soll in jeder Zelle am oberen Rand der Zelle ausgerichtet sein. Lassen Sie automatisch die linke Spalte ("Titel") breiter werden. Das Ergebnis soll aussehen wie ek_cdrom.htm.

2. Navigationsseite

Erstellen Sie eine Navigationsseite für didaktisch-methodische Hinweise. Unterlegen Sie die Fächerbuchstaben mit bedeutsamen Farben und verlinken Sie die Buchstaben entsprechend mit anderen HTML-Dateien.nach der Vorlage navigatn.htm.

3. Grafik einbinden

Stellen Sie die Grafik katze.gif auf einer HTML-Seite ins richtige Licht und geben Sie als Bildunterschrift die Quelle an (Bosch-Werbung in der Stuttgarter Zeitung am 4.11.97, ehrlich!, raten Sie mal, wie die Verbindung hergestellt wurde...). Geben Sie einen Ersatztext und den Dateinamen der schwarz-weißen Katzen-Grafik mit geringerem Speicherbedarf an (katzgrau.gif). Vorlage ist graf_ubg.htm.

4. Vorschau auf Grafiken

Erstellen Sie eine Vorschauseite auf die 5 Grafiken marder.gif, igel.gif, frosch.gif, kaninchn.gif und dachs.gif. Ordnen Sie die Grafiken marder3.gif, igel3.gif, frosch3.gif, kaninch3.gif und dachs3.gif entsprechend der print-Vorlage an und verlinken Sie die Vorschaugrafiken entsprechend vorschau.htm.

5. Video einbinden

Rücken Sie ein Video auf einer Webseite ins richtige Licht, versehen Sie es mit einer erklärenden Unterschrift und binden Sie eine Sounddatei ein. Bild und Ton sollen sofort ablaufen, wenn die Seite geladen wird.