Tabellen einfügen und bearbeiten

Tabellen können nützliche Helfer sein - wenn man sie nicht als Layoutinstrument missbraucht. Tabellen zu Design-Zwecken einzusetzen ist falsch, nicht nur aus politischen Gründen (Stichwort "Barrierefreiheit"), sondern aus folgenden technischen Gründen:

• Tabellen haben lange Ladezeiten. Die Inhalte werden erst dann angezeigt, wenn die letzte Tabellenzelle berechnet und geladen ist. Bei Tabellenverschachtelungen nimmt dieser Effekt drastisch zu.

• Tabellen sind unflexibel. Der Quellcode verkompliziert sich immens. Änderungen am Layout werden aufgrund von komplexen und verschachtelten Tabellengerüsten zu anstrengenden und anspruchsvollen Aufgaben.

• Tabellen sperren die Inhalte ein. Der Zugang für blinde Menschen wird erheblich erschwert oder gar unmöglich. Screenreader verlieren sich leicht in Tabellenkonstrukten und das Verständnis bleibt aus, da voneinander abhängige Inhalte über mehrere Zellen verteilt sind und nur visuell miteinander in Beziehung stehen. Ein Screenreader liest eine Tabelle immer linear vor, d.h. zeilenweise von links nach rechts.

• Tabellen blockieren andere internetfähige Endgeräte (Wap-Handy, Palm, Blackberry etc.).

• Tabellen beschränken das Design. Mit optionalen CSS lassen sich in OpenCms Websites mittlerweile viel anspruchsvoller gestalten als mit jedem Tabellen-Zauber.

Tabellen zur Informationsvermittlung einzusetzen, ist richtig nicht aber zur Strukturierung von Texten. Eine Tabelle kann Daten strukturell und informativ aufbereiten und ist z.B. sinnvoll bei folgenden Szenarien:

• Kalendern

• Ergebnistabellen

• Fahrpläne

• Gottesdienstordnungen

• Statistiken etc.

Die Tabelle ist das beste Werkzeug, um Daten vergleichbar zu machen. Tabellen können Informationen vergleichbar aufbereiten, da der Tabellenkopf, die Zeilen und die Spalten in klaren Beziehungen zueinander stehen. Wenn man die Tabellen richtig einsetzt und beschriftet, bietet dies aus Sicht des Lesers einen immensen Mehrwert.
 

Tabellen Einfügen und Bearbeiten

Tabellen können in OpenCms mit Hilfe des Editors auf denkbar einfache Art und Weise eingefügt und bearbeitet werden. In der Standard-Symbolleiste finden Sie Schaltfläche „Tabelle einfügen / editieren“.
 

Eine Tabelle einfügen

Nachdem Sie die Schaltfläche angeklickt haben, startet der Dialog zum erstellen einer neuen Tabelle in einem PopUp-Fenster. In diesem Fenster können Sie sämtliche Eigenschaften der neuen Tabelle definieren.
 

Abb: Hier steht Ihr Beschreibungstext

• Zeile: Definiert die Anzahl der gewünschten Zeilen

• Spalte: Definiert die Anzahl der gewünschten Spalten

• Rahmen: Stärke des Tabellenrahmens in Pixel. Der Wert „0“ erzeugt einen nicht sichtbaren Rahmen

• Ausrichtung: Definiert die Ausrichtung der Tabelle. Zur Auswahl stehen die links-, rechtsbündig oder zentriert.

• Breite: Definiert die Breite der gesamten Tabelle. Der Wert kann in Pixel (feste Breite) oder in Prozent (dynamische Breite).

• Höhe: Definiert die Höhe der gesamten Tabelle. Die Höhe wird in der Regel nicht definiert, da sich diese durch die Inhalte automatisch anpasst.

• Zellenabstand außen: Definiert den Abstand der Zellen untereinander in Pixeln.

• Zellenabstand innen: Definiert den Abstand zwischen Zellenrand und Zelleninhalt in Pixeln, sprich den Abstand der Inhalte vom Tabellenrand.

• Überschrift: Definiert die Überschrift der Tabelle. Der hier eingegebene Text erscheint in der ersten Zeile der Tabelle.

• Inhaltsübersicht: Definiert einen zusammenfassenden Kurztext für die Tabelle. Ein Sprachausgabesystem könnte diesen Text als Einleitung zur Tabelle ausgeben. Dieser Wert ist nicht im Browser sichtbar!

Nicht alle der hier genannten Optionen sind für das Einfügen einer Tabelle nötig. Prinzipiell müssen nur die Werte in den Eingabefeldern „Zeile“ und „Spalte“ ausgefüllt werden, um eine Standardtabelle mit 3 Zeilen und 2 Spalten einzufügen. Alle weiteren Eigenschaften sind optional.
 

Tabellen editieren

Nachdem Sie eine Tabelle in Ihr Dokument eingefügt haben besteht vielleicht der Bedarf die Eigenschaften nachträglich zu ändern. Dies kann z.B. eine Anpassung in der Breite sein, aber auch das Hinzufügen oder Entfernen von Zeilen oder Spalten sein.

