Hilfe:Bearbeiten: Unterschied zwischen den Versionen

Aus Open Source Ecology - Germany
Zur Navigation springen Zur Suche springen
(Hinweis Text kann verlorengehen)
Zeile 8: Zeile 8:
 
; <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>/* 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“
 
; „<tt>Ü: Interne Links -> Interne Seitenverweise</tt>“ : der Abschnitt „Interne Links“ wurde umbenannt in „Interne Seitenverweise“
 +
 +
 +
{{links|{{Logo|Tipp}}}} Ebenso bei ''wichtigem Text'', an dem man lange gearbeitet hat, sicher stellen, dass man eine Kopie hat, sonst kann das Werk bei technischen Fehlern verlorengehen (Seitenladefehler, Browser stürzt ab etc.). Vor dem Klicken auf {{Tastatur|{{int:preview}}}} besser den Seiteninhalt kopieren mittels {{Tastatur|Strg}}&nbsp;+ {{Keyboard|A}} (alles markieren) und {{Tastatur|Strg}}&nbsp;+ {{Tastatur|A}} (kopieren).
  
  

Version vom 7. Juni 2018, 08:02 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.

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 ;-).

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

Ebenso bei wichtigem Text, an dem man lange gearbeitet hat, sicher stellen, dass man eine Kopie hat, sonst kann das Werk bei technischen Fehlern verlorengehen (Seitenladefehler, Browser stürzt ab etc.). Vor dem Klicken auf Vorschau besser den Seiteninhalt kopieren mittels Strg + A (alles markieren) und Strg + A (kopieren).


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…;-)

Bilder und Medien

Zum Einfügen mehrerer Bilder in Form von Bildergalerien steht der <gallery>-Tag zur Verfügung. Die andere Möglichkeit ist Bilder einzeln einzubinden.

Symbolbild Ergebnis Wiki-Syntax Erläuterung
Vector toolbar insert image button.png
Als Bildchen (zentriert) „miniatur“ oder „thumb“ ist benutzerabhängig(!) skaliert (Benutzereinstellungen →     Aussehen    )
.

[[Datei:Bild.jpg]]
[[Datei:Bild.jpg|Bildbeschreibung/Hinweistext]]
[[Datei:Bild.jpg|Link „Mein Link“|link=Mein Link]]
[[Datei:Bild.jpg|kein Link|link=]]
[[Datei:Bild.jpg|Bildchen (zentriert)|miniatur|zentriert]]
[[Datei:Bild.jpg|Bildbreite 100px|100px]]
[[Datei:Bild.jpg|Bildhöhe 100px|x100px]]
[[Datei:Bildname.jpg|Bild maximal 100×100px|100x100px]]
[[Datei:Bildname.jpg|class=no-popup-image|Popup unterbinden]]

Bild (+ Link) zu einem Bild einfügen. Es sollte i.d.R. [[Datei:…]] verwendet werden (ausführlicher siehe Meta-Wiki Anleitung). Ausrichtung mittels: „links“, „zentriert“ oder „rechts“.
Vector toolbar insert picture gallery button.png

<gallery perrow="1" caption="Überschrift">
  Image:Example.jpg|Beschreibung 1
  Image:Example.jpg|Beschreibung 2
</gallery>

Bilder als eine (hier vertikale) Galerie eingefügt. Neben dem optionalen perrow=… gibt es desweiterhin in <gallery … > die Parameter
  • widths=…px und/oder heights=…px (mit Plural-‚s‘!) und
  • caption="Überschrift Bildergalerie".

Details siehe https://de.wikipedia.org/wiki/Hilfe:Galerie

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

Ungeordnete Listen (<ul>)

Typ Ergebnis Wiki-Syntax
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>

Definitions-Listen (<dl>)

Typ Beispiel/Ergebnis Wiki-Syntax
Standard
Begriff/Definition
lange Erklärung
Fachausdruck
Erklärungstext
Begriff mit Doppelpunkt:
lange Erklärung
; Begriff/Definition : lange Erklärung
; Fachausdruck
: Erklärungstext
; Begriff mit Doppelpunkt&#58;: lange Erklärung
Def.-Liste (flach)
Begriff/Definition
lange Erklärung
Fachausdruck
Erklärungstext
Begriff mit Doppelpunkt:
lange Erklärung

<div class="definition-inline">
; Begriff/Definition : lange Erklärung
; Fachausdruck
: Erklärungstext
; Begriff mit Doppelpunkt&#58;: lange Erklärung

</div>

Def.-Liste (Def. kursiv)
Wie unterstützt Du Open-Source-Kultur?
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
<div class="definition italic">
; Wie unterstützt Du Open-Source-Kultur?  : Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</div>
Def.-Liste (flach & Def. kursiv)
Begriff/Definition
lange Erklärung
Fachausdruck
Erklärungstext
Begriff mit Doppelpunkt:
lange Erklärung
<div class="definition-inline italic">
; Begriff/Definition : lange Erklärung
; Fachausdruck : Erklärungstext
; Begriff mit Doppelpunkt&#58;: lange Erklärung
</div>
Def.-Liste (nur <code> fett)

Optionale Vorlagenparameter und Pflichtparameter:

|Text= oder |text=
lange Erklärung
|Größe= oder |size= :
Begriff mit Doppelpunkt & lange Erklärung
Optionale Vorlagenparameter und '''Pflichtparameter''':
<div class="definition-inline code-bold-only">
; <code>|Text=</code> oder <code>|text=</code> : lange Erklärung
; <tt>|Größe=</tt> oder <tt>|size=</tt> &#58;: Begriff mit Doppelpunkt & lange Erklärung
</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