Header Element mit Headline und Bild

Idealerweise sollte der Header mit Bild auch einen kurzen Einleitungstext haben, der im Idealfall 2-4 Zeilen lang ist.

Optionaler Link
eine junge Studentin sitzt vor einem Campusgebäude der FH Steyr, während sie sich mit einem Studenten, der unscharf im Vordergrund ist, unterhält.
Home Header Element mit Headline…

Text Modul mit Überschrift H2

Das Text-Modul kann zwischendurch für Textblöcke verwendet werden, die keinen weiteren Content wie etwa Bilder besitzen. Ein Textmodul kann beispielsweise gut als Einstiegs-Element auf einer Seite nach dem Header funktionieren, wo man kurz einen Einblick in die Themen dieser Seite gibt. In diesem Fall kann es ohne Headline auch mit einem größeren Text-Format verwendet werden. Hierbei ist jedoch darauf zu achten, dass sich bei einem großen Text-Format der Inhalt auf maximal 5-6 Zeilen beschränkt, damit ein gute Verhältnis zu den anderen Elementen gewährleistet ist. Wenn Text-Module für mehr Text benutzt werden, ist es sinnvoll zwischendurch Umbrüche einzustellen, damit die Lesbarkeit gewährleistet werden kann.


Das ist eine H3-Überschrift

  • Auch eine Liste ist im Text-Modul möglich
  • Diese kann sowohl als nummerierte Aufzählung aber auch mit Bullet-Points erstellt werden
  • Hier ist noch ein weiterer Aufzählungspunkt
eine junge Studentin sitzt vor einem Campusgebäude der FH Steyr, während sie sich mit einem Studenten, der unscharf im Vordergrund ist, unterhält.

Image und Text Element mit H2-Überschrift

Das Bild-Text-Element kann mit Positionierung des Bildes links und rechts genutzt werden. Das Verhältnis zwischen Text und Bild sollte dabei in einem ähnlichen Verhältnis stehen. Wird der Textblock zu kurz, nimmt die Wichtigkeit des Bildes zu. Das Format der Headline kann entsprechend der Hierarchie auf der Seite gewählt werden. Es macht jedoch vorrangig Sinn, bei diesem Element eine Überschrift 2 oder Überschrift 3 zu verwenden.

eine junge Studentin sitzt vor einem Campusgebäude der FH Steyr, während sie sich mit einem Studenten, der unscharf im Vordergrund ist, unterhält.

Image und Text Element mit H3-Überschrift

Dieses Element kann verwendet werden um längere Textblöcke zu gliedern. Dabei wäre es wichtig, dass das Element in einer Kombination aus Überschrift und Text verwendet wird. Lediglich der Button ist hierbei optional. Im Idealfall ist die Länge des Textes ausgewogen mit der Höhe des Bildes.

Werden mehrere Bild-Text-Elemente untereinander eingesetzt, so sollten diese immer gespiegelt verwendet werden. Also einmal Bild links und danach wieder das Bild auf der rechten Seite. Wenn das Modul zum ersten Mal auf der Seite eingesetzt wird, sollte das Bild auf der linken Seite platziert werden.


eine junge Studentin sitzt vor einem Campusgebäude der FH Steyr, während sie sich mit einem Studenten, der unscharf im Vordergrund ist, unterhält.
A group of young students sitting in front of their laptops in a lecture hall at Steyr Campus, University of Applied Sciences, Austria.
A group of young students sitting in front of their laptops in a lecture hall at Steyr Campus University of Applied Sciences,  Austria.
eine Gruppe junger Studenten sitzt vor ihren Laptops in einem Hörsaal der FH Steyr.
eine junge Studentin sitzt auf einer Treppe am Campus der FH Steyr und wird von der Seite abgebildet.
eine Gruppe junger Studenten sitzt vor ihren Laptops in einem Hörsaal der FH Steyr.
Eine junge Studentin sitzt auf einer Treppe am Campus der FH Steyr und wird von der Seite abgebildet.

Headline zum Modul Headline with Text and Button

Das ist der Text zum "Healdine with Text and Button"-Modul. Hier kann ich einen kurzen Text verfassen und anschließend einen Button mit Link auf einen anderen Eintrag, eine andere Seite oder eine externe URL hinzufügen.

Zur Startseite

Text Icon Modul

Werden mehrere Elemente im Text-Icon Block angelegt, so ändert sich die Darstellungsform, sodass hier immer eine gute Gliederung bestehen bleibt.

Startseite

Text Icon Modul Headline

Text Icon Modul

Werden mehrere Elemente im Text-Icon Block angelegt, so ändert sich die Darstellungsform, sodass hier immer eine gute Gliederung bestehen bleibt.

Startseite

Text Icon Modul

Um das gesamte Icon-Block Element als einheitlichen Block wahrnehmen zu können, ist es wichtig, dass die einzelnen Textblöcke kurz gehalten werden.

Text Icon Modul Headline

3-spaltiges Text Icon Modul

Werden mehrere Elemente im Text-Icon Block angelegt, so ändert sich die Darstellungsform, sodass hier immer eine gute Gliederung bestehen bleibt.

Startseite

Überschrift des zweiten Icon-Textes

Um das gesamte Icon-Block Element als einheitlichen Block wahrnehmen zu können, ist es wichtig, dass die einzelnen Textblöcke kurz gehalten werden.