Der einfachste Weg um dies zu erreichen besteht in der Verwendung des Kontextmenüs.
 

 

Abb: Hier steht Ihr Beschreibungstext

Das Kontextmenü beinhaltet alle Optionen, um die Tabelle Ihren Wünschen entsprechend anzupassen. Um die bei der Erstellung der Tabelle vergebenen Eigenschaften zu editieren, wählen Sie den Punkt „Tabellen Eigenschaften“ aus. In dem daraufhin erscheinenden PopUp-Fenster können Sie dann die Werte korrigieren oder abändern.

Möchten Sie dagegen die gesamte Tabelle löschen, so bietet sich der Menüpunkt „Tabelle löschen“ an. Diese Option löscht die Tabelle ohne Rückfrage aus Ihrem Dokument.

Möchten Sie die Anzahl der Spalten oder Zeilen abändern, so bieten sich die drei Menüpunkte „Zelle“, „Zeile“ und „Spalte“ an. Diese drei Menüpunkte verfügen über Unterpunkte, die in einem Nebenmenü angezeigt werden, sobald Sie mit der Maus darüber fahren.

Bearbeiten von Zellen

Alle in Zusammenhang mit der Bearbeitung von Tabellenzellen stehenden Optionen finden sich in einem Nebenmenü des Kontextmenüs. Es setzt sich wie folgt zusammen:

• Zelle einfügen: Fügt eine neue Tabellenzelle nach der aktuellen Cursor-Position ein

• Zelle löschen: Löscht die Tabellenzelle, in der sich gerade der Cursor befindet

• Zellen vereinen: Vereint zwei oder mehrere Tabellenzellen miteinander. Wichtig: Die zu vereinenden Zellen müssen markiert sein!

• Zelle teilen: Unterteilt eine Zelle in zwei einzelne Zellen in Form einer zusätzlichen Spalte. Eine Mehrfachverwendung erzeugt eine beliebige Anzahl von Teilzellen.

• Zellen Eigenschaften: Definiert die Eigenschaften der Zelle, in der der Rechtsklick ausgeführt wurde. Die Eigenschaften öffnen sich in einem PopUp-Fenster.

Abb: Hier steht Ihr Beschreibungstext

Der Menüpunkt „Zellen-Eigenschaften“ bildet in der Hinsicht eine Ausnahme, dass die zu vergebenen Parameter in einem PopUp-Fenster eingegeben werden. Dieses setzt sich wie folgt zusammen:

• Breite: Definiert die Breite der Zelle in Pixel oder Prozent

• Höhe: Definiert die Höhe der Zelle in Pixel

• Umbruch: Schaltet den Zeilenumbruch ein / aus. Ist dieser eingeschaltet, kommt es inbesondere bei größeren Textmengen zu Darstellungsproblemen!

• Horizontale Ausrichtung: Definiert die horizontale Ausrichtung der Inhalte innerhalb der Zelle. Die Auswahl besteht aus: Links, Zentriert und Rechts

• Vertikale Ausrichtung: Definiert die vertikale Ausrichtung der Inhalte innerhalb der Zelle. Die Auswahl besteht aus: Oben, Unten, Mitte und Grundlinie.

• Zeilen zusammenfassen: Stellt die Möglichkeit bereit, dass sich eine Zelle in einer Spalte über mehrere Zeilen hinweg erstreckt (rowspan = Zeilen spannen). Die Angabe ist nur wirksam, wenn die Tabelle mindestens so viele Zeilen besitzt wie angegeben.

• Spalten zusammenfassen: Stellt die Möglichkeit bereit, dass sich eine Zelle über mehrere Spalten hinweg erstreckt (colspan = column span = Spalten spannen). Die Angabe ist nur wirksam, wenn die Tabelle mindestens so viele Spalten besitzt wie angegeben.

• Hintergrundfarbe: Definiert die Hintergrundfarbe der ausgewählten Zelle

• Rahmenfarbe: Definiert die Rahmenfarbe der ausgewählten Zelle

Zeilen

Alle in Zusammenhang mit der Bearbeitung von Tabellenzeilen stehenden Optionen finden sich in einem Nebenmenü des Kontextmenüs. Es setzt sich wie folgt zusammen:
 

• Zeile einfügen: Fügt unterhalb der Cursorposition eine neue Zeile ein

• Zeile entfernen: Entfernt die Zeile, in der aktuell der Cursor positioniert ist

Spalte

Alle in Zusammenhang mit der Bearbeitung von Tabellenspalten stehenden Optionen finden sich in einem Nebenmenü des Kontextmenüs. Es setzt sich wie folgt zusammen:
 

• Spalte einfügen: Fügt eine neue Spalte rechts von der Cursor-Position ein.

• Spalte löschen: Entfernt die Spalte, in der aktuell der Cursor positioniert ist