Ü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

Infografik 2.0

med 11a // med 11c

 

Lernfeld 10, Mediengestalter(innen) Digital/Print

Im Herbst 2013 beschäftigten sich 44 Mediengestalter(Innen) der Fachrichtung Digital mit der Konzeption und Erstellung von animierten und interaktiven Infografiken für das Internet. Die Infografiken mussten auf einer Singlepage mit Feedback-Formular, Dokumentation und Quellenverzeichnis dargestellt werden.

Die guten Ergebnisse können hier angesehen werden!

 

Die Ergebnisse: