Schulung

Änderung – Die Schulung gliedert sich in folgende Bereiche:

  1. Login und Orientierung im Dashboard (Anmelden im Backend, Überblick über das Backend)
  2. Seiten finden und bearbeiten (Seitenübersicht, Aktualisieren einer Seite, Bearbeitungsansicht)
  3. Möglichkeiten der Textgestaltung
  4. Dokumente und Medien
  5. Arbeiten auf der Übungsseite

Grundlagen der Textgestaltung

Möglichkeiten der Textgestaltung

Texte gliedern und formatieren

Texte werden mit Überschriften, Absätzen und Listen gegliedert und so für den Nutzer gut lesbar gestaltet.

Überschrift

Setzen Sie Überschriften gerne großzügig ein. Achten Sie dabei vor allem darauf, dass Sie die richtigen Überschriften-Ebenen verwenden. Der Seitentitel ist in der Regel gleichzeitig die H1-Überschrift.

Die H1-Überschrift darf normalerweise nur einmal auf einer Seite vorkommen. Halten Sie im Anschluss die logische Reihenfolge ein. Nach einer H1-Überschrift folgt eine H2-Überschrift, dann eine H3-Überschrift und so weiter.

Unter einer H2-Überschrift können also beispielsweise mehrere H3-Zwischenüberschriften folgen. Sobald ein weiteres Unterthema anfängt, setzen Sie wieder eine H2-Überschrift.

Nach einer Überschrift sollten Sie nicht direkt eine weitere Überschrift anschließen, sondern erst einmal Text oder anderen Inhalt folgen lassen.

Meta-Headline

Die Meta-Headline ist eigentlich ein inhaltlich trennendes Schmuckelement. Sie wird aber auch als Inhaltsüberschrift verwendet.

Absatz

Der Absatz-Block ist der Standardblock. Er ist immer voreingestellt, wenn Sie einen neuen Block öffnen. Dabei handelt es sich einfach um Text.

Liste

Es gibt die nummerierte Liste mit Zahlen und die unnummerierte Liste mit Spiegelstrichen.

Unnummerierte Liste

  • Listenpunkt 1
  • Listenpunkt 2
  • Listenpunkt 3

Nummerierte Liste

  1. Listenpunkt 1
  2. Listenpunkt 2
  3. Listenpunkt 3

Accordion und Hinweise

Accordions und Hinweise werden gerne verwendet, um Inhalte hervorzuheben oder zu strukturieren.

Accordions

text im akkordeon.

Hinweis/Hinweisbox

Möchten Sie beispielsweise eine wichtige Erklärung oder einen Hinweis zum Inhalt dazwischenschieben, dann können Sie hierfür eine Hinweisbox oder einen Hinweis (mit Icon) verwenden. Diese hat in der Regel eine eigene Überschrift.

Büro der FAU-Universitätsleitung

Die Universitätsleitung, insbesondere der Präsident, die Vizepräsidentinnen und Vizepräsidenten sowie der Kanzler, werden in ihren vielfältigen Aufgaben organisatorisch und inhaltlich durch das Team des Büros der FAU-Universitätsleitung unterstützt.

Buttons

Buttons dienen ebenfalls zur Verlinkung auf andere Seiten oder lösen eine Aktion, wie das Absenden eines Formulars, aus. Es gibt sie in drei unterschiedlichen Ausführungen.

FAU Big Button

Die FAU Big Buttons eignen sich ebenfalls für Verlinkungen oder als Ankerlinks. Sie können mit einer Überschrift und wenn nötig noch zusätzlichem Text befüllt werden. Mit Ihnen kann man eine Art Menü erstellen. Sie können immer nur in einer Gruppe von mindestens drei Buttons nebeneinander angeordnet werden.

Handlungsaufruf

Wenn Sie auf eine Seite mit weiterführenden Informationen, auf ein Newsletter-Anmeldeformular, usw. verlinken möchten, dann bietet sich der Block Handlungsaufruf (Call-to-Action) an. Hier können Sie Überschrift, Text, einen Link und ein Bild einfügen.

