Zum Inhalt der Seite
[Versionen] - [Quelltext betrachten]

AnimexxWiki:Tutorial-7 [Diskussion]

Zurück zur Wiki-Hauptseite

Version vom 00:35, 27. Jan 2005
abgemeldet (Beiträge)

← Vorige Änderung
Version vom 21:44, 27. Jan 2005
abgemeldet (Beiträge)

Nächste Änderung →
Zeile 3: Zeile 3:
<div style="padding: 1em 1em 2em 1em; margin: 0; margin-right:10px; border: 1px solid #C3C3FF; background-color:#F0F0FF; width:43%"> <div style="padding: 1em 1em 2em 1em; margin: 0; margin-right:10px; border: 1px solid #C3C3FF; background-color:#F0F0FF; width:43%">
[[AnimexxWiki:Tutorial|Start]] | [[AnimexxWiki:Tutorial-1|1]] | [[AnimexxWiki:Tutorial-2|2]] | [[AnimexxWiki:Tutorial-3|3]] | [[AnimexxWiki:Tutorial-4|4]] | [[AnimexxWiki:Tutorial-5|5]] | [[AnimexxWiki:Tutorial-6|6]] | [[Spielwiese]] [[AnimexxWiki:Tutorial|Start]] | [[AnimexxWiki:Tutorial-1|1]] | [[AnimexxWiki:Tutorial-2|2]] | [[AnimexxWiki:Tutorial-3|3]] | [[AnimexxWiki:Tutorial-4|4]] | [[AnimexxWiki:Tutorial-5|5]] | [[AnimexxWiki:Tutorial-6|6]] | [[Spielwiese]]
-<div style="padding: 1em 1em 1em 1em; background-color:#E9E9FF; border:0px solid #FFFFFF; border-width:0px 0px 0px 0px;">+<div align="center" style="padding: 1em 1em 1em 1em; background-color:#E9E9FF; border:0px solid #FFFFFF; border-width:0px 0px 0px 0px;">
__TOC__ __TOC__
</div> </div>

Version vom 21:44, 27. Jan 2005

Zurück zum Animexx Tutorial

Start | 1 | 2 | 3 | 4 | 5 | 6 | Spielwiese

Tabellen

Tabellen sind ein gutes Mittel, um gleichartige Informationen übersichtlich zu gestalten. Jedoch sollte man Tabellen nicht als grafisches Gestaltungsmittel einsetzen, sondern nur dann benutzen, wenn zwischen Tabellenzellen und ihren Zeilen und Spalten semantische Beziehungen bestehen. Sie dienen beispielsweise dann ihrem Zweck, wenn die Informationen in gewisser Weise sortiert werden können, nach Jahreszahlen oder mit alphabetischer Anordnung.

Andererseits sind Tabellen komplizierter als normaler Text. Deshalb sollten sie nur dort eingesetzt werden, wo sie tatsächlich für bessere Übersicht sorgen. Überlege immer, ob du die Informationen nicht auch in einer einfachen Liste unterbringen kannst (siehe Textgestaltung).

Grundlagen

Jede Tabelle im Wiki-Stil beginnt mit einer geschweiften Klammer { gefolgt von einem senkrechten Strich | und endet mit einem Strich | gefolgt von einer geschweiften Klammer }. Die öffnende Klammer muss als erstes Zeichen der Zeile stehen. (Ausnahme: Tabellen im Schreibmaschinenstil)

Einfache Tabellen

Tabellen im Schreibmaschinenstil ohne Formatierungen

Die einfachste und schnellste Wiki Art, eine Tabelle zu erstellen ist der Schreibmaschinenstil. Dazu stellt man jeder Tabellenzeile ein Leerzeichen voran. Spalten und Layout werden visuell im Bearbeitungsmodus angepasst. Das Ergebnis entspricht anschließend genau der Ansicht im Bearbeitungsmodus.


Wie es dargestellt wird

Klimatabelle
Monat                   JAN FEB MÄR APR MAI JUN JUL AUG SEP OKT NOV DEZ 
-----------------------------------------------------------------------
Ø Tagestemperatur        21  21  22  23  24  25  27  29  28  26  24  22 
Ø Nachttemperatur        15  15  15  16  17  18  20  21  20  19  18  16 
Ø Sonnenstunden pro Tag   6   6   7   8   9   9   9   9   8   7   6   5 
Ø Regentage/Monat         6   4   3   2   2   1   0   0   2   5   6   7 
Ø Wassertemperatur       19  18  18  18  19  20  21  22  23  23  21  20

 

