Hilfe:Bearbeiten

Aus Open Source Ecology - Germany
Version vom 7. Juni 2018, 08:39 Uhr von Andreas Plank (Diskussion | Beiträge) (Abschnitte andere Hierarchie, +Prozentstatus der Aufgabe Hilfe-Anleitung schreiben)
Zur Navigation springen Zur Suche springen

Hier eine Übersicht über die wichtige Wikiformatierungen, die wichtigsten findest Du in Hilfe:Schnellkurs für wichtigste Wiki-Formatierungen. Ausführliche Beschreibungen bin ins letzte Detail für Formatierungen und dgl. finden sich im englischen Handbuch des Meta-Wikis.

Beim Bearbeiten von Artikeln ist es eine gute Praxis, eine (knappe) Zusammenfassung bzw. einen Änderungsgrund anzugeben, vor dem schlussendlichen Seite speichern. 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

Tip: 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 + C (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>

Literatur und Quellenangaben

Zu tun – Hilfe-Anleitung schreiben (0% bearbeitet): Anhlaltspunkte siehe https://offene-naturfuehrer.de/web/Hilfe:Bearbeiten#Zitieren.2FFu.C3.9Fnoten.

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