Spannendes aus der WissenschaftNewsletter für Forschungsinteressierte
Eine junge Forschende schaut konzentriert auf einen Computer-Monitor.

Kontakte/FAUdir

Über den FAUdir-Block können Sie einzelne Kontakte anzeigen. Dazu müssen vor allem die Daten in FAUdir richtig gepflegt sein.

FAU Präsident Joachim Hornegger

Prof. Dr.-Ing. Joachim Hornegger

Präsident

Kontakt

Dateien und Dokumente

Wenn Sie eine Datei verlinken möchten, können Sie das mit dem Datei-Block tun.

File Name
CIO-Ordnung
File Size
44 KB
File Type
PDF

Hochladen und Aktualisieren von Medien

Überblick über die Arbeit in der Mediathek.

Für Fortgeschrittene

Portalmenü und weitere Möglichkeiten der Verlinkung zu anderen Seiten auf fau.de

Neben den Basics gibt es für die Webseiten noch weitere Möglichkeiten der Gestaltung. Diese werden meist auf den Portal- und Übersichtsseiten verwendet.

FAU Portal Menü

Das Portalmenü kann vor allem auf Seiten die viele Unterseiten haben verwendet werden. Auf diesen „Verteilerseiten“ können Sie mithilfe des Portalmenüs auf die darunterliegenden Seiten verweisen. Das Portal Menü lässt sich mit Bild und ohne Bild darstellen.

Ausführliche Dokumentation unter dem nachfolgenden Link: https://www.revamp.zuv.fau.de/themes/fau-elemental/portalseiten-und-menues/

FAU Teaser Grid

Mithilfe der FAU Teaser Grid können Sie entweder Beiträge oder Seiten in unterschiedlichen Darstellungsformen verlinken. Sie kann auch ähnlich wie ein Portal-Menü verwendet werden. Die Bilder, Titel und Anleser-Texte werden automatisch von der jeweiligen Seite/vom jeweiligen Beitrag „gezogen“.

Big Teaser

Von vielen Fragen zur Entscheidung: Die Studienberatung hilft

Die Studienberatung der FAU unterstützt Studieninteressierte und Studierende dabei, den richtigen Studiengang zu wählen und individuelle Perspektiven zu entwickeln.

Frau erklärt etwas

Und noch mehr Gestaltungsmöglichkeiten

Stil „Dark“

Um etwas hervorzuheben, können Sie auch mehrere Inhalte (z.B. Überschrift + Absatz) in eine „Gruppe“ zusammenfügen. Wegen der besseren Übersichtlichkeit, empfiehlt es sich den gesamten Inhalt sinnvoll zu gruppieren. Eine Gruppe lässt sich dann auf den Stil „Dark“ stellen.

FAU Testimonial

(Vorsicht Verwechslungsgefahr mit dem Block Zitat; dieser ist für Zitate aus wissenschaftlichen Arbeiten gedacht).

Mit dem Block FAU Testimonial lassen sich Personen-Zitate einfügen.

Bildelemente

Alles, was mit Bildern zu tun hat, übernimmt die Webredaktion für Sie.

Media und Text

Relaunch

Wissen bewegen

Gallerie

Logo grid

Logo dfine
Logo Diel
Logo Fackelmann
Logo Flix
Logo Gesellschaft Archäologie in Bayern e.V.
Logo Götz Quality Services
Logo hans thomann Stiftung
Logo Huk-Coburg
Logo Intego Vision Systeme
Logo Prof. Dr. med. Bastian Keck MHBA
Logo MAN
Logo MAUSS
Logo Max und Justine Elsner Stiftung
Logo Dr. Michael Munkert-Stiftung
Logo Müller Medien
Logo Nürnberg Messe
Logo Stiftung Nürnberger Versicherung
Logo ProMik Trusted Solutions
Logo PSD Bank
Logo quattro form GmbH
Logo Rödl und Partner
Logo Rudolf Kempe Unternehmensgruppe
Logo schlaeger
Logo 30 Jahre Schmitt Engineering
Logo Schuler