Spickzettel Tabellen: Unterschied zwischen den Versionen

Aus Worumwiki
Wechseln zu: Navigation, Suche
 
(9 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
Sortierbare Tabellen:
+
<small>[[Worumwiki:Hilfe | Wiki-Hilfe]] -
 +
[[Spickzettel Tabellen | Tabellen ]] - [[Spickzettel Formatierungen  | Formatierungen, Layout]] - [[Spickzettel Gestalten &nbsp;· Schrift | Testgestaltung]] - [[Spickzettel Bilder einbinden | Bilder einbinden]] - [[Spickzettel Bilder verlinken | Bilder miteinander verlinken (für Fortgeschrittene)]] - [[Spickzettel Links | Links ]]  </small>
  
 +
 +
Beim Erstellen von Wiki-Tabellen verhält es sich vergleichsweise wie bei einer Pivot-Tabelle in Excel. Erstmal erscheint dir alles ein wenig zu komplex. Dennoch bedarf es nur ein ganz wenig Zeit und etwas Logik, um dahinter zu kommen.
 +
 +
Um es nicht zu kompliziert zu machen, werden hier nur einige Grundbegriffe erklärt, die Dir erklären, wofür die Zeichen stehen.
 +
 +
Ansonsten such Dir hier eine Tabelle aus, die Deinem Konzept am Nächsten kommt, klick auf {{Register| Bearbeiten}} und kopier den dazugehörigen "Quelltext", ändere jeweils die Spaltenbezeichnung, füge Spalten hinzu oder lösche die, welche Du nicht benötigst. Das ist super einfach!
 +
 +
 +
Möchtest Du erst einmal testen, kannst Du dies auf der [[Testseite]] tun.
 +
 +
'''Bitte auf der Bearbeitungsseite hier nichts ausprobieren oder ändern. Danke.'''
 +
 +
 +
 +
'''Erläuterungen'''
 +
 +
* Die Zeichen <tt>'''{|'''</tt> beginnen eine Tabelle.
 +
* Die Zeichen <tt>'''|}'''</tt> schließen eine Tabelle ab. Beide Tags '''müssen''' an einem Zeilenanfang stehen.
 +
* Das Attribut <tt>'''class="wikitable"'''</tt> veranlasst, dass die ganze Tabelle nach den Vorgaben der Klasse <tt>'''wikitable'''</tt> formatiert wird.
 +
* Zeilen, die mit einem Ausrufezeichen (<tt>'''!'''</tt>) beginnen, definieren Kopfzeilen Der Text in einer Zelle einer solchen Zeile erscheint zentriert und fettgedruckt.
 +
* Gewöhnliche Tabellenzeilen beginnen dagegen mit einem senkrechten Trennstrich (<tt>'''|'''</tt>).
 +
* Das Tag <tt>'''|-'''</tt> beginnt eine neue Tabellenzeile, falls es im Quelltext an einem Zeilenanfang steht.
 +
* Die Zeichen <tt>'''||'''</tt> bzw. <tt>'''!!'''</tt> trennen nebeneinanderliegende Tabellenzellen.
 +
* Die Zeichenfolge <tt>'''&amp;nbsp;'''</tt> anstatt eines Leerzeichens verhindert einen Zeilenumbruch zwischen den beiden Wörtern, die das Leerzeichen trennt.
 +
* Die Jahreszahlen werden durch <tt>'''&lt;tt>'''</tt> mit fester Zeichenbreite dargestellt, um sicherzugehen, dass sie am Bindestrich ausgerichtet werden.
 +
 +
 +
 +
 +
== Einfache Tabelle ==
 +
 +
{| class="wikitable"
 +
|- class="hintergrundfarbe5"
 +
|+ Werder for ever
 +
! Name !! Spiele !! Minuten !! Tore !! Vorlagen
 +
|-
 +
| [[Tim Wiese]]
 +
| 2
 +
| 180
 +
| 0
 +
| 0
 +
|-
 +
| [[Sebastian Mielitz]]
 +
| 0
 +
| 0
 +
| 0
 +
| 0
 +
|-
 +
| [[Christian Vander]]
 +
| 0
 +
| 0
 +
| 0
 +
| 0
 +
|-
 +
|}
 +
<br style="clear:both;"/>
 +
 +
 +
 +
== Sortierbare Tabellen ==
 
Sortierbare Tabellen ermöglichen verschiedene und vom Leser wählbare Sichtweisen auf eine Sache:
 
Sortierbare Tabellen ermöglichen verschiedene und vom Leser wählbare Sichtweisen auf eine Sache:
 
  
 
{| class="wikitable sortable"
 
{| class="wikitable sortable"
 
|- class="hintergrundfarbe5"
 
|- class="hintergrundfarbe5"
! Platz !! Mannschaft !! ges. !! G !! U !! V !! Tore !! Diff. !! Punkte !! class="unsortable" | Bemerkung
+
! Platz !! Mannschaft     !! ges. !! G !! U !! V !! Tore !! Diff. !! Punkte !! class="unsortable" | Bemerkung
 
|-
 
|-
 
| 17
 
| 17
| [[Hertha BSC]]
+
| [[Schalke 04]]
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
Zeile 20: Zeile 80:
 
|-
 
|-
 
| 18
 
| 18
| [[Vfl Bochum]]
+
| [[HSV]]
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
Zeile 41: Zeile 101:
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
|}
 
|}
 +
<br style="clear:both;"/>
 +
 +
 +
== Ausrichtung der Tabelle ==
 +
{| class="wikitable float-left"
 +
|+ Linksbündig mit Textumfluss
 +
|- class="hintergrundfarbe5"
 +
! Name !! Vorname !! Nachname
 +
|-
 +
| Wiese, Tim
 +
| Tim
 +
| Wiese
 +
|-
 +
| Mielitz, Sebastian
 +
| Sebastian
 +
| Mielitz
 +
|-
 +
| Vander, Christian
 +
| Christian
 +
| Vander
 +
|}
 +
 +
{| class="wikitable float-right"
 +
|+ Rechtsbündig mit Textumfluss
 +
|- class="hintergrundfarbe5"
 +
! Name !! Vorname !! Nachname
 +
|-
 +
| Pasanen, Petri
 +
| Petri
 +
| Pasanen
 +
|-
 +
| Pizarro, Claudio
 +
| Claudio
 +
| Pizarro
 +
|-
 +
| Moreno, Marcelo
 +
| Marcelo
 +
| Moreno
 +
|}
 +
<br style="clear:both;"/>
 +
 +
 +
 +
 +
 +
== Zentrierte Tabelle ==
 +
 +
 +
{| class="wikitable centered"
 +
|+ Zentrierte Tabelle
 +
|- class="hintergrundfarbe5"
 +
! Name !! Vorname !! Nachname
 +
|-
 +
| Pasanen, Petri
 +
| Petri
 +
| Pasanen
 +
|-
 +
| Pizarro, Claudio
 +
| Claudio
 +
| Pizarro
 +
|-
 +
| Moreno, Marcelo
 +
| Marcelo
 +
| Moreno
 +
|}
 +
<br style="clear:both;"/>
 +
 +
  
  
Diese sortierbare Tabelle wird durch folgenden Code erzeugt:
+
{| class="wikitable center"
<pre>
+
|+ Zentrierte Tabelle, die sich über die volle Breite des Artikelbereichs erstreckt
{| class="wikitable sortable"
 
 
|- class="hintergrundfarbe5"
 
|- class="hintergrundfarbe5"
! Platz !! Mannschaft !! ges. !! G !! U !! V !! Tore !! Diff. !! Punkte !! class="unsortable" | Bemerkung
+
! Name !! Vorname !! Nachname
 +
|-
 +
| Pasanen, Petri
 +
| Petri
 +
| Pasanen
 
|-
 
|-
| 17
+
| Pizarro, Claudio
| [[Hertha BSC]]
+
| Claudio
| style="text-align:center" | 0
+
| Pizarro
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
 
|-
 
|-
| 18
+
| Moreno, Marcelo
| [[Vfl Bochum]]
+
| Marcelo
| style="text-align:center" | 0
+
| Moreno
| style="text-align:center" | 0
+
|}
| style="text-align:center" | 0
+
 
| style="text-align:center" | 0
+
 
| style="text-align:center" | 0
+
 
| style="text-align:center" | 0
+
 
| style="text-align:center" | 0
+
== Probleme mit der class="wikitable" ==
| style="text-align:center" | 0
+
Diese sollte nicht mehr verwendet werden, da die deutschsprachige Wikipedia die einzige ist, welche diese Klasse verwendet. Im Zuge der Internationalisierung und für den Export ist es hilfreich, wenn sie nicht mehr verwendet wird.
 +
 
 +
 
 +
{| class="wikitable"  
 +
|- style="background-color: #dddddd;"
 +
! style="width:180px" | Heimmannschaft !!  !! style="width:180px" | Gastmannschaft !! style="width:50px" | ERG !! Torschützen (Vorlage) !! Details
 
|-
 
|-
| 1
+
| '''Werder Bremen''' || - || Eintracht Frankfurt || style="background-color:#fa8072;" | '''2:3 (2:2)''' || Özil (Özil), Sanogo|| '''[[BL_09-10_SPT1|Details]]'''
| [[Werder Bremen]]
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
| style="text-align:center" | 0
 
 
|-
 
|-
 +
| FC Bayern München || - || '''Werder Bremen''' || style="background-color:#ffffcc;" | '''1:1 (0:1)''' || Özil (Hunt)|| '''[[BL 09-10 SPT2|Details]]'''
 
|}
 
|}
</pre>
+
 
 +
 
 +
 
 +
== Links in Tabellen ==
 +
Durch Links können in der Tabelle weiterführende oder vertiefende Artikel übersichtlich mit einzelnen Begriffen verknüpft werden.
 +
 
 +
s. Beispiele oben
 +
 
 +
 
 +
 
 +
== Bilder in Tabellen ==
 +
Ein Bild sagt mehr als 1000 Worte gilt oft auch für Tabellen, exzessive Bildverwendungen können eine Tabelle jedoch auch unübersichtlich machen und überladen.
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
[[Kategorie:Wiki Hilfe]]

Aktuelle Version vom 30. August 2009, 20:50 Uhr

Wiki-Hilfe - Tabellen - Formatierungen, Layout - Testgestaltung - Bilder einbinden - Bilder miteinander verlinken (für Fortgeschrittene) - Links


Beim Erstellen von Wiki-Tabellen verhält es sich vergleichsweise wie bei einer Pivot-Tabelle in Excel. Erstmal erscheint dir alles ein wenig zu komplex. Dennoch bedarf es nur ein ganz wenig Zeit und etwas Logik, um dahinter zu kommen.

Um es nicht zu kompliziert zu machen, werden hier nur einige Grundbegriffe erklärt, die Dir erklären, wofür die Zeichen stehen.

Ansonsten such Dir hier eine Tabelle aus, die Deinem Konzept am Nächsten kommt, klick auf     Bearbeiten    und kopier den dazugehörigen "Quelltext", ändere jeweils die Spaltenbezeichnung, füge Spalten hinzu oder lösche die, welche Du nicht benötigst. Das ist super einfach!


Möchtest Du erst einmal testen, kannst Du dies auf der Testseite tun.

Bitte auf der Bearbeitungsseite hier nichts ausprobieren oder ändern. Danke.


Erläuterungen

  • Die Zeichen {| beginnen eine Tabelle.
  • Die Zeichen |} schließen eine Tabelle ab. Beide Tags müssen an einem Zeilenanfang stehen.
  • Das Attribut class="wikitable" veranlasst, dass die ganze Tabelle nach den Vorgaben der Klasse wikitable formatiert wird.
  • Zeilen, die mit einem Ausrufezeichen (!) beginnen, definieren Kopfzeilen Der Text in einer Zelle einer solchen Zeile erscheint zentriert und fettgedruckt.
  • Gewöhnliche Tabellenzeilen beginnen dagegen mit einem senkrechten Trennstrich (|).
  • Das Tag |- beginnt eine neue Tabellenzeile, falls es im Quelltext an einem Zeilenanfang steht.
  • Die Zeichen || bzw. !! trennen nebeneinanderliegende Tabellenzellen.
  • Die Zeichenfolge &nbsp; anstatt eines Leerzeichens verhindert einen Zeilenumbruch zwischen den beiden Wörtern, die das Leerzeichen trennt.
  • Die Jahreszahlen werden durch <tt> mit fester Zeichenbreite dargestellt, um sicherzugehen, dass sie am Bindestrich ausgerichtet werden.



Einfache Tabelle

Werder for ever
Name Spiele Minuten Tore Vorlagen
Tim Wiese 2 180 0 0
Sebastian Mielitz 0 0 0 0
Christian Vander 0 0 0 0



Sortierbare Tabellen

Sortierbare Tabellen ermöglichen verschiedene und vom Leser wählbare Sichtweisen auf eine Sache:

Platz Mannschaft ges. G U V Tore Diff. Punkte Bemerkung
17 Schalke 04 0 0 0 0 0 0 0 0
18 HSV 0 0 0 0 0 0 0 0
1 Werder Bremen 0 0 0 0 0 0 0 0



Ausrichtung der Tabelle

Linksbündig mit Textumfluss
Name Vorname Nachname
Wiese, Tim Tim Wiese
Mielitz, Sebastian Sebastian Mielitz
Vander, Christian Christian Vander
Rechtsbündig mit Textumfluss
Name Vorname Nachname
Pasanen, Petri Petri Pasanen
Pizarro, Claudio Claudio Pizarro
Moreno, Marcelo Marcelo Moreno




Zentrierte Tabelle

Zentrierte Tabelle
Name Vorname Nachname
Pasanen, Petri Petri Pasanen
Pizarro, Claudio Claudio Pizarro
Moreno, Marcelo Marcelo Moreno




Zentrierte Tabelle, die sich über die volle Breite des Artikelbereichs erstreckt
Name Vorname Nachname
Pasanen, Petri Petri Pasanen
Pizarro, Claudio Claudio Pizarro
Moreno, Marcelo Marcelo Moreno



Probleme mit der class="wikitable"

Diese sollte nicht mehr verwendet werden, da die deutschsprachige Wikipedia die einzige ist, welche diese Klasse verwendet. Im Zuge der Internationalisierung und für den Export ist es hilfreich, wenn sie nicht mehr verwendet wird.


Heimmannschaft Gastmannschaft ERG Torschützen (Vorlage) Details
Werder Bremen - Eintracht Frankfurt 2:3 (2:2) Özil (Özil), Sanogo Details
FC Bayern München - Werder Bremen 1:1 (0:1) Özil (Hunt) Details


Links in Tabellen

Durch Links können in der Tabelle weiterführende oder vertiefende Artikel übersichtlich mit einzelnen Begriffen verknüpft werden.

s. Beispiele oben


Bilder in Tabellen

Ein Bild sagt mehr als 1000 Worte gilt oft auch für Tabellen, exzessive Bildverwendungen können eine Tabelle jedoch auch unübersichtlich machen und überladen.