Benutzer:Andreas Plank/Hilfe Bearbeiten: Unterschied zwischen den Versionen

Aus Open Source Ecology - Germany
Zur Navigation springen Zur Suche springen
(Die Seite wurde neu angelegt: „{{Bildwegweiser | Titel = Hilfe | Größe = 35px | Hilfe}} Hier eine Kurzübersicht über die wichtigsten Wikiformatierungen. Ausführlic…“)
 
 
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
 
{{Bildwegweiser | Titel = [[:Kategorie:Hilfe|Hilfe]] | Größe =  35px | Hilfe}}
 
{{Bildwegweiser | Titel = [[:Kategorie:Hilfe|Hilfe]] | Größe =  35px | Hilfe}}
Hier eine Kurzübersicht über die wichtigsten Wikiformatierungen. Ausführliche Beschreibungen für Formatierungen und dgl. finden sich im [http://meta.wikimedia.org/wiki/Category:MediaWiki-Handbuch Handbuch des Meta-Wikis] oder der [[Hilfe:Der Umgang mit dem Wiki|Hilfe im Umgang mit dem Wiki]].
+
Hier eine Kurzübersicht über die wichtigsten Wikiformatierungen. Ausführliche Beschreibungen für Formatierungen und dgl. finden sich im [http://meta.wikimedia.org/wiki/Category:MediaWiki-Handbuch Handbuch des Meta-Wikis]. Vor dem schlussendlichen {{Keyboard |'''{{int:savearticle}}'''<!-- {{int:…}} = internationalisierte Systemnachricht -->}} ist es eine gute Praxis, eine (knappe) Zusammenfassung bzw. einen Änderungsgrund anzugeben. Es ist sehr hilfreich beim Überblicken des Werdegangs von Artikeln. Beispiele für „{{int:summary}}<!-- {{int:…}} = internationalisierte Systemnachricht -->“
Eine gute Praxis ist es, eine (knappe) Zusammenfassung bzw. einen Änderungsgrund vorm {{Keyboard |'''{{int:savearticle}}'''<!-- {{int:…}} = internationalisierte Systemnachricht -->}} anzugeben. Es ist sehr hilfreich beim Schauen des Werdegangs von Artikeln. So zum Beispiel: <tt>+diverse Kategorien</tt>weist darauf hin, daß Kategorien hinzugefügt worden oder „<tt>Ü: Interne Links Interne Seitenverweise</tt>“ eben für’s Umbenennen eines Abschnitt’s. (Die Klick-Editierhilfe klappt auch für „{{int:summary}}<!-- {{int:…}} = internationalisierte Systemnachricht -->“)
+
; <tt>+diverse Kategorien</tt> : weist darauf hin, daß Kategorien hinzugefügt worden oder
 +
; <tt>/* Spenden */ +Ü</tt> : eine neue Überschrift wurde hinzugefügt, zusätzlich taucht in der Versionsgeschichte ein Link zum entsprechenden Abschnitt auf: {{Textfarbe|blue|→}}&nbsp;{{Textfarbe|gray|''Spenden''}} +Ü
 +
; „<tt>Ü: Interne Links -> Interne Seitenverweise</tt>“ : der Abschnitt „Interne Links“ wurde umbenannt in „Interne Seitenverweise“
 +
 
 +
{{Links|{{Logo|Tip}}}} Tip: Beim Feld „{{int:summary}}<!-- {{int:…}} = internationalisierte Systemnachricht -->“ kann man in manchen Browsern durch Doppelklicken einfach die zuletztgeschriebenen Einträge hervorholen, um sich Tipparbeit zu sparen ;-).
  
 
__INHALTSVERZEICHNIS__
 
__INHALTSVERZEICHNIS__
  
== Textgestaltung ==
+
== Textgestaltung ==
  
''Jede'' neue Leerzeile erstellt einen kompletten Absatz. Zur Textgestaltung/Typografie allgemein siehe auch Bier (2009).<ref name='Bier2009' group ="Anmerkung">Bier, Christoph (2009): ''typokurz&nbsp;– Einige wichtige  typografische Regeln''. Version 1.7, 21.&nbsp;Mai 2009. URL: http://zvisionwelt.wordpress.com/downloads/#typokurz. Gesichtet am 4. 4. 2018.</ref>
+
Zur Textgestaltung/Typografie allgemein siehe auch Bier (2009).<ref name='Bier2009' group ="Anmerkung">Bier, Christoph (2009): ''typokurz&nbsp;– Einige wichtige  typografische Regeln''. Version 1.7, 21.&nbsp;Mai 2009. URL: http://zvisionwelt.wordpress.com/downloads/#typokurz. Gesichtet am 4. 4. 2018.</ref>
 +
 
 +
''Jede'' neue Leerzeile erstellt einen kompletten Absatz.
  
 
{| class="booktabledotted"
 
{| class="booktabledotted"
Zeile 60: Zeile 66:
 
<tt><nowiki>Student = <sub>früh</sub><big>&int;</big><sup>spät</sup> µ de</nowiki></tt>
 
<tt><nowiki>Student = <sub>früh</sub><big>&int;</big><sup>spät</sup> µ de</nowiki></tt>
 
|Zeichen tiefgestellt und eine Studentenformel…;-)
 
|Zeichen tiefgestellt und eine Studentenformel…;-)
 +
|}
 +
 +
