Übungen:

Herr von Ribbeck auf Ribbeck im Havelland…(Aufgabe)

 Aufgabe

Die Daten befinden sich im  Medientauschordner!

Das folgende Gedicht soll auf eine Webseite gesetzt werden.

Über das Bild kommt eine Ansicht der Havel. Im Bild findet sich ein halbtransparenter Rahmen, welcher den Namen des Gedichts trägt.

Das Gedicht soll mit einer gut lesbaren Bildschirmschrift dargestellt werden.

Lese aufmerksam die Kopien :

div-Element in HTML

Positionierung

Transparenz mit CSS

So soll das Ergebnis aussehen:

Hier das Ergebnis

 

Neu: Wie funktioniert die absolute Positionierung?

Schaue dir auch immer den Quelltext an!

Bezug html-Element:

boxen ohne

boxen _mit

boxen _mit_zwei

Bezug andere Box

Nun sind zwei Boxen in einander verschachtelt !!!

Schaue dir auch immer den Quelltext an!

 

Keine Position

Eine Box positionieret

Beide Positioniert

Jedes sucht seinen Bezugspunkt zu dem UMGEBENDEN Element

Verstanden?

 

Nächste Bewertungs-Aufgabe:

2Bewertungsaufgabe

——————————-

Hannover

Weitere Übungen für Unterstufen-Klassen

 

_____________________________________

Material digitaskillday Hannover

Material Hannover