Was du schreibst

Klimatabelle
Monat                   JAN FEB MÄR APR MAI JUN JUL AUG SEP OKT NOV DEZ 
-----------------------------------------------------------------------
Ø Tagestemperatur        21  21  22  23  24  25  27  29  28  26  24  22 
Ø Nachttemperatur        15  15  15  16  17  18  20  21  20  19  18  16 
Ø Sonnenstunden pro Tag   6   6   7   8   9   9   9   9   8   7   6   5 
Ø Regentage/Monat         6   4   3   2   2   1   0   0   2   5   6   7 
Ø Wassertemperatur       19  18  18  18  19  20  21  22  23  23  21  20


Tabelle mit einer Tabellenzeile

Jede Zeile innerhalb der beiden Klammern beginnt mit einem senkrechten Strich. Dieser macht den Beginn einer neuen Zelle deutlich. Direkt hinter diesem Strich steht entweder der Inhalt der Zelle oder eine Style-Argument (z.B. Rowspanning - siehe unten). Der Strich kann am Anfang der Textzeile stehen oder auch mittendrin, dann muss man zwei Striche schreiben. Jedoch sollte man ihn nur am Anfang einer Textzeile verwenden um die Tabellenstruktur übersichtlich zu halten.


Wie es dargestellt wird

Zelle 1 Zelle 2

 

Was du schreibst

{|
|Zelle 1
|Zelle 2
|}


Tabelle mit mehreren Tabellenzeilen

Natürlich benötigt man hauptsächlich Tabellen mit mehreren (Tabellen-)Zeilen. Eine neue Zeile wird deutlich gemacht, indem hinter dem senkrechten Strich einen waagrechten - setzt. Dies läßt sich beliebig oft wiederholen.


Wie es dargestellt wird

Zelle 1 Zelle 2
Zelle 3 Zelle 4

 

Was du schreibst

{|
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}


Komplexere Tabellen

Rahmen

Bis jetzt haben unsere Tabellen noch keine Umrandungen. Die Umrandung wird in der ersten Zeile (direkt hinter dem {| ) festgelegt, dabei ist zu beachten, eine Leerstelle zu lassen. Momentan kann nur die Rahmenstärke festgelegt werden, mit dem Argument: border=n wobei n die Stärke des Rahmens ist.

Eine Tabelle mit Titelzeile, die mit ! statt | eingeleitet werden, sieht wie folgt aus:


Wie es dargestellt wird

Was Warum
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Zelle 5 Zelle 6

 

Was du schreibst

{| border=1
!Was
!Warum
|-
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|-
|Zelle 5
|Zelle 6
|}


Rowspanning und Colspanning

Auch mit den neuen Wiki-Befehlen ist es genauso wie bei HTML möglich eine Zelle über mehrere Zeilen oder Spalten reichen zu lassen, ein so genanntes rowspan bzw. colspan.

Um rowspan einzuschalten muss man vor der betreffenden Zelle, aber unbedingt in der gleichen Zeile, das rowspan-Argument einfügen, etwa in der Form rowspan=n wobei n für die Anzahl der Zeilen steht, über die die Zelle reichen soll. Genauso funktioniert es, wenn eine Zelle über mehrere Spalten reichen soll, man benutze dann colspan.

Eine Tabelle mit einer Zelle, die über zwei Spalten geht ("colspan=2") sieht so aus:


Wie es dargestellt wird

A B C
Zelle 1 Zelle 2
Zelle 3 Zelle 4 Zelle 5

 

Was du schreibst

{| border=1
! A
! B
! C
|-
| Zelle 1
| colspan=2 align="center" | Zelle 2
|-
| Zelle 3
| Zelle 4
| Zelle 5
|}


und wird erzeugt, indem die Spalten, die zusammengefasst werden sollen, mit "| colspan=n |" statt "|" eingeleitet werden (zusätzlich ist die "Zelle 2" zentriert; siehe Ausrichtung).

Eine ausführlichere Erklärung findest du unter Tabellen.

Weiter mit dem Tutorial.



Letzte Änderungen
Hilfe
Spezialseiten