Tabellen
Wichtig: Der Einsatz von Tabellen gestaltet sich dann als besonders anspruchsvoll, wenn die Darstellung vorwiegend auf mobilen Devices erfolgt. Bei Studiengangseiten erfolgen rund zwei Drittel der Zugriffe per Smartphone.
Grund: Die Tabellen sind nur bis zu einem gewissen Grad responsiv. Es ist deshalb darauf zu achten, dass auf diesen Seiten nur 2-4 Spalten eingesetzt und diese möglichst schmal gestaltet werden.
Tabelle 1 ohne Rahmen
| bla | bla | bla | bla |
|---|---|---|---|
| bli | ble | blo | blu |
| lorem | ipsum | dolores | magima |
| qaywsx | qwertzuiop | asdfghjkl | yxcvbnm |
Diese Tabelle hat eine Zeilenüberschrift (rechte Maustaste) aber keine Spaltenüberschrift.
Tabelle 2 mit Rahmen versehen
| bla | bla | bla | bla |
|---|---|---|---|
| bli | ble | blo | blu |
| lorem | ipsum | dolores | magima |
| qaywsx | qwertzuiop | asdfghjkl | yxcvbnm |
Dieser Tabelle wurde über «Tabelleneigenschaften» (rechte Maustaste) ein Rahmen mit der Breite «2» und eine Spaltenüberschrift zugewiesen.
Konkretes Beispiel
Studienstandorte Technik
| Studiengang | BU | RJ | SG |
|---|---|---|---|
| BSc. Electrical and Computer Engineering | x | ||
| BSc. Erneuerbare Energien und Umwelttechnik | x | ||
| BSc. Maschinentechnik | Innovation | x | ||
| BSc. Mechatronik | x | x | |
| BSc. Wirtschaftsingenieurwesen | x | x | |
| MSE Master of Science in Engineering | x | x | x |
Tabelle über HTML-Code
| Test | Bla |
|---|---|
| test | bla |
| test | bla |
| test | bla |
