5) Spalten
2-Spalten Layout
- Füge in die leere Zeile hier unterhalb einen Spalten-Block ein
- Füge jeweils einen leeren Absatz-Block in die Spalten ein
- Verschiebe die Spaltetexte in die jeweilige Spalte
Spalte links: Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum.
Spalte rechts: Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum.
3-Spalten Layout
- Markiere die 3 Absätze unterhalb und wandel diese in drei Spalten um
- Ausrichtung weite Breite
- Füge oberhalb jeder Spalte eine Überschrift und ein Bild-Block mit einem Avatar zentriert ein
- Füge unterhalb jeder Spalte einen Button mit Linkziel „#“ ein
- Stelle die Spalten auf 30% – 40% -30% ein
Spalte 1
Mitarbeiter 1 – Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum.
Spalte 2
Mitarbeiter 2 – Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten – man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog.
Spalte 3
Mitarbeiter 3 – Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum.
6) Zeilen & Stapel Block
a) Ausrichtungseigenschaften
- Füge einen Zeilen Block hinzu.
- In das + Zeichen des Zeilen Block füge ein Bild mit Avatar ein (Suchbegriff „div“. Dupliziere den Bild Block dreimal.
- Stelle den Zeilen Block auf „weite Ausrichtung“ mit heller Hintergrundfarbe
- Stelle die Anordnung auf „Abstand zwischen Elementen“
- Dupliziere den „Zeilen Block“ und ändere die Richtung auf vertikal (entspricht Umwandelung zum Stapel Block)
- Ändere vom Stapel-Block die Layout/Anordnung auf „Elemente zentriert ausrichten“
b) Zusatzaufgabe Layout nachbauen
(siehe Bild unten)
Ich bin Uschi
Ich bin die Chefin
Ich bin Peter
c) Zusatzaufgabe Flaggen
(siehe Bild unten)
Deutschland
Belgien