== Tabellen ==
 +
 +
Hilfsmittel:
 +
* der externe [http://www.tablesgenerator.com/mediawiki_tables Tabellengenerator (tablesgenerator.com)]
 +
 +
{| class="booktabledotted"
 +
|-
 +
! Symbolbild
 +
! style="min-width:30%"|Ergebnis
 +
! Wiki-Syntax
 +
! Erläuterung
 +
|-
 +
|[[Bild:Toolbar insert table.png]]
 +
|
 +
{| class="wikitable"
 +
|+ CSS-Klasse <tt>"wikitable"</tt>
 +
|-
 +
! Fertigkeit
 +
! Herausforderung<br>(+&nbsp;bis&nbsp;+++++)
 +
|-
 +
| Holz sägen
 +
| +
 +
|-
 +
| kreativ malen
 +
| ++
 +
|-
 +
| Computer herstellen
 +
| +++++
 +
|}
 +
{| class="booktable"
 +
|+ CSS-Klasse <tt>"booktable"</tt>
 +
|-
 +
! Fertigkeit
 +
! Herausforderung<br>(+&nbsp;bis&nbsp;+++++)
 +
|-
 +
| Holz sägen
 +
| +
 +
|-
 +
| kreativ malen
 +
| ++
 +
|-
 +
| Computer herstellen
 +
| +++++
 +
|}
 +
{| class="booktabledotted"
 +
|+ CSS-Klasse <tt>"booktabledotted"</tt>
 +
|-
 +
! Fertigkeit
 +
! Herausforderung<br>(+&nbsp;bis&nbsp;+++++)
 +
|-
 +
| Holz sägen
 +
| +
 +
|-
 +
| kreativ malen
 +
| ++
 +
|-
 +
| Computer herstellen
 +
| +++++
 +
|}
 +
|<tt style="white-space:nowrap;font-size: 0.8em;">
 +
<nowiki>{| class="wikitable" </nowiki><br/>
 +
<nowiki>|+ Tabellenbeschriftung</nowiki><br/>
 +
<nowiki>|-</nowiki><br/>
 +
<nowiki>! Fertigkeit</nowiki><br/>
 +
<nowiki>! Herausforderung&lt;br&gt;(+&nbsp;bis&nbsp;+++++)</nowiki><br/>
 +
<nowiki>|-</nowiki><br/>
 +
<nowiki>| Holz sägen</nowiki><br/>
 +
<nowiki>| +</nowiki><br/>
 +
<nowiki>|-</nowiki><br/>
 +
<nowiki>| kreativ malen</nowiki><br/>
 +
<nowiki>| ++</nowiki><br/>
 +
<nowiki>|-</nowiki><br/>
 +
<nowiki>| Computer herstellen</nowiki><br/>
 +
<nowiki>| +++++</nowiki><br/>
 +
<nowiki>|}</nowiki><br/>
 +
</tt>
 +
|
 +
# Einfache Tabelle mit Gitternetzlinien erzeugen (durch CSS Klasse <tt>wikitable</tt>).
 +
# Unmittelbar unter dem Tabellenanfang (also <tt><nowiki>{|</nowiki></tt>) kann man eine Beschriftung vergeben mit <tt>&lt;caption>Beschriftung der Tabelle&lt;/caption></tt>
 +
|-
 +
|[[Bild:Toolbar insert table.png]]
 +
|
 +
{| class="wikitable sortable"
 +
|+ CSS-Klassen <tt>"wikitable sortable"</tt>
 +
|-
 +
! Fertigkeit
 +
! Herausforderung<br>(+&nbsp;bis&nbsp;+++++)
 +
|-
 +
| Holz sägen
 +
| +
 +
|-
 +
| kreativ malen
 +
| ++
 +
|-
 +
| Computer herstellen
 +
| +++++
 +
|}
 +
{| class="booktable sortable"
 +
|+ CSS-Klassen <tt>"booktable sortable"</tt>
 +
|-
 +
! Fertigkeit
 +
! Herausforderung<br>(+&nbsp;bis&nbsp;+++++)
 +
|-
 +
| Holz sägen
 +
| +
 +
|-
 +
| kreativ malen
 +
| ++
 +
|-
 +
| Computer herstellen
 +
| +++++
 +
|}
 +
 +
|<tt style="white-space:nowrap;font-size: 0.8em;">
 +
<nowiki>{| class="wikitable sortable" </nowiki><br/>
 +
<nowiki>|+ Tabellenbeschriftung</nowiki><br/>
 +
<nowiki>|-</nowiki><br/>
 +
<nowiki>! Fertigkeit</nowiki><br/>
 +
<nowiki>! Herausforderung&lt;br&gt;(+&nbsp;bis&nbsp;+++++)</nowiki><br/>
 +
<nowiki>|-</nowiki><br/>
 +
<nowiki>| Holz sägen</nowiki><br/>
 +
<nowiki>| +</nowiki><br/>
 +
<nowiki>|-</nowiki><br/>
 +
<nowiki>| kreativ malen</nowiki><br/>
 +
<nowiki>| ++</nowiki><br/>
 +
<nowiki>|-</nowiki><br/>
 +
<nowiki>| Computer herstellen</nowiki><br/>
 +
<nowiki>| +++++</nowiki><br/>
 +
<nowiki>|}</nowiki><br/>
 +
</tt>
 +
|Eine sortierbare Tabelle ist durch die CSS Klasse <tt>sortable</tt> erzeugt. Die Formatierung hingegen zusätzlich durch die CSS Klasse <tt>wikitable</tt> (entscheidende Syntax hierzu: <code>class="wikitable sortable"</code>)
 +
|}
 +
 +
 +
== Listen ==
 +
 +
{| class="booktabledotted"
 +
|-
 +
!Typ
 +
!Ergebnis
 +
!Wiki-Syntax
 +
!Erläuterung
 +
|-
 +
| Standard-Liste (ungeordnet)
 +
|
 +
* Wasser
 +
** Wasserdampf
 +
*** Wolken
 +
*** Nebel
 +
**** Heilanwendung inhalieren
 +
** Eis
 +
*** Eishotel
 +
* Feuer
 +
* Erde
 +
* Luft
 +
|
 +
<pre>
 +
* Wasser
 +
** Wasserdampf
 +
*** Wolken
 +
*** Nebel
 +
**** Heilanwendung inhalieren
 +
** Eis
 +
*** Eishotel
 +
* Feuer
 +
* Erde
 +
* Luft
 +
</pre>
 +
|
 +
|-
 +
| <math>\mathrm{L\!\!^{{}_{\scriptstyle A}} \!\!\!\!\!\;\; T\!_{\displaystyle E} \! X}</math>-Stil (ungeordnete Liste)
 +
|
 +
<div class="latex-style-list">
 +
* Wasser
 +
** Wasserdampf
 +
*** Wolken
 +
*** Nebel
 +
**** Heilanwendung inhalieren
 +
** Eis
 +
*** Eishotel
 +
* Feuer
 +
* Erde
 +
* Luft
 +
</div>
 +
|
 +
<syntaxhighlight lang="html4strict">
 +
<div class="latex-style-list">
 +
* Wasser
 +
** Wasserdampf
 +
*** Wolken
 +
*** Nebel
 +
**** Heilanwendung inhalieren
 +
** Eis
 +
*** Eishotel
 +
* Feuer
 +
* Erde
 +
* Luft
 +
</div>
 +
</syntaxhighlight>
 +
|
 +
|-
 +
| Liste einfach (ungeordnet, ohne Verschachtelung)
 +
|
 +
<div class="endash-list">
 +
* Wasser
 +
* Feuer
 +
* Erde
 +
* Luft
 +
</div>
 +
|
 +
<syntaxhighlight lang="html4strict">
 +
<div class="endash-list">
 +
* Wasser
 +
* Feuer
 +
* Erde
 +
* Luft
 +
</div>
 +
</syntaxhighlight>
 +
|
 
|}
 
|}
  

