Kacheln
Links zu anderen Seiten können zwar auch im Text gesetzt werden, doch macht es manchmal Sinn, bei mehreren Links diese übersichtlich und schnell auffindbar in Form von Kacheln zu platzieren.
Kacheln können in zwei unterschiedlichen Höhen und mit unterschiedlicher Hintergrundfarbe (dunkelblau, hellblau und grau) oder einem Hintergrundbild dargestellt werden.
Bei einem Hintergrundbild sollte darauf geachtet werden, dass der sogenannte "Schleier" aktiviert wird, damit die Schrift darauf lesbar ist.
Die Breite der Kacheln wird bestimmt durch das Rasterelement (Grid) in dem diese platziert werden. Beim Grid kann man zudem auch unter "Einstellungen" die Hintergrundfarbe einstellen.
Da die Kachel vollflächig klickbar ist, ist jeweils nur ein Link hinterlegbar.
Kacheln sollten grundsätzlich nicht zur Verlinkung von Dateien genutzt werden, da dieses vom User nicht sofort erkennbar ist. Dazu sind Textlinks mit dem expliziten Linksymbol besser geeingnet.
- Veranstaltungspläne und Wahlpflichtkurse
- Modulhandbücher, Prüfungsordnungen
Textelement
Neben den Kacheln kann auch ein ganz normaler Text stehen.
Das ist eine "Infobox"
Die Infobox kann für weiterführende Links verwendet werden. Im Gegensatz zur normalen Kachel können hier mehrere Links gesetzt werden.
Interner Link Downloadlink Externer Link Email-LinkWeitere Kachelbeispiele
- Der HAW-Newsroom
- Dozenten
- Mediencampus
- Deutschlandstipendium
Hinweis zur mobilen Darstellung
Auf mobilen Endgeräten wird die Darstellung angepasst: die Inhalte werden verkleinert und Spalten, die auf dem Desktop nebeneinander angezeigt werden, erscheinen auf dem Smartphone untereinander - so auch diese Kacheln.
Standardmäßig werden die Spalten von links nach rechts untereinander dargestellt, aber man kann explizit auch einstellen, dass diese von rechts nach links dann untereinander erscheinen, wie diese folgenden hier.
Die Einstellung erfolgt im Rasterelement im Reiter Allgemein unter "Reihenfolge der Spalten in mobiler Ansicht".
Grid: Mobil von rechts nach links
- 1. halbe Kachel
- 2. Kachel mit Hintergrundbild
- 3. Kachel
