Tabellen
Mit dem integrierten Texteditor von DynPG können Sie auf einfache Weise Tabellen erstellen und mit Inhalt füllen. In diesem Artikel erfahren Sie, wie das funktioniert.
Inhaltsverzeichnis
Tabellen erstellen
Eine Tabelle erstellen Sie im Texteditor, indem Sie in der Werkzeugleiste auf das "Tabelle erstellen"-Icon klicken. Daraufhin erscheint ein neues Fenster, in dem Sie die Eigenschaften der Tabelle bestimmen können. Nachdem Sie dies erledigt haben, sehen Sie im Editor die neu erstellte Tabelle. Sie können nun die einzelnen Zellen anklicken und wie gewohnt mit Inhalt füllen. Es stehen Ihnen dabei die gleichen Inhalte und Möglichkeiten zur Verfügung, wie bei einem Artikel auch (Texte, Bilder, Videos etc.).
Tipp: | Während der Erstellung der Tabelle kann es sinnvoll sein, die Rahmenbreite auf einen Wert größer 0 zu setzen, damit sie alle Zellen gut erkennen können. Sie können die Rahmenbreite später jederzeit ändern, indem Sie die Tabelleneigenschaften bearbeiten und den Wert zurück auf 0 setzen. |
Tabelleneigenschaften
Allgemein
Spalten / Zeilen: | Anzahl der Spalten und Zeilen der Tabelle |
Abstand innerhalb der Zelle: | bestimmt den Abstand des Textes innerhalb der Zelle vom Zellenrand. |
Zellenabstand: | bestimmt den Abstand der Zellen voneinander. |
Ausrichtung: | Ausrichtung der Tabelle (links, mittig, rechts). |
Rahmen: | Breite des Rahmens in Pixel. |
Breite / Höhe: | Breite und Höhe der Tabelle |
CSS-Klasse: | Auswahlfeld für die CSS-Klasse, die für die Tabelle verwendet werden soll. Sie können CSS-Klassen im CSS-Vorgabenmanager bei den Einstellungen definieren. |
Beschriftung der Tabelle: | legt fest, ob der Tabelle eine Zeile am Tabellenkopf hinzugefügt werden soll, in der Sie eine Überschrift eintragen können. |
Erweitert
ID: | CSS-ID der Tabelle |
Zusammenfassung: | kurzer Beschreibungstext für den Inhalt der Tabelle. |
Format: | CSS-Formatierungsangaben für die Tabelle. |
Sprachcode: | Sprachcode für den Textinhalt der Tabelle. |
Hintergrundbild: | das Hintergrundbild der Tabelle. |
Rahmen: | bestimmt, an welchen Außenseiten der Tabelle ein Rahmen gezeichnet werden soll. |
Gitter: | bestimmt, an welchen Innenseiten der Tabelle eine Linie gezeichnet werden soll. |
Schriftrichtung: | die Ausrichtung der Schrift (von links nach rechts oder von rechts nach links). |
Rahmenfarbe: | Farbe der Rahmenlinien. |
Hintergrundfarbe: | Farbe des Tabellenhintergrundes. |
Tabellen bearbeiten
Sie können die Eigenschaften der Tabelle jederzeit ändern. Rechtsklicken Sie dazu einfach auf eine Zelle in der Tabelle oder den Rahmen und wählen Sie "Eigenschaften der Tabelle" (Rechtsklick auf Zelle) bzw. "Tabelle erstellen/bearbeiten" (Rechtsklick auf Rahmen). Sie können auch bei ausgewählter Tabelle erneut auf den "Tabelle erstellen"-Button klicken. Daraufhin öffnet sich der gleiche Dialog wie beim Erstellen von Tabellen und Sie können die Tabelleneigenschaften bearbeiten.
Sie können mit den Buttons in der Werkzeugleiste des Texteditors die Tabelle auch nach der Erstellung noch ändern. Dazu finden Sie im Editor die folgenden Buttons:
Name | Bedeutung | |
---|---|---|
|
Tabelle einfügen/bearbeiten | fügt eine Tabelle ein bzw. öffnet den Bearbeiten-Dialog. |
|
Zeileneigenschaften | bestimmt die Eigenschaften der Tabellenzeile. |
|
Zelleigenschaften | bestimmt die Eigenschaften einer einzelnen Zelle. |
|
Zeile oberhalb einfügen | fügt eine Zeile oberhalb der markierten Zeile ein. |
|
Zeile unterhalb einfügen | fügt eine Zeile unterhalb der markierten Zeile ein. |
|
Zeile löschen | löscht die markierte Zeile. |
|
Spalte links einfügen | fügt eine Spalte links von der markierten Spalte ein. |
|
Spalte rechts einfügen | fügt eine Spalte rechts von der markierten Spalte ein. |
|
Spalte löschen | löscht eine Spalte. |
|
Zelle teilen | Teilt eine verbundene Zelle auf. |
|
Zellen verbinden | Verbindet zwei Zellen zu einer. |
Zeileneigenschaften
Sie können die Eigenschaften einer Zeile in der Tabelle festlegen, indem Sie auf das Zeileneigenschaften-Icon klicken. Dabei können Sie auch im unteren Bereich des neuen Fensters auswählen, auf welche Zeilen sich die Änderungen auswirken sollen:
- Diese Zeile verändern
- Ungerade Zeilen verändern
- Gerade Zeilen verändern
- Alle Zeilen verändern
Allgemein
Gruppierung: | bestimmen Sie hier, zu welchem Teil der Tabelle diese Zeile gehört (Tabellenkopf, Tabelleninhalt, Tabellenfuß). |
Ausrichtung: | Ausrichtung des Inhalts der Zeile (links, mittig, rechts). |
Vertikale Ausrichtung: | vertikale Ausrichtung des Inhalts der Zeile (oben, mittig, unten). |
CSS-Klasse: | Auswahlfeld für die CSS-Klasse, die für die Zeile verwendet werden soll. Sie können CSS-Klassen im CSS-Vorgabenmanager bei den Einstellungen definieren. |
Höhe: | die Höhe der Zeile. |
Erweitert
ID: | CSS-ID der Zeile. |
Format: | CSS-Formatierungsangaben für die Zeile. |
Schriftrichtung: | die Ausrichtung der Schrift (von links nach rechts oder von rechts nach links). |
Sprachcode: | der Sprachcode für die Sprache der Zeile. |
Hintergrundbild: | das Hintergrundbild der Zeile. |
Hintergrundfarbe: | Farbe des Zeilenhintergrunds. |
Zelleneigenschaften
Sie können die Eigenschaften einer Zelle in der Tabelle festlegen, indem Sie auf das Zelleneigenschaften-Icon klicken. Dabei können Sie auch im unteren Bereich des neuen Fensters auswählen, auf welche Zellen sich die Änderungen auswirken sollen:
- Diese Zelle verändern
- Alle Zellen in dieser Zeile verändern
- Alle Zellen der Tabelle verändern
Tipp: | Sie können mehrere Zellen markieren, bevor sie auf das Zelleneigenschaft-Icon klicken und damit diese Auswahl an Zellen gleichzeitig bearbeiten. |
Allgemein
Ausrichtung: | Ausrichtung des Inhalts der Zelle (links, mittig, rechts). |
Zellentyp: | bestimmen Sie hier, welchem Typ die Zelle zugehört (Textzelle, Überschrift). |
Vertikale Ausrichtung: | vertikale Ausrichtung des Inhalts der Zelle (oben, mittig, unten). |
Bezug: | Bezug der Zelle (Spalte, Zeile, vertikal gruppieren, horizontal gruppieren). |
Breite / Höhe: | die Breite und Höhe der Zelle. |
CSS-Klasse: | Auswahlfeld für die CSS-Klasse, die für die Zelle verwendet werden soll. Sie können CSS-Klassen im CSS-Vorgabenmanager bei den Einstellungen definieren. |
Erweitert
ID: | CSS-ID der Zelle. |
Format: | CSS-Formatierungsangaben für die Zelle. |
Schriftrichtung: | die Ausrichtung der Schrift (von links nach rechts oder von rechts nach links). |
Sprachcode: | der Sprachcode für die Sprache der Zelle. |
Hintergrundbild: | das Hintergrundbild der Zelle. |
Rahmenfarbe: | Farbe der Rahmenlinien. |
Hintergrundfarbe: | Farbe des Zellenhintergrunds. |
Zellen verbinden und trennen
Wenn Sie eine Auswahl von Zellen zu einer einzigen Zelle verbinden möchten, so markieren Sie die entsprechenden Zellen zunächst in der Textansicht des Editors. Klicken Sie anschließend auf den "Zellen verbinden"-Button um die Zellen zusammenzufassen und den Inhalt aller Zellen in die zusammengefasste Zelle zu übertragen. Um die Zellen wieder zu trennen, klicken Sie auf den "Zellen trennen"-Button, woraufhin der Inhalt der zusammengefassten Zelle in die erste neue entstehende kleine Zelle übertragen wird und alle anderen zuvor zusammengefassten Zellen wieder erscheinen.