Startseiten mit zeilenbasiertem Layout

Startseiten mit Inhaltselementen

Einstiegsseiten (Website-Startseite, Startseiten-Ordner, Content-Startseite, Flexible zeilenbasierte Seite) können inhaltlich und gestalterisch mit Inhaltselementen (animierte Teaser und Slideshows, News und Termine, Videopalyer, eingebettete Blogs, neuste Publikationen, Textboxen u.a.) angereichert werden.

Inhaltselemente werden zuerst einzeln erstellt (s. dazu die Dokumentation zu den entsprechenden Vorlagen) und anschließend in Startseiten-Ordnern (bzw. in ähnlich funktionierenden Vorlagen Website-Startseite, Content-Startseite oder Flexible zeilenbasierte Seite) verlinkt, und zwar unter
 > Feldgruppe "Flexible Startseite (responsives Design)" > "Inhaltselemente (diese Seite)".

Die Reihenfolge der Inhaltselemente in dieser Linkliste bestimmt die Reihenfolge der Inhalte auf verschiedenen Bildschirmen.

Inhaltselemente der Startseite müssen nicht wie bisher in einem "Ordner für Inhaltselemente" liegen. So können z. B. News-, Termin- oder Medien-Ordner direkt verlinkt werden. Boxen, Slideshows und sonstige Inhaltselemente, die nicht als eigenständige Webseiten existieren, werden aber weiterhin in einem "Ordner für Inhaltselemente" abgelegt.

Sind in einem Startseiten-Ordner Inhaltselemente verlinkt, so werden die sog. "Basisdaten Institution" des Startseiten-Ordners nicht angezeigt. 

Layouts der Startseiten im responsiven Design

Gestalterische Grundlage für die Seitenaufteilung im responsiven Design ist ein 12spaltiges Layoutraster:

 1/12  1/12  1/12  1/12  1/12  1/12  1/12  1/12  1/12  1/12  1/12  1/12

Im responsiven Design können Startseiten ein Standard-Layout oder ein zeilenbasiertes Layout bekommen.

Standard-Layout (7:5)

Die Startseiten im Standard-Layout haben die gleiche Seitenaufteilung wie alle anderen Webseiten d. h. sie haben einen Inhaltsbereich links und eine rechte Spalte. Die Breite des Inhaltsbereichs beträgt 7/12 und der rechten Spalte 5/12 der gesamten Breite der Webseite:

Inhaltsbereich

7/12

Rechte Spalte

5/12

Wenn im Startseiten-Ordner keine Zeilenlayouts konfiguriert sind, bekommt er ein Standard-Layout, und die verlinkten Inhaltselemente werden untereinander in einem Block im Inhaltsbereich angezeigt:

- Titel der Startseite
- Zusammenfassung der Startseite
- Inhaltselemente
- Hauptinhalt der Startseite

Zeilenbasiertes Layout

Verlinkte Inhaltselemente können auf einer Startseite auch in Zeilen angeordnet werden. In diesem Fall nehmen die Zeilen immer die volle Breite der Webseite ein, und es werden ausschließlich die verlinkten Inhaltselemente angezeigt.

Mögliche Breiten eines Inhaltselements in der Zeile sind:

  • 12/12 (Zeilenlayout "12")
  • 9/12 (Zeilenlayouts "9:3" und "3:9")
  • 8/12 (Zeilenlayouts "8:4", "4:8")
  • 6/12 (Zeilenlayouts "6:6", "6:3:3", "3:6:3", "3:3:6")
  • 4/12 (Zeilenlayouts "8:4", "4:8", "4:4:4")
  • 3/12 (Zeilenlayouts "9:3", "6:3:3", "3:9", "3:6:3", "3:3:6", "3:3:3:3").

12

9

3

8

4

6

6

6

3

3

4

8

4

4

4

3

9

3

6

3

3

3

6

3

3

3

3

So bedeutet z. B. die Einstellung des Zeilenlayouts "12", dass nur ein Inhaltselement in der Zeile erscheint, und zwar in der vollen Breite der Webseite. Die Einstellung "8:4" bewirkt, dass zwei Inhaltselemente in der Zeile angezeigt werden. Das erste hat die Breite 2/3 der Seitenbreite, das zweite 1/3. Bei der Einstellung "3:3:3:3" werden vier gleich große Inhaltselemente nebeneinander angezeigt.

Die Reihenfolge der Inhaltselemente bleibt auf allen Endgeräten gleich, die Anzahl von Inhaltselementen in einer Zeile variiert abhängig von der Bildschirmgröße.

Konfiguration der Zeilenlayouts

Das Layout der Zeilen kann man im Startseiten-Ordner (Website-Ordner und Content-Startseite analog) unter
 > Feldgruppe "Flexible Startseite" > "Flexible Startseite: 1. Zeile" (bis "Flexible Startseite: 12. Zeile")
definieren.

Pro Zeile kann die gewünschte Aufteilung der Zeile bzw. die Breite von Inhaltselementen ausgewählt werden. Die maximale Breite eines Inhaltselements ist 12/12 der Seitenbreite.

Unterstützte Inhaltselemente:

InhaltselementeZeilenbasiertes LayoutStandard-Layout:
Inhaltsbereich
Standard-Layout:
Rechte Spalte
Aufmacher-Box Ja - Ja
Aufmacherliste - Ja -
Aufmacherliste Karussell Ja - -
Banner-Bild Ja - Ja
Banner-Text Ja - Ja
Bildergalerie Ja Ja Ja
Externe Dienste Ja Ja Ja
FAQ-Liste Ja Ja -
iFrame-Ordner Ja Ja -
Institutions-Dokument Ja Ja Ja
Medien-Ordner Ja Ja Ja
Mitarbeiter/innen-Ordner - Ja -
News-Ordner Ja Ja Ja
Primo-Suchschlitz Ja Ja Ja
RSS-Box Ja Ja Ja
Slideshow Ja Ja -
Standard-Dokument Ja Ja -
Termin-Ordner Ja Ja Ja
Text-Box Ja Ja Ja
Vorgestellt-Box Ja - Ja
Vorgestellt-Box animiert Ja - -

Consulting & Support

Consulting
Vom CeDiS Consulting erhalten Sie individuelle Beratung und Unterstützung bei der Konzeption Ihrer digitalen Lehr- und Forschungsvorhaben. 
Kontakt: consulting@cedis.fu-berlin.de

Support
Der CeDiS Support beantwortet Ihre Nutzeranfragen zur Bedienung der folgenden zentralen Systeme der Freien Universität: Blackboard, CMS, FU-Wikis, FU-Blogs.
Kontakt: support@cedis.fu-berlin.de
Hotline: +49 30 838-54900 (Mo - Fr: 11–13 und 14-17 Uhr)