← Kurse
Sommer 2026

surf

Aufgabe

Sharing is Caring, Surfen ist ein Skill:
Sammelt zehn Links/Webseiten und erstellt eine „Karte“, auf der ihr diese Links präsentiert und mit anderen teilt.

Nach welchem Prinzip wählt ihr die Links aus? In welchem Verhältnis stehen Links/Sammlung und ihre Darstellung?

Wenn ihr mit Farben arbeitet: Welche Farbe(n) wählt ihr und warum? Welche Information(en) lassen sich damit vermitteln?

Position: Welche Art der Komposition wählt ihr und warum? Auf welche Weise ladet ihr Besucher*innen zum Surfen ein? Welche Informationen könnt ihr durch die Positionierung vermitteln?

Beginnt mit einer Skizze auf Papier, um euch Konzept und Komposition zu erarbeiten!

Beispiele

  • Bsp. 1
    ohne Positionierung. <a> zentriert mit margin-left/-right: auto;
  • Bsp. 1b
    display: grid;
  • Bsp. 1c
    Absolute Positionierung
  • Bsp. 2
    Absolute Positionierung
  • Bsp. 3
    Absolute Positionierung
  • Bsp. 4
    Verschachtelte, absolute Positionierung
    „Kompass“ zentriert. Bilder innerhalb des Kompass positioniert. Bezug auf linke obere Ecke des Kompass.
    Achtung: Elemente sind beliebig positioniert; politische Positionierung stimmt nicht

Hilfsmittel

How To
u.U. Hilfreiche Eigenschaften

Ausgangspunkte

Inspiration