Zum Hauptinhalt springen

Text mit Bild / Spaltenbreites Bild

Auf einen Blick

Seitentypen:

  • alle
  • nur bedingt geeignet für Einstiegsseiten, da diese bereits zentrale Bildelemente beinhalten (Bühne oder Headerbild)

Position:

  • frei innerhalb der Inhaltsspalte

Funktion:

  • anschauliche Darstellung von Informationen, z.B. zur Einführung in ein Thema

Inhalte:

  • Bild im Querformat (Seitenverhältnis 4:3) oder Hochformat (Seitenverhältnis 3:4)
  • Das Hochformat ist anwendungsbedingt kleiner als das Querformat und kann für Porträtfotos verwendet werden.
  • Bildquelle (max. 100 Zeichen), Bildunterschrift (max. 400 Zeichen)
  • Text (nicht bei Option „nur Bild anzeigen“) kann links oder rechts das Bild umfließen. Es wird empfohlen, das Bild links anzuordnen.

Varianten:

  • Abbildung von spaltenbreiten Bildern (Headerbild)
  • Abbildung von Bildern neben Text
  • optional mit Bildunterschrift und Lightbox-Funktion

Bedienung – Variante „Nur Bild"

Ein spaltenbreites Bild erstreckt sich über die gesamte Breite der Inhaltsspalte.

Nur Bild anzeigen:

  • Die Checkbox "nur Bild anzeigen" muss durch Klick aktiviert werden.

Bild einfügen (Ordner-Symbol):

  • Das Bild sollte im Format 1024 x 768 eingefügt werden, wenn die Lightbox aktiv sein soll. Das Bild wird in diesem Fall unten rechts beschnitten, über die Lightbox wird es im Vollmodus angezeigt.
  • Das Bild sollte im Format 1170 x 470 Pixel eingefügt werden, sofern es vom System nicht mehr beschnitten werden darf. In diesem Fall ist die Lightbox-Funktion zu deaktivieren (Klick auf Checkbox).

Bildbeschreibung:

  • Bildschreibungen sind im Rahmen der rechtlichen Vorgaben zur Barrierefreiheit von Webseiten obligatorisch.
  • Das Feld enthält Informationen für Sehbehinderte und Suchmaschinen: Die über das Bild transportierte Aussage soll kurz beschrieben werden. 

Quellentyp:

  • Als Quellentyp ist Foto, Bild oder Quelle auszuwählen.

Bildquelle:

  • Für den Namen des Fotografen, bzw. der Bildquelle stehen 100 Zeichen zur Verfügung.

Bildunterschrift (optional):

  • Es ist möglich, eine Bildunterschrift mit maximal 400 Zeichen einzufügen.

Darstellungsvariante:

Campus Golm Haus 9
Foto: Karla Fritze
Bildunterschrift (max. 400 Zeichen möglich)

Bedienung – Variante „Text mit Bild"

Kleinere Bilder können links oder rechts als Hoch- oder Querformat neben den Text gestellt werden.

Text neben dem Bild:

  • Im Editor können Formatierungen vorgenommen werden. Wird an dieser Stelle eine Überschrift eingefügt, so erscheint sie auf der Höhe des oberen Bildrandes. Soll eine Überschrift über dem Bild ausgerichtet werden, muss sie in einem gesonderten Text-Modul eingetragen und über dem Text-mit-Bild-Modul platziert werden.
  • Hinweis: Die Darstellung von nummerierten und unnummerierten Listen eignet sich nicht neben einem Bild. Bitte verwenden Sie stattdessen ein Element „spaltenbreites Bild“ und darunter ein Element „Text“ (mit Listen).

Bild einfügen (Ordner-Symbol):

  • Querformat: Es müssen Bilder mit einer Mindestgröße von 430 x 323 Pixel (Empfehlung: 1024 x 768 Pixel) eingefügt werden.
  • Hochformat: Es müssen Bilder mit einer Mindestgröße von 100 x 133 Pixel eingefügt werden.
  • Die Bildvergrößerung (Lightbox) ist für alle Bilder aktiviert.

Format des Bildes:

  • Bilder können im Quer- oder Hochformat eingebunden werden. Das Hochformat ist anwendungsbedingt kleiner als das Querformat und kann für Porträtfotos verwendet werden.

Ausrichtung des Bildes:

  • Text kann links oder rechts das Bild umfließen. Es wird empfohlen, das Bild links anzuordnen.

Bildbeschreibung:

  • Bildschreibungen sind im Rahmen der rechtlichen Vorgaben zur Barrierefreiheit von Webseiten obligatorisch.
  • Das Feld enthält Informationen für Sehbehinderte und Suchmaschinen: Die über das Bild transportierte Aussage soll kurz beschrieben werden. 

Quellentyp:

  • Als Quellentyp ist Foto, Bild oder Quelle auszuwählen.

Bildquelle:

  • Für den Namen des Fotografen, bzw. der Bildquelle stehen 100 Zeichen zur Verfügung.

Bildunterschrift (optional):

  • Es ist möglich, eine Bildunterschrift mit maximal 400 Zeichen einzufügen. Aufgrund der nicht ausreichenden Darstellungsmöglichkeit bei hochformatigen Bildern ist an dieser Stelle von der Bildunterschrift abzusehen.

Darstellungsvarianten:

Studierende am Neuen Palais
Foto: Karla Fritze
Bildunterschrift

Format des Bildes: Querformat
Ausrichtung des Bildes: links neben dem Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Studierende am Neuen Palais
Foto: Karla Fritze
Bildunterschrift
Studierende am Neuen Palais
Foto: Karla Fritze
Bildunterschrift

Format des Bildes: Querformat
Ausrichtung des Bildes: rechts neben dem Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Studierende am Neuen Palais
Foto: Karla Fritze
Bildunterschrift
Studierende am Neuen Palais
Foto: Karla Fritze

Format des Bildes: Hochformat
Ausrichtung des Bildes: links neben dem Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Studierende am Neuen Palais
Foto: Karla Fritze
Studierende am Neuen Palais
Foto: Karla Fritze

Format des Bildes: Hochformat
Ausrichtung des Bildes: rechts neben dem Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Studierende am Neuen Palais
Foto: Karla Fritze