Zum Hauptinhalt springen

Tabellen

Tabellen dienen der übersichtlichen Darstellung von Daten. Bitte beachten Sie, dass komplexe Tabellen ggf. nicht von Menschen mit Sehbehinderungen erfasst werden können, sofern diese auf technische Hilfsgeräte (Screenreader) angewiesen sind. 

Der Webauftritt der Universität Potsdam ist gemäß den Vorgaben der Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Brandenburgischen Behindertengleichstellungsgesetz, der Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz (BITV 2.0) und den Empfehlungen des World Wide Web Consortium (W3C) möglichst barrierearm zu gestalten. Auf die Verwendung von Tabellen für die Text- und Bildgestaltung soll daher verzichtet werden.

Tabellen im TYPO3-System anlegen

Wir erläutern Ihnen an dieser Stelle eine beispielhafte Umsetzung mit dem Inhaltselement Text.

Fügen Sie ein neues Inhaltselemt vom Typ Text hinzu
Quelle: ZIM

Wählen Sie in der Auswahlliste der Inhaltselemente das Element „Text“.

Fügen Sie ein neues Inhaltselemt vom Typ Text hinzu
Quelle: ZIM
Erstellen einer neuen Tabelle über das linke Tabellen-Symbol mit den grünen Plus-Zeichen
Quelle: ZIM

Es öffnet sich der Texteditor, der Ihnen Optionen zur Verfügung stellt, mit denen Sie komfortabel Tabellen erzeugen und bearbeiten können.

Erstellen Sie eine neue Tabelle, indem Sie auf das linke Tabellen-Symbol mit dem grünen Plus-Zeichen klicken.

Erstellen einer neuen Tabelle über das linke Tabellen-Symbol mit den grünen Plus-Zeichen
Quelle: ZIM
Dialogfenster für Tabellen-Eigenschaften mit Werten befüllen
Quelle: ZIM

Es erscheint nun ein Dialogfenster zum Festlegen der Tabellen-Eigenschaften:

  1. Anzahl der Zeilen
  2. Anzahl der Spalten
  3. Position der Kopfzeile (hellblau hinterlegt)
  4. Tabellenüberschrift (dunkelblau hinterlegt)
  5. Inhaltsübersicht (Die „Zusammenfassung“ wird im Quellcode hinterlegt und kann von Suchmaschinen und Screenreadern erfasst und verarbeitet werden. Die Eingaben sind nicht direkt auf der Webseite sichtbar. )
Dialogfenster für Tabellen-Eigenschaften mit Werten befüllen
Quelle: ZIM
Im Textfeld wurde nun eine leere Tabelle nach Ihren Vorgaben erzeugt
Quelle: ZIM

Innerhalb des Textfeldes wird anschließend eine leere Tabelle nach Ihren Vorgaben erzeugt.

Im Textfeld wurde nun eine leere Tabelle nach Ihren Vorgaben erzeugt
Quelle: ZIM
Beginnen Sie nun der Eingabe der Daten
Quelle: ZIM

Sie können nun beginnen, die Daten in die Tabelle einzutragen.

Beginnen Sie nun der Eingabe der Daten
Quelle: ZIM
Auswahlmöglichkeiten der Formatierungsstile
Quelle: ZIM

Im oberen Bereich des Rich-Text-Editors finden Sie die Schaltfläche "Formatierungsstile", mit der Sie verschiedene Tabelleneinstellungen vornehmen können:

1. Breite Tabelle:
Wählen Sie diese Option, damit die Tabelle die gesamte Breite der Inhaltsspalte einnimmt. Der Farbwechsel der Tabellenzeilen bleibt dabei aktiv.

2. Einfarbige Tabelle:
Diese Einstellung deaktiviert den Farbwechsel der Tabellenzeilen, sodass alle Zeilen weiß sind.

3. Einfarbige breite Tabelle:
Hierdurch wird die Tabelle auf die gesamte Breite der Inhaltsspalte ausgedehnt, während der Farbwechsel der Zeilen ausgeschaltet ist.

 

Auswahlmöglichkeiten der Formatierungsstile
Quelle: ZIM
Kontextmenü der Tabelle
Quelle: ZIM

Mit einem Rechtsklick auf die Tabelle öffnen Sie das Kontextmenü, das verschiedene Einstellungsmöglichkeiten bietet. Über den Menüpunkt "Zelle" > "Zelleneigenschaften" können Sie beispielsweise die Breite einzelner Zellen individuell festlegen und weitere Anpassungen vornehmen.

Kontextmenü der Tabelle
Quelle: ZIM
Texteditor bietet Symbole zur erweiterten Gestaltung der Tabelle
Quelle: ZIM

Im oberen Bereich des Texteditors stehen Ihnen zusätzliche Symbole zur Verfügung, die eine erweiterte Gestaltung der Tabelle ermöglichen. Dazu gehören unter anderem das Bearbeiten der Tabelleneigenschaften, das Hinzufügen von Zeilen und Spalten sowie das Zusammenführen von Zellen.

Texteditor bietet Symbole zur erweiterten Gestaltung der Tabelle
Quelle: ZIM

Darstellungsvarianten

Tabelle mit Kopfzeile erste Zeile
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  
Tabelle mit Kopfzeile erste Zeile, spaltenbreit
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  
Einfarbige Tabelle mit Kopfzeile erste Zeile, spaltenbreit
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  
Tabelle mit Kopfzeile erste Spalte
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  
Tabelle mit Kopfzeile erste Spalte, spaltenbreit
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  
Tabelle mit Kopfzeile "beide"
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  
Tabelle mit Kopfzeile "beide", spaltenbreit
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  
Tabelle ohne Kopfzeile
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5  
Tabelle ohne Kopfzeile, spaltenbreit
Zeile 1
Spalte 1
Zeile 1
Spalte 2
Zeile 1
Spalte 3
Zeile 2  
Zeile 3  
Zeile 4  
Zeile 5