Hilfe:Formatierung: Unterschied zwischen den Versionen
K (tabellengenerator) |
Bubum (Diskussion | Beiträge) (→Formatieren) |
||
(30 dazwischenliegende Versionen von 15 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
− | <div class="hs-box" style="background:#E0EEEE;"> | + | <div class="hs-box" style="background: #E0EEEE; border: 1px solid #abc; padding: 5px;"> |
{| style="background-color:white; font-size:normal; float: right; margin:3px 3px 3px 10px" | {| style="background-color:white; font-size:normal; float: right; margin:3px 3px 3px 10px" | ||
| colspan="2" style="background-color:#8DB6CD; text-align:center; padding:0.3em" | '''Textgestaltung''' | | colspan="2" style="background-color:#8DB6CD; text-align:center; padding:0.3em" | '''Textgestaltung''' | ||
|- | |- | ||
− | |style="background-color:#B9D3EE" | < | + | |style="background-color:#B9D3EE" | [[#Fett schreiben|<code><nowiki>'''fett'''</nowiki></code>]] |
|style="background-color:#CAE1FF" |'''fett''' | |style="background-color:#CAE1FF" |'''fett''' | ||
|- | |- | ||
− | |style="background-color:#B9D3EE" | < | + | |style="background-color:#B9D3EE" | [[#Kursiv schreiben|<code><nowiki>''kursiv''</nowiki></code>]] |
|style="background-color:#CAE1FF" |''kursiv'' | |style="background-color:#CAE1FF" |''kursiv'' | ||
|- | |- | ||
− | |style="background-color:#B9D3EE" | < | + | |style="background-color:#B9D3EE" | [[#Unterstreichung|<code><nowiki><u>unterstrichen</u></nowiki></code>]] |
|style="background-color:#CAE1FF" |<u>unterstrichen</u> | |style="background-color:#CAE1FF" |<u>unterstrichen</u> | ||
|- | |- | ||
− | |style="background-color:#B9D3EE" | < | + | |style="background-color:#B9D3EE" | [[#Durchstreichen|<code><nowiki><s>durchgestrichen</s></nowiki></code>]] |
|style="background-color:#CAE1FF" |<s>durchgestrichen</s> | |style="background-color:#CAE1FF" |<s>durchgestrichen</s> | ||
|- | |- | ||
− | |style="background-color:#B9D3EE" | < | + | |style="background-color:#B9D3EE" | [[#Zeilenumbrüche|<code><nowiki><br /></nowiki></code>]] |
− | |style="background-color:#CAE1FF" |Zeilenumbruch<br>Zeilenumbruch<br | + | |style="background-color:#CAE1FF" |Zeilenumbruch<br />Zeilenumbruch<br /> |
− | |||
− | |||
− | |||
|- | |- | ||
|style="background-color:#B9D3EE" | <pre><nowiki> | |style="background-color:#B9D3EE" | <pre><nowiki> | ||
Zeile 39: | Zeile 36: | ||
# drei | # drei | ||
|- | |- | ||
− | |style="background-color:#B9D3EE" | < | + | |style="background-color:#B9D3EE" | <code><nowiki>== Überschrift ==</nowiki></code> |
|style="background-color:#CAE1FF" | | |style="background-color:#CAE1FF" | | ||
− | + | {{ÜS2|Überschrift}} | |
− | |||
|- | |- | ||
− | |style="background-color:#B9D3EE" | < | + | |style="background-color:#B9D3EE" | <code><nowiki>=== Zwischenüberschrift ===</nowiki></code> |
|style="background-color:#CAE1FF" | | |style="background-color:#CAE1FF" | | ||
− | + | {{ÜS3|Zwischenüberschrift}} | |
|- | |- | ||
| colspan="2" style="background-color:#FFFFFF; text-align:center; padding:0.3em" | | | colspan="2" style="background-color:#FFFFFF; text-align:center; padding:0.3em" | | ||
Zeile 52: | Zeile 48: | ||
| colspan="2" style="background-color:#8DB6CD; text-align:center; padding:0.3em" | '''Links''' | | colspan="2" style="background-color:#8DB6CD; text-align:center; padding:0.3em" | '''Links''' | ||
|- | |- | ||
− | |style="background-color:#B9D3EE" | < | + | |style="background-color:#B9D3EE" | <code><nowiki>[[Link]]</nowiki></code> |
|style="background-color:#CAE1FF" |[[Link]] | |style="background-color:#CAE1FF" |[[Link]] | ||
|- | |- | ||
− | |style="background-color:#B9D3EE" | < | + | |style="background-color:#B9D3EE" | <code><nowiki>[[Link|Alternativtext]]</nowiki></code> |
|style="background-color:#CAE1FF" |[[Link|Alternativtext]] | |style="background-color:#CAE1FF" |[[Link|Alternativtext]] | ||
|- | |- | ||
− | |style="background-color:#B9D3EE" | < | + | |style="background-color:#B9D3EE" | <code><nowiki>http://www.example.com</nowiki></code> |
− | |style="background-color:#CAE1FF" | http://www. | + | |style="background-color:#CAE1FF" | http://www.example.com |
|- | |- | ||
− | |style="background-color:#B9D3EE" | < | + | |style="background-color:#B9D3EE" | <code><nowiki>[http://www.example.com Alternativtext]</nowiki></code> |
− | |style="background-color:#CAE1FF" | [http://www. | + | |style="background-color:#CAE1FF" | [http://www.example.com Alternativtext] |
|- | |- | ||
| colspan="2" style="background-color:#FFFFFF; text-align:center; padding:0.3em" | | | colspan="2" style="background-color:#FFFFFF; text-align:center; padding:0.3em" | | ||
Zeile 88: | Zeile 84: | ||
| colspan="2" style="background-color:#CAE1FF; text-align:center;" | Ohne dieses Wissen geht's mit dem [[Benutzer:Bernardissimo/Tabellengenerator|Tabellengenerator]]. | | colspan="2" style="background-color:#CAE1FF; text-align:center;" | Ohne dieses Wissen geht's mit dem [[Benutzer:Bernardissimo/Tabellengenerator|Tabellengenerator]]. | ||
|} | |} | ||
− | Wenn man auf den ''Bearbeiten''-Link am oberen Rand der Seite klickt, erscheint ein Eingabefeld mit dem Text der Seite. Darin steht größtenteils einfacher Text, aber auch einige spezielle Befehle, mit denen die Wiki-Software '''Links''', '''Listen''' und andere Formatierungen erstellt (siehe rechter Kasten). | + | Wenn man auf den ''Bearbeiten''-Link am oberen Rand der Seite klickt, erscheint ein Eingabefeld mit dem Text der Seite. Das ist der ''Editor''. Darin steht größtenteils einfacher Text, aber auch einige spezielle Befehle, mit denen die Wiki-Software '''Links''', '''Listen''' und andere Formatierungen erstellt (siehe rechter Kasten). |
− | + | Über dem Editor finden sich, wenn JavaScript aktiviert ist, ein paar Knöpfe, die die nachfolgend erklärten Formatierungen per Klick einfügen, bzw. auf den markierten Text anwenden. | |
+ | |||
+ | Unter dem Editor ist die Schaltfläche ''Artikel speichern'', die speichert die Änderungen. ''Vorschau zeigen'' zeigt die Seite mit den noch nicht gespeicherten Veränderungen an. Vor dem Speichern bitte '''immer''' die Vorschau benutzen, um zu sehen, ob die Formatierungen so funktionieren, wie man gedacht hat. Außerdem bitte '''immer''' eine kurze Zusammenfassung der Änderungen in das Feld ''Zusammenfassung'' eintragen. | ||
Zum Ausprobieren könnt ihr unser '''[[Stupidedia:Labor|Labor]]''' benutzen, allerdings müsst ihr für mögliche entstandene Schäden durch fehlgeschlagene Experimente selbst aufkommen ;-) | Zum Ausprobieren könnt ihr unser '''[[Stupidedia:Labor|Labor]]''' benutzen, allerdings müsst ihr für mögliche entstandene Schäden durch fehlgeschlagene Experimente selbst aufkommen ;-) | ||
− | |||
− | |||
− | |||
− | |||
− | == < | + | == <span style="color: darkblue;">Formatieren</span> == |
− | Ein Artikel, der optisch gut aussieht, liest sich gleich viel besser und angenehmer.<br> | + | Ein Artikel, der optisch gut aussieht, liest sich gleich viel besser und angenehmer.<br /> |
Wenn einfach nur Text an Text an Text (usw.) gehängt wird, dann sieht ein Artikel | Wenn einfach nur Text an Text an Text (usw.) gehängt wird, dann sieht ein Artikel | ||
− | #nicht schön aus und | + | # nicht schön aus und |
− | #ist das Lesen eher mühselig als angenehm. | + | # ist das Lesen eher mühselig als angenehm. |
− | Um diesem Problem | + | Um diesem Problem aus dem Weg zu gehen, gibt es zahlreiche Funktionen und Dinge, die man verwenden kann, um einen Artikel richtig schön zu gestalten. |
− | + | === <span style="color: darkblue;">Zahlen hoch/tief stellen</span> === | |
− | === < | + | Hochstellung <nowiki><sup>2</sup></nowiki> wird zu <sup>2</sup><br /> |
+ | Tiefstellung <nowiki><sub>2</sub></nowiki> wird zu <sub>2</sub><br /> | ||
+ | |||
+ | === <span style="color: darkblue;">Fett schreiben</span> === | ||
Wenn man einen Text '''fett''' geschrieben haben will, muss man den betroffenen Text mit <nowiki>'''</nowiki> einklammern. Beispiel: | Wenn man einen Text '''fett''' geschrieben haben will, muss man den betroffenen Text mit <nowiki>'''</nowiki> einklammern. Beispiel: | ||
<pre> | <pre> | ||
Zeile 115: | Zeile 112: | ||
Dieser '''Text sollte fett''' geschrieben sein. | Dieser '''Text sollte fett''' geschrieben sein. | ||
− | + | Formatierungsknopf: {{Editbutton|Text='''F'''|Titel=Fetter Text (Beispielbutton)}} | |
− | === < | + | === <span style="color: darkblue;">Kursiv schreiben</span> === |
− | + | Ähnlich wie das Fettschreiben funktioniert auch das ''kursiv''. Man muss lediglich nur 2 Anführungszeichen verwenden. Also: | |
<pre> | <pre> | ||
Dieser ''Text sollte kursiv'' geschrieben sein. | Dieser ''Text sollte kursiv'' geschrieben sein. | ||
Zeile 126: | Zeile 123: | ||
Dieser ''Text sollte kursiv'' geschrieben sein. | Dieser ''Text sollte kursiv'' geschrieben sein. | ||
− | + | Formatierungsknopf: {{Editbutton|Text=''K''|Titel=Kursiver Text (Beispielbutton)}} | |
− | === < | + | === <span style="color: darkblue;">Unterstreichung</span> === |
− | Für das Unterstreichen eines Textabschnittes gibt es keinen eigenen | + | Für das Unterstreichen eines Textabschnittes gibt es keinen eigenen MediaWiki-Befehl. Daher muss an dieser Stelle HTML-Code verwendet werden. Beispiel: |
<pre> | <pre> | ||
Dieser <u>Text sollte unterstrichen</u> sein | Dieser <u>Text sollte unterstrichen</u> sein | ||
Zeile 137: | Zeile 134: | ||
Dieser <u>Text sollte unterstrichen</u> sein | Dieser <u>Text sollte unterstrichen</u> sein | ||
− | + | Formatierungsknopf: {{Editbutton|Text=<u>U</u>|Titel=Unterstrichener Text (Beispielbutton)}} ([[Spezial:Einstellungen#mw-prefsection-gadgets|Erweiterte Bearbeitungstoolbar]] muss aktiviert sein) | |
− | === < | + | === <span style="color: darkblue;">Durchstreichen</span> === |
− | Für das Durchstreichen eines Textabschnittes gibt es ebenfalls nur | + | Für das Durchstreichen eines Textabschnittes gibt es ebenfalls nur HTML-Code. Dieser lautet wie folgt: |
<pre> | <pre> | ||
Dieser <s>Text sollte durchgestrichen</s> sein. | Dieser <s>Text sollte durchgestrichen</s> sein. | ||
Zeile 148: | Zeile 145: | ||
Dieser <s>Text sollte durchgestrichen</s> sein. | Dieser <s>Text sollte durchgestrichen</s> sein. | ||
− | === < | + | Formatierungsknopf: {{Editbutton|Text=<big><s> S </s></big>|Titel=Durchgestrichener Text (Beispielbutton)}} ([[Spezial:Einstellungen#mw-prefsection-gadgets|Erweiterte Bearbeitungstoolbar]] muss aktiviert sein) |
− | Für das Einfärben der Schrift : | + | |
+ | === <span style="color: darkblue;">Schriftfarbe ändern</span> === | ||
+ | Für das Einfärben der Schrift: | ||
<pre> | <pre> | ||
− | < | + | <span style="color: red;">Dieser Text sollte rot sein.</span> |
</pre> | </pre> | ||
Das sollte dann so aussehen: | Das sollte dann so aussehen: | ||
− | < | + | <span style="color: red;">Dieser Text sollte rot sein.</span> |
− | === < | + | Formatierungsknopf: {{Editbutton|Bild=Schriftfarbe.svg|Breite=17px|Titel=Farbiger Text (Beispielbutton)}} ([[Spezial:Einstellungen#mw-prefsection-gadgets|Erweiterte Bearbeitungstoolbar]] muss aktiviert sein) |
+ | |||
+ | === <span style="color: darkblue;">Schrifthintergrund ändern</span> === | ||
Für das Ändern des Schrifthintergrundes: | Für das Ändern des Schrifthintergrundes: | ||
<pre> | <pre> | ||
− | < | + | <span style="background: yellow;">Dieser Text sollte gelb hinterlegt sein</span> |
</pre> | </pre> | ||
Das sollte dann so aussehen: | Das sollte dann so aussehen: | ||
− | < | + | <span style="background: yellow;">Dieser Text sollte gelb hinterlegt sein</span> |
− | === | + | Formatierungsknopf: {{Editbutton|Bild=Hintergrundfarbe.svg|Breite=22px|Titel=Farbiger Hintergrund (Beispielbutton)}} ([[Spezial:Einstellungen#mw-prefsection-gadgets|Erweiterte Bearbeitungstoolbar]] muss aktiviert sein) |
− | |||
− | === < | + | === <span style="color: darkblue;">HTML einbinden</span> === |
− | Es reicht nicht, | + | Man kann alle HTML-Tags einbinden, die [http://meta.wikimedia.org/wiki/Help:HTML_in_wikitext#Permitted_HTML hier] aufgelistet sind. Der Rest ist aufgrund von Sicherheitsrisiken deaktiviert oder ersetzt worden. <small>Beispiel: der HTML-Tag <a> wurde durch <nowiki>[http://...]</nowiki> ersetzt.</small> ''Wie'' genau man HTML einbindet, steht auf diversen Internetseiten. |
+ | |||
+ | === <span style="color: darkblue;">Zeilenumbrüche</span> === | ||
+ | Es reicht nicht, im Bearbeitungsfenster einfach durch das Drücken der Enter-Taste einen Zeilenumbruch zu machen, hier muss ebenfalls ein HTML-Code verwendet werden. Das sieht dann so aus: | ||
<pre> | <pre> | ||
− | Dieser Text steht<br>in zwei Zeilen | + | Dieser Text steht<br />in zwei Zeilen |
</pre> | </pre> | ||
Das sollte dann so aussehen: | Das sollte dann so aussehen: | ||
− | Dieser Text steht<br>in zwei Zeilen | + | Dieser Text steht<br />in zwei Zeilen |
− | + | Formatierungsknopf: {{Editbutton|Text=<big>↵</big>|Titel=Zeilenumbruch (Beispielbutton)}} ([[Spezial:Einstellungen#mw-prefsection-gadgets|Erweiterte Bearbeitungstoolbar]] muss aktiviert sein) | |
− | === < | + | === <span style="color: darkblue;">Absätze</span> === |
Im Gegensatz zu Zeilenumbrüchen werden Absätze, die man im Bearbeitungsfenster macht, ausgeführt. Also: | Im Gegensatz zu Zeilenumbrüchen werden Absätze, die man im Bearbeitungsfenster macht, ausgeführt. Also: | ||
<pre> | <pre> | ||
− | Innerhalb dieses Textes | + | Innerhalb dieses Textes |
− | + | ||
+ | sollte ein Absatz sein. | ||
</pre> | </pre> | ||
Dies äußert sich im Endeffekt so: | Dies äußert sich im Endeffekt so: | ||
Zeile 190: | Zeile 194: | ||
Innerhalb dieses Textes | Innerhalb dieses Textes | ||
− | + | sollte ein Absatz sein. | |
+ | |||
+ | === <span style="color: darkblue;">Ausrichtung</span> === | ||
+ | Wenn der Text nicht wie normal linksbündig sein soll, kann man folgendes verwenden: | ||
+ | <pre><nowiki> | ||
+ | <div class="right">Dies ist ein rechtsbündiger Text.</div> | ||
+ | <div class="center">Dies ist ein zentrierter Text.</div> | ||
+ | <div class"justify">Dies ist Blocktext, [...] </div> | ||
+ | </nowiki></pre> | ||
− | + | wird zu: | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="right">Dies ist ein rechtsbündiger Text. </div> | |
− | + | <div class="center">Dies ist ein zentrierter Text. </div> | |
+ | <div class="justify">Dies Blocktext, aber damit man seine Auswirkungen sieht, muss er so lang sein, dass ich automatisch vom Bildschirm abgebrochen werde, am besten mehrfach. Blocktext geht sowohl ganz nach links als auch ganz nach rechts, wodurch der Rand des Textes glatt aussieht. Blocktext sollte nicht in normalen Artikeln verwendet werden, sondern – wenn überhaupt – nur in nicht-enzyklopädischen Artikeln aus dem [[Stupidedia:Namensräume|Diverses-Raum]]. [Um das Beispiel für den Blocksatz noch etwas zu verdeutlichen, kommt hier jetzt ein Satz, der nur der Verlängerung dient und keine eigenen Informationen beinhaltet.]</div> | ||
− | + | Formatierungsknöpfe ([[Spezial:Einstellungen#mw-prefsection-gadgets|Erweiterte Bearbeitungstoolbar]] muss aktiviert sein): | |
− | + | : {{Editbutton|Bild=Align center.png|Breite=17px|Titel=Text zentrieren (Beispielbutton)}} Zentriert | |
− | + | : {{Editbutton|Bild=Align right.png|Breite=17px|Titel=Text Rechtsbündig ausrichten (Beispielbutton)}} Rechtsbündig | |
− | + | : {{Editbutton|Bild=Align justify.png|Breite=17px|Titel=Blocksatz (Beispielbutton)}} Blocksatz | |
− | |||
− | |||
− | + | === <span style="color: darkblue;">Mathematische Formeln</span> === | |
− | + | Man kann in einem Artikel mathematische Formeln nach dem Prinzip: [[Wikipedia:de:LaTeX|LaTeX]] erstellen oder indem man die Formeln in <code><nowiki><math></math></nowiki></code>-Tags schreibt. Ein Helfer für LaTeX ist [http://www.matheboard.de/formeleditor.php hier] zu finden. | |
+ | Beispiel: | ||
+ | <pre> <math> \frac{-b\pm\sqrt{b^2-4ac}}{2a} </math> </pre> | ||
− | + | wird zu | |
− | |||
− | |||
− | + | <math> \frac{-b\pm\sqrt{b^2-4ac}}{2a} </math> | |
− | |||
− | |||
− | |||
− | |||
− | + | Formatierungsknopf: {{Editbutton|Bild=Wurzel mit Radikand.svg|Breite=17|Titel=Mathematische Formel einfügen (LaTeX) (Beispielbutton)}} | |
− | Für Überschriften, die | + | === Zahlen mit Maßeinheiten === |
+ | Zwischen Zahlen und Maßeinheiten gehört korrekterweise ein [[wikipedia:de:Schmales Leerzeichen|schmales umbruchgeschütztes Leerzeichen]]. Ohne Leerzeichen wäre es verkehrt und mit nicht geschütztem Leerzeichen kann es vorkommen, dass die Zahl in der einen und das Einheitensymbol in der folgenden Zeile steht. Das sieht aber scheiße aus. Also nutzt man ein geschütztes Leerzeichen. Und das geht so: | ||
+ | |||
+ | &#x202f; | ||
+ | Zum Beispiel: | ||
+ | 10<span style="color: green; font-weight:bold">&#x202f;</span>m | ||
+ | wird zu: | ||
+ | :10 m | ||
+ | |||
+ | === <span style="color: darkblue;">Überschriften</span> === | ||
+ | Überschriften haben die Aufgabe, einen Artikel in mehrere Abschnitte zu gliedern, die sich nach dem Speichern auch einzeln bearbeiten lassen.<br /> | ||
+ | Unterteilt längere Artikel möglichst mithilfe von Zwischenüberschriften, um sie übersichtlicher und damit leserfreundlich zu gestalten. Dies macht ihr, indem ihr auf jeder Seite der Zwischenüberschrift jeweils 2 bis 5 '''=''' setzt.<br /> | ||
+ | Überschriften beginnen '''immer''' am linken Rand des Texteingabefensters - sonst werden sie vom System nicht als solche erkannt. | ||
+ | |||
+ | Es gibt 6 verschiedene Überschriften in der Stupidedia. Diese werden mit folgenden Befehlen angelegt: | ||
+ | |||
+ | <pre> | ||
+ | = Überschrift 1. Ebene = | ||
+ | == Überschrift 2. Ebene == | ||
+ | === Überschrift 3. Ebene === | ||
+ | ==== Überschrift 4. Ebene ==== | ||
+ | ===== Überschrift 5. Ebene ===== | ||
+ | ====== Überschrift 6. Ebene ====== | ||
+ | </pre> | ||
+ | |||
+ | Achtet unbedingt darauf, dass links und rechts von der Überschrift jeweils die gleiche Anzahl an '''=''' vorhanden ist.<br /> | ||
+ | Vor der Überschrift solltet ihr '''nur eine''' Zeile frei lassen - das genügt. In die Zeile direkt unter der Überschrift lassen sich Bilder am besten einfügen. | ||
+ | |||
+ | Wir empfehlen, von der Überschrift 1. Ebene am besten gar keinen Gebrauch zu machen, da diese dieselbe Größe wie die Artikelüberschrift hat.<br /> | ||
+ | Sobald ein Artikel mehr als 3 Überschriften hat, bekommt dieser automatisch ein Inhaltsverzeichnis (oben zu sehen). In diesem Inhaltsverzeichnis werden die einzelnen Abschnitte des Artikels anhand der Überschriftenebene gestaffelt. Das bedeutet im Klartext, wenn ihr zum Beispiel zwei Abschnitte in eurem Artikel macht, die jeweils mit einer Überschrift 2. Ebene beginnen, dann steht im Inhaltsverzeichnis: | ||
+ | # Absatz 1 | ||
+ | # Absatz 2 | ||
+ | |||
+ | Die einzelnen Abschnitte lassen sich mit kleineren Überschriftenebenen weiter untergliedern. Schreibt ihr beispielsweise erst einen Absatz mit einer Überschrift 2. Ebene, dann einen mit einer Überschrift 3. Ebene und danach wieder einen mit einer Überschrift 2. Ebene, so wird das nach dem Speichern im Inhaltsverzeichnis wie folgt gestaffelt: | ||
+ | # Absatz1 | ||
+ | ## Unterabsatz1 | ||
+ | # Absatz2 | ||
+ | |||
+ | Diese Funktion lässt sich je nach der Ebene der Überschrift weiter fortführen. Es kann also jede größere Überschrift durch mehrere kleinere Überschriften mehrmals untergliedert werden. | ||
+ | |||
+ | Für Überschriften, die <u>nicht</u> im Inhaltsverzeichnis gelistet werden sollen, gibt es die sogenannte „Überschriftensimulation“.<br /> | ||
Diese werden mittels Vorlagen eingebaut: | Diese werden mittels Vorlagen eingebaut: | ||
− | *<nowiki>{{ÜS1|Text der Überschrift}}</nowiki> | + | * <nowiki>{{ÜS1|Text der Überschrift}}</nowiki> |
− | *<nowiki>{{ÜS2|Text der Überschrift}}</nowiki> | + | * <nowiki>{{ÜS2|Text der Überschrift}}</nowiki> |
− | *<nowiki>{{ÜS3|Text der Überschrift}}</nowiki> | + | * <nowiki>{{ÜS3|Text der Überschrift}}</nowiki> |
− | === < | + | === <span style="color: darkblue;">Listen</span> === |
− | Es gibt | + | Es gibt 4 Arten von Aufzählungszeichen: '''#''' (Doppelkreuz), '''*''' (Stern), ''':''' (Doppelpunkt) und ''';''' (Semikolon). |
− | Das # wird zu einer Zahl | + | |
− | Ebenso wie bei der Überschrift ist darauf zu achten, dass dies nur dann funktioniert, wenn diese Zeichen am linken Rand des | + | Das # wird zu einer Zahl, der * zu einem größeren Stern, der : rückt den Listeieintrag ein, das ; macht den Listeneintrag fett. |
− | + | ||
− | {| align= | + | Ebenso wie bei der Überschrift ist darauf zu achten, dass dies nur dann funktioniert, wenn diese Zeichen am linken Rand des Editors gesetzt werden. <br> |
+ | Es ist zu beachten, dass der erste : (und nur der) nach einem ; (und nur da) immer wie ein : am Anfang einer neuen Zeile behandelt wird. | ||
+ | |||
+ | Bei dem # wird eine Zahlenfolge fortgeführt, wenn ihr die Aufzählungen genau untereinander macht (ohne Leerzeile!). | ||
+ | |||
+ | {| align=center style="background: lightblue; padding: 0px; border: 1px solid #aaa; margin-bottom: 3px; border-collapse:collapse" border="1" cellspacing="0" cellpadding="10" | ||
|---- | |---- | ||
! style="background: blue; white-space:nowrap" width="220px" | '''Beschreibung''' | ! style="background: blue; white-space:nowrap" width="220px" | '''Beschreibung''' | ||
Zeile 249: | Zeile 290: | ||
|---- | |---- | ||
| valign="top" | | | valign="top" | | ||
− | + | Sterne <nowiki>*</nowiki> erstellen ungeordnete Listen. Um einen Einschub darzustellen, schreibt man den Stern mehrmals hintereinander. | |
| valign="top" | | | valign="top" | | ||
<pre><nowiki> | <pre><nowiki> | ||
Zeile 294: | Zeile 335: | ||
# bla4 | # bla4 | ||
|---- | |---- | ||
+ | | valign="top" | Eine Definitionsliste besteht aus einem Eintrag und einer oder mehreren Definitionen. | ||
| valign="top" | | | valign="top" | | ||
− | + | <pre> | |
+ | ; bla1 | ||
+ | : blubb1 | ||
+ | ; bla2 : blubb2 : nicht blubb3 | ||
+ | :; bla2.1 | ||
+ | : blubb2.1 | ||
+ | :: blubb2.1.1 | ||
+ | ; bla3 | ||
+ | </pre> | ||
+ | | valign="top" | | ||
+ | ; bla1 | ||
+ | : blubb1 | ||
+ | ; bla2 : blubb2 : nicht blubb3 | ||
+ | :; bla2.1 | ||
+ | : blubb2.1 | ||
+ | :: blubb2.1.1 | ||
+ | ; bla3 | ||
+ | |||
+ | |---- | ||
+ | | valign="top" | | ||
+ | Man kann das natürlich auch alles witzig kombinieren | ||
| valign="top" | | | valign="top" | | ||
<pre><nowiki> | <pre><nowiki> | ||
# bla1 | # bla1 | ||
# bla2 | # bla2 | ||
− | + | #* bla2.1 | |
− | + | #*; bla2.2 : blubb 2.2 | |
− | + | #** bla2.2.1 | |
− | + | ##* bla2.3 | |
# bla3 | # bla3 | ||
# bla4 | # bla4 | ||
Zeile 310: | Zeile 372: | ||
# bla1 | # bla1 | ||
# bla2 | # bla2 | ||
− | + | #* bla2.1 | |
− | + | #*; bla2.2 : blubb 2.2 | |
− | + | #** bla2.2.1 | |
− | + | ##* bla2.3 | |
# bla3 | # bla3 | ||
# bla4 | # bla4 | ||
|} | |} | ||
− | + | ||
− | + | == <span style="color: darkblue;">Bilder</span> == | |
− | + | Es gibt Haufenweise Formatierungsoptionen für Bilder, daher haben Bilder ihre eigene Hilfeseite bekommen: '''[[Hilfe:Bilder]]''' | |
− | + | ||
+ | </div> |
Aktuelle Version vom 6. Januar 2018, 15:44 Uhr
Textgestaltung | |||||
'''fett'''
|
fett | ||||
''kursiv''
|
kursiv | ||||
<u>unterstrichen</u>
|
unterstrichen | ||||
<s>durchgestrichen</s>
|
|||||
<br />
|
Zeilenumbruch Zeilenumbruch | ||||
* eins * zwei * drei |
| ||||
# eins # zwei # drei |
| ||||
== Überschrift ==
|
Überschrift
| ||||
=== Zwischenüberschrift ===
|
Zwischenüberschrift
| ||||
Links | |||||
[[Link]]
|
Link | ||||
[[Link|Alternativtext]]
|
Alternativtext | ||||
http://www.example.com
|
http://www.example.com | ||||
[http://www.example.com Alternativtext]
|
Alternativtext | ||||
Tabellen | |||||
{| |eins ||zwei |- |drei ||vier |} |
| ||||
Ohne dieses Wissen geht's mit dem Tabellengenerator. |
Wenn man auf den Bearbeiten-Link am oberen Rand der Seite klickt, erscheint ein Eingabefeld mit dem Text der Seite. Das ist der Editor. Darin steht größtenteils einfacher Text, aber auch einige spezielle Befehle, mit denen die Wiki-Software Links, Listen und andere Formatierungen erstellt (siehe rechter Kasten).
Über dem Editor finden sich, wenn JavaScript aktiviert ist, ein paar Knöpfe, die die nachfolgend erklärten Formatierungen per Klick einfügen, bzw. auf den markierten Text anwenden.
Unter dem Editor ist die Schaltfläche Artikel speichern, die speichert die Änderungen. Vorschau zeigen zeigt die Seite mit den noch nicht gespeicherten Veränderungen an. Vor dem Speichern bitte immer die Vorschau benutzen, um zu sehen, ob die Formatierungen so funktionieren, wie man gedacht hat. Außerdem bitte immer eine kurze Zusammenfassung der Änderungen in das Feld Zusammenfassung eintragen.
Zum Ausprobieren könnt ihr unser Labor benutzen, allerdings müsst ihr für mögliche entstandene Schäden durch fehlgeschlagene Experimente selbst aufkommen ;-)
Inhaltsverzeichnis
- 1 Formatieren
- 1.1 Zahlen hoch/tief stellen
- 1.2 Fett schreiben
- 1.3 Kursiv schreiben
- 1.4 Unterstreichung
- 1.5 Durchstreichen
- 1.6 Schriftfarbe ändern
- 1.7 Schrifthintergrund ändern
- 1.8 HTML einbinden
- 1.9 Zeilenumbrüche
- 1.10 Absätze
- 1.11 Ausrichtung
- 1.12 Mathematische Formeln
- 1.13 Zahlen mit Maßeinheiten
- 1.14 Überschriften
- 1.15 Listen
- 2 Bilder
Formatieren
Ein Artikel, der optisch gut aussieht, liest sich gleich viel besser und angenehmer.
Wenn einfach nur Text an Text an Text (usw.) gehängt wird, dann sieht ein Artikel
- nicht schön aus und
- ist das Lesen eher mühselig als angenehm.
Um diesem Problem aus dem Weg zu gehen, gibt es zahlreiche Funktionen und Dinge, die man verwenden kann, um einen Artikel richtig schön zu gestalten.
Zahlen hoch/tief stellen
Hochstellung <sup>2</sup> wird zu 2
Tiefstellung <sub>2</sub> wird zu 2
Fett schreiben
Wenn man einen Text fett geschrieben haben will, muss man den betroffenen Text mit ''' einklammern. Beispiel:
Dieser '''Text sollte fett''' geschrieben sein.
Das sieht dann folgendermaßen aus:
Dieser Text sollte fett geschrieben sein.
Formatierungsknopf:Kursiv schreiben
Ähnlich wie das Fettschreiben funktioniert auch das kursiv. Man muss lediglich nur 2 Anführungszeichen verwenden. Also:
Dieser ''Text sollte kursiv'' geschrieben sein.
Das sollte dann so aussehen:
Dieser Text sollte kursiv geschrieben sein.
Formatierungsknopf:Unterstreichung
Für das Unterstreichen eines Textabschnittes gibt es keinen eigenen MediaWiki-Befehl. Daher muss an dieser Stelle HTML-Code verwendet werden. Beispiel:
Dieser <u>Text sollte unterstrichen</u> sein
Das sollte dann folgendermaßen aussehen:
Dieser Text sollte unterstrichen sein
Formatierungsknopf:Durchstreichen
Für das Durchstreichen eines Textabschnittes gibt es ebenfalls nur HTML-Code. Dieser lautet wie folgt:
Dieser <s>Text sollte durchgestrichen</s> sein.
Das sollte dann so aussehen:
Dieser Text sollte durchgestrichen sein.
Schriftfarbe ändern
Für das Einfärben der Schrift:
<span style="color: red;">Dieser Text sollte rot sein.</span>
Das sollte dann so aussehen:
Dieser Text sollte rot sein.
Formatierungsknopf: (Erweiterte Bearbeitungstoolbar muss aktiviert sein)Schrifthintergrund ändern
Für das Ändern des Schrifthintergrundes:
<span style="background: yellow;">Dieser Text sollte gelb hinterlegt sein</span>
Das sollte dann so aussehen:
Dieser Text sollte gelb hinterlegt sein
Formatierungsknopf: (Erweiterte Bearbeitungstoolbar muss aktiviert sein)HTML einbinden
Man kann alle HTML-Tags einbinden, die hier aufgelistet sind. Der Rest ist aufgrund von Sicherheitsrisiken deaktiviert oder ersetzt worden. Beispiel: der HTML-Tag <a> wurde durch [http://...] ersetzt. Wie genau man HTML einbindet, steht auf diversen Internetseiten.
Zeilenumbrüche
Es reicht nicht, im Bearbeitungsfenster einfach durch das Drücken der Enter-Taste einen Zeilenumbruch zu machen, hier muss ebenfalls ein HTML-Code verwendet werden. Das sieht dann so aus:
Dieser Text steht<br />in zwei Zeilen
Das sollte dann so aussehen:
Dieser Text steht
in zwei Zeilen
Absätze
Im Gegensatz zu Zeilenumbrüchen werden Absätze, die man im Bearbeitungsfenster macht, ausgeführt. Also:
Innerhalb dieses Textes sollte ein Absatz sein.
Dies äußert sich im Endeffekt so:
Innerhalb dieses Textes
sollte ein Absatz sein.
Ausrichtung
Wenn der Text nicht wie normal linksbündig sein soll, kann man folgendes verwenden:
<div class="right">Dies ist ein rechtsbündiger Text.</div> <div class="center">Dies ist ein zentrierter Text.</div> <div class"justify">Dies ist Blocktext, [...] </div>
wird zu:
Formatierungsknöpfe (Erweiterte Bearbeitungstoolbar muss aktiviert sein):
- Zentriert
- Rechtsbündig
- Blocksatz
Mathematische Formeln
Man kann in einem Artikel mathematische Formeln nach dem Prinzip: LaTeX erstellen oder indem man die Formeln in <math></math>
-Tags schreibt. Ein Helfer für LaTeX ist hier zu finden.
Beispiel:
<math> \frac{-b\pm\sqrt{b^2-4ac}}{2a} </math>
wird zu
[math] \frac{-b\pm\sqrt{b^2-4ac}}{2a} [/math]
Formatierungsknopf:Zahlen mit Maßeinheiten
Zwischen Zahlen und Maßeinheiten gehört korrekterweise ein schmales umbruchgeschütztes Leerzeichen. Ohne Leerzeichen wäre es verkehrt und mit nicht geschütztem Leerzeichen kann es vorkommen, dass die Zahl in der einen und das Einheitensymbol in der folgenden Zeile steht. Das sieht aber scheiße aus. Also nutzt man ein geschütztes Leerzeichen. Und das geht so:
 
Zum Beispiel:
10 m
wird zu:
- 10 m
Überschriften
Überschriften haben die Aufgabe, einen Artikel in mehrere Abschnitte zu gliedern, die sich nach dem Speichern auch einzeln bearbeiten lassen.
Unterteilt längere Artikel möglichst mithilfe von Zwischenüberschriften, um sie übersichtlicher und damit leserfreundlich zu gestalten. Dies macht ihr, indem ihr auf jeder Seite der Zwischenüberschrift jeweils 2 bis 5 = setzt.
Überschriften beginnen immer am linken Rand des Texteingabefensters - sonst werden sie vom System nicht als solche erkannt.
Es gibt 6 verschiedene Überschriften in der Stupidedia. Diese werden mit folgenden Befehlen angelegt:
= Überschrift 1. Ebene = == Überschrift 2. Ebene == === Überschrift 3. Ebene === ==== Überschrift 4. Ebene ==== ===== Überschrift 5. Ebene ===== ====== Überschrift 6. Ebene ======
Achtet unbedingt darauf, dass links und rechts von der Überschrift jeweils die gleiche Anzahl an = vorhanden ist.
Vor der Überschrift solltet ihr nur eine Zeile frei lassen - das genügt. In die Zeile direkt unter der Überschrift lassen sich Bilder am besten einfügen.
Wir empfehlen, von der Überschrift 1. Ebene am besten gar keinen Gebrauch zu machen, da diese dieselbe Größe wie die Artikelüberschrift hat.
Sobald ein Artikel mehr als 3 Überschriften hat, bekommt dieser automatisch ein Inhaltsverzeichnis (oben zu sehen). In diesem Inhaltsverzeichnis werden die einzelnen Abschnitte des Artikels anhand der Überschriftenebene gestaffelt. Das bedeutet im Klartext, wenn ihr zum Beispiel zwei Abschnitte in eurem Artikel macht, die jeweils mit einer Überschrift 2. Ebene beginnen, dann steht im Inhaltsverzeichnis:
- Absatz 1
- Absatz 2
Die einzelnen Abschnitte lassen sich mit kleineren Überschriftenebenen weiter untergliedern. Schreibt ihr beispielsweise erst einen Absatz mit einer Überschrift 2. Ebene, dann einen mit einer Überschrift 3. Ebene und danach wieder einen mit einer Überschrift 2. Ebene, so wird das nach dem Speichern im Inhaltsverzeichnis wie folgt gestaffelt:
- Absatz1
- Unterabsatz1
- Absatz2
Diese Funktion lässt sich je nach der Ebene der Überschrift weiter fortführen. Es kann also jede größere Überschrift durch mehrere kleinere Überschriften mehrmals untergliedert werden.
Für Überschriften, die nicht im Inhaltsverzeichnis gelistet werden sollen, gibt es die sogenannte „Überschriftensimulation“.
Diese werden mittels Vorlagen eingebaut:
- {{ÜS1|Text der Überschrift}}
- {{ÜS2|Text der Überschrift}}
- {{ÜS3|Text der Überschrift}}
Listen
Es gibt 4 Arten von Aufzählungszeichen: # (Doppelkreuz), * (Stern), : (Doppelpunkt) und ; (Semikolon).
Das # wird zu einer Zahl, der * zu einem größeren Stern, der : rückt den Listeieintrag ein, das ; macht den Listeneintrag fett.
Ebenso wie bei der Überschrift ist darauf zu achten, dass dies nur dann funktioniert, wenn diese Zeichen am linken Rand des Editors gesetzt werden.
Es ist zu beachten, dass der erste : (und nur der) nach einem ; (und nur da) immer wie ein : am Anfang einer neuen Zeile behandelt wird.
Bei dem # wird eine Zahlenfolge fortgeführt, wenn ihr die Aufzählungen genau untereinander macht (ohne Leerzeile!).
Beschreibung | Editorschreibweise | Darstellung |
---|---|---|
Sterne * erstellen ungeordnete Listen. Um einen Einschub darzustellen, schreibt man den Stern mehrmals hintereinander. |
* bla1 * bla2 ** bla2.1 ** bla2.2 *** bla2.2.1 ** bla2.3 * bla3 * bla4 |
|
Eine Aufzählung mit Nummerierung erreicht man mit dem Rautezeichen #. Es funktioniert wie der Stern. |
# bla1 # bla2 ## bla2.1 ## bla2.2 ### bla2.2.1 ## bla2.3 # bla3 # bla4 |
|
Eine Definitionsliste besteht aus einem Eintrag und einer oder mehreren Definitionen. |
; bla1 : blubb1 ; bla2 : blubb2 : nicht blubb3 :; bla2.1 : blubb2.1 :: blubb2.1.1 ; bla3 |
|
Man kann das natürlich auch alles witzig kombinieren |
# bla1 # bla2 #* bla2.1 #*; bla2.2 : blubb 2.2 #** bla2.2.1 ##* bla2.3 # bla3 # bla4 |
|
Bilder
Es gibt Haufenweise Formatierungsoptionen für Bilder, daher haben Bilder ihre eigene Hilfeseite bekommen: Hilfe:Bilder