Noch eine Überschrift

Dieses Element eignet sich hervorragend für ein Hervorheben von Benefits auf Seiten, welche man mit Icons unterstreichen kann.


Event Teaser und Focus Event Teaser

Um Events auf einer Seite darstellen zu können, gibt es zwei Möglichkeiten. Wenn mehrere Events dargestellt werden, kann mit dem Event-Teaser in einer Listen-Darstellung eine Übersicht über ein paar Events gegeben werden.

Sofern zudem ein Focus auf ein spezielles Highlight-Event gesetzt werden sollte, kann diese mit dem Focus Event Teaser hervorgehoben werden. Dieses Element beinhaltet ein Event-Bild und wird mit farbiger Box auch optisch mehr Aufmerksamkeit bekommen. Wichtig wäre dabei jedoch die Überlegung, wie wichtig ein Event im Hinblick auf die anderen Elemente der Seite ist. Sofern die Veranstaltung nicht so plakativ dargestellt werden sollte, kann auch für ein einzelnes Event die Listendarstellung mit einer dazu passenden Headline gewählt werden.

13. Cross-Cultural Business Conference 2024

Datum des Events:

-

ab Uhr

Ort des Events: Campus Steyr

Focus Topic Teaser für Verlinkung auf wichtige Detailseiten

Hier sind die Ansprechpartner

Ansprechpartner sollten zuerst eine allgemeine Headline mit dem Text-Modul besitzen, bevor je Bereich des Ansprechpartners diese nochmal im Element gegliedert werden können.

Leitung

Assistenz der Geschäftsführung

Zwischenüberschrift für einen Listen-Teaser

Sofern der Listen-Teaser eine Überschrift benötigt, sollte diese ebenfalls über das klassische Text-Element verwendet werden.

Dieses Element kann für Zitate verwendet werden. Die ideale Länge eines Zitates beträgt zwischen 3 und 6 Zeilen. Zu lange Zitate sollten kompakter formuliert werden, damit sich die Aussage gut als Auflockerung zwischen den Content einfügen kann. Sofern kein Portrait gewählt wird, wird ein Default-Icon dargestellt.

Fred Mansky

Mitarbeiter des Monats

Headline des Quote Slider

eine junge Studentin sitzt vor einem Campusgebäude der FH Steyr, während sie sich mit einem Studenten, der unscharf im Vordergrund ist, unterhält.

Ein Vollzeitstudium ist der Klassiker. Jetzt bewerben!

Accordion Modul für FAQs

as Accordion Fields Element wird verwendet, um Häufige Fragen kompakt darstellen zu können. Der Besucher sieht hier eine Übersicht der Bereiche und kann sich dann entscheiden, von welchem er durch Öffnen des Elementes mehr Infos benötigt.


Wie kann ich mich für ein Studium bewerben?

Wenn dieser Text nicht ausgefüllt wird, wird die Frage auch nicht angezeigt.

Wo kann ich mich für ein Studium bewerben?

Lorem ipsum und so weiter

Wie läuft der Bewerbungsprozess?

Lorem ipsum

eine junge Studentin sitzt vor einem Campusgebäude der FH Steyr, während sie sich mit einem Studenten, der unscharf im Vordergrund ist, unterhält.
Studium IT & Technik in Wels oder Hagenberg
Dieses Video kann aufgrund deiner Cookie-Einstellungen leider nicht angezeigt werden.
Um diesen Inhalt zu sehen, bitte die Marketing-Cookies

Download-Elemente

Wenn Dokumente und Dateien auf Seiten zum Download angeboten werden, so kann dies auf 3 Versionen erfolgen. Auf klassischen Download-Seiten, auf denen mehrere Dateien heruntergeladen werden können, sollte das klassische Download-Listen Modul verwendet werden. Hierbei ist es wichtig, dass mit Zwischenüberschriften ähnliche Dateitypen gegliedert werden, um die Suche für den Besucher einfacher zu gestalten.

Zwischendurch kann man auf Seiten auch mal Downloads mit dem Download-Teaser anfügen. Dieser ist plakativer und hebt wichtige Dokumente hervor.

Sofern eine Datei auf einer klassischen Content-Seite im Text erwähnt wird, ist es meist die beste Idee, die Datei direkt im Text- oder Bild-Text Modul mithilfe einer Button-Verlinkung zum Download zur Verfügung zu stellen. Dadurch besteht eine Beziehung zwischen Text und dem Download und der Content wird nicht unterbrochen.

Überschrift des Download-Teasers

Hier kannst du beschreiben, was in deinem Dokument sein wird.

Jetzt herunterladen

Jahresberichte

FH OÖ Jahresbericht 2022

Format

PDF

·

519,61 KB

Dateigröße

519,61 KB

FH OÖ Jahresbericht 2019

Format

PDF

·

491,73 KB

Dateigröße

491,73 KB

Poster

Fempowermint Poster April 003

Format

PDF

·

1,46 MB

Dateigröße

1,46 MB

Tabellen-Modul

Campus Weiblich Männlich Gesamt
Hagenberg 20.000 20.000 40.000
Linz 10.000 10.000 20.000
Steyr 5.000 5.000 10.000
Wels 10.000 10.000 20.000
Gesamt 45.000 45.000 90.000