Aktuelle Version vom 1. Juni 2018, 12:28 Uhr

Hier eine Kurzübersicht über die wichtigsten Wikiformatierungen. Ausführliche Beschreibungen für Formatierungen und dgl. finden sich im Handbuch des Meta-Wikis. Vor dem schlussendlichen Seite speichern ist es eine gute Praxis, eine (knappe) Zusammenfassung bzw. einen Änderungsgrund anzugeben. Es ist sehr hilfreich beim Überblicken des Werdegangs von Artikeln. Beispiele für „Zusammenfassung:“

+diverse Kategorien
weist darauf hin, daß Kategorien hinzugefügt worden oder
/* Spenden */ +Ü
eine neue Überschrift wurde hinzugefügt, zusätzlich taucht in der Versionsgeschichte ein Link zum entsprechenden Abschnitt auf:  Spenden
Ü: Interne Links -> Interne Seitenverweise
der Abschnitt „Interne Links“ wurde umbenannt in „Interne Seitenverweise“
Tipps und Ideen

Tip: Beim Feld „Zusammenfassung:“ kann man in manchen Browsern durch Doppelklicken einfach die zuletztgeschriebenen Einträge hervorholen, um sich Tipparbeit zu sparen ;-).

Textgestaltung

Zur Textgestaltung/Typografie allgemein siehe auch Bier (2009).[Anmerkung 1]

Jede neue Leerzeile erstellt einen kompletten Absatz.

Symbolbild Ergebnis Wiki-Syntax Erläuterung
Vector toolbar italic K button.png kursiv ''kursiv'' im Normalfall ist kursiv für Auszeichnungen/Hervorhebung im Text am besten geeignet
Vector toolbar bold F button.png fett '''fett''' ist normalerweise in Textabschnitten zu vermeiden, da viel zu aufdringlich: nur wo wirklich nötig
Vector toolbar bold F button.png + Vector toolbar italic K button.png fett & kursiv '''''fett & kursiv''''' ist normalerweise in Textabschnitten zu vermeiden, da viel zu aufdringlich: nur wo wirklich nötig
Toolbar Insert newline.png Text 1
Text 2
Text 1 <br />Text 2 explizit neue Zeile (nur im Notfall; oft passender: neuen Absatz anfangen mittels Leerzeile)
Vector toolbar small text button.png Text normal hier und ein kleinerer Hinweistext, nur mal so. Text normal hier und ein <small>kleinerer Hinweistext</small>, nur mal so. klein formatierter Text
Vector toolbar big text button.png Text hier stupide & langweilig und mal was wirklich Wichtiges! Text hier stupide & langweilig und mal <big>was <big>wirklich <big>Wichtiges!</big></big></big> groß formatierter Text. Verschachtelt man die Wiki-Anweisungen, wird der Text entsprechend mitskaliert
Vector toolbar superscript button.png Formel 2 Formel <sup>2</sup> Zeichen hochgestellt
Vector toolbar subscript button.png Formel 2

Student = frühspät µ de

Formel <sub>2</sub>

Student = <sub>früh</sub><big>∫</big><sup>spät</sup> µ de

Zeichen tiefgestellt und eine Studentenformel…;-)

Tabellen

Hilfsmittel:

Symbolbild Ergebnis Wiki-Syntax Erläuterung
Toolbar insert table.png
CSS-Klasse "wikitable"
Fertigkeit Herausforderung
(+ bis +++++)
Holz sägen +
kreativ malen ++
Computer herstellen +++++
CSS-Klasse "booktable"
Fertigkeit Herausforderung
(+ bis +++++)
Holz sägen +
kreativ malen ++
Computer herstellen +++++
CSS-Klasse "booktabledotted"
Fertigkeit Herausforderung
(+ bis +++++)
Holz sägen +
kreativ malen ++
Computer herstellen +++++

{| class="wikitable"
|+ Tabellenbeschriftung
|-
! Fertigkeit
! Herausforderung<br>(+ bis +++++)
|-
| Holz sägen
| +
|-
| kreativ malen
| ++
|-
| Computer herstellen
| +++++
|}

  1. Einfache Tabelle mit Gitternetzlinien erzeugen (durch CSS Klasse wikitable).
  2. Unmittelbar unter dem Tabellenanfang (also {|) kann man eine Beschriftung vergeben mit <caption>Beschriftung der Tabelle</caption>
Toolbar insert table.png
CSS-Klassen "wikitable sortable"
Fertigkeit Herausforderung
(+ bis +++++)
Holz sägen +
kreativ malen ++
Computer herstellen +++++
CSS-Klassen "booktable sortable"
Fertigkeit Herausforderung
(+ bis +++++)
Holz sägen +
kreativ malen ++
Computer herstellen +++++

{| class="wikitable sortable"
|+ Tabellenbeschriftung
|-
! Fertigkeit
! Herausforderung<br>(+ bis +++++)
|-
| Holz sägen
| +
|-
| kreativ malen
| ++
|-
| Computer herstellen
| +++++
|}

Eine sortierbare Tabelle ist durch die CSS Klasse sortable erzeugt. Die Formatierung hingegen zusätzlich durch die CSS Klasse wikitable (entscheidende Syntax hierzu: class="wikitable sortable")


Listen

Typ Ergebnis Wiki-Syntax Erläuterung
Standard-Liste (ungeordnet)
  • Wasser
    • Wasserdampf
      • Wolken
      • Nebel
        • Heilanwendung inhalieren
    • Eis
      • Eishotel
  • Feuer
  • Erde
  • Luft
* Wasser
** Wasserdampf
*** Wolken
*** Nebel
**** Heilanwendung inhalieren
** Eis
*** Eishotel
* Feuer
* Erde 
* Luft
-Stil (ungeordnete Liste)
  • Wasser
    • Wasserdampf
      • Wolken
      • Nebel
        • Heilanwendung inhalieren
    • Eis
      • Eishotel
  • Feuer
  • Erde
  • Luft
<div class="latex-style-list">
* Wasser
** Wasserdampf
*** Wolken
*** Nebel
**** Heilanwendung inhalieren
** Eis
*** Eishotel
* Feuer
* Erde 
* Luft
</div>
Liste einfach (ungeordnet, ohne Verschachtelung)
  • Wasser
  • Feuer
  • Erde
  • Luft
<div class="endash-list">
* Wasser
* Feuer
* Erde 
* Luft
</div>

Anmerkungen

  1. Bier, Christoph (2009): typokurz – Einige wichtige typografische Regeln. Version 1.7, 21. Mai 2009. URL: http://zvisionwelt.wordpress.com/downloads/#typokurz. Gesichtet am 4. 4. 2018.

Quellen