Hilfe:Boxen: Unterschied zwischen den Versionen

Aus ZUM Grundschullernportal
K (Code aufgeräumt)
Markierung: 2017-Quelltext-Bearbeitung
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Hilfe Navigation}} Für das einheitliche Hervorheben von ähnlichen Inhalten soll die Vorlage "Box" verwendet werden.
{{Hilfe Navigation}}  
 
Für das einheitliche Hervorheben von ähnlichen Inhalten soll die Vorlage "Box" verwendet werden.


==Beispiel==
==Beispiel==
Zeile 34: Zeile 36:
<div class="width-1-2">
<div class="width-1-2">
'''Hervorhebung 1'''
'''Hervorhebung 1'''
<pre>{{Box|Hervorhebung1|...| Hervorhebung1}}</pre>
<pre>{{Box|Hervorhebung1|mit Text für Hervorhebungen| Hervorhebung1}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{Box|Hervorhebung1|...|Hervorhebung1}}
{{Box|Hervorhebung1|mit Text für Hervorhebungen|Hervorhebung1}}
</div>
</div>
</div>
</div>
Zeile 44: Zeile 46:
<div class="width-1-2">
<div class="width-1-2">
'''Hervorhebung 2'''
'''Hervorhebung 2'''
<pre>{{Box|Hervorhebung2|...|Hervorhebung2}}</pre>
<pre>{{Box|Hervorhebung2|mit Text für Hervorhebungen|Hervorhebung2}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{Box|Hervorhebung2|...|Hervorhebung2}}
{{Box|Hervorhebung2|mit Text für Hervorhebungen|Hervorhebung2}}
</div>
</div>
</div>
</div>
Zeile 54: Zeile 56:
<div class="width-1-2">
<div class="width-1-2">
'''Üben'''
'''Üben'''
<pre>{{Box|Üben|...|Üben}}</pre>
<pre>{{Box|Üben|mit Text für Übungen und Aufgaben|Üben}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{Box|Üben|...|Üben}}
{{Box|Üben|mit Text für Übungen und Aufgaben|Üben}}
</div>
</div>
</div>
</div>
Zeile 64: Zeile 66:
<div class="width-1-2">
<div class="width-1-2">
'''Zitat'''
'''Zitat'''
<pre>{{Box|Zitat|...|Zitat}}</pre>
<pre>{{Box|Zitat|mit Text für Zitate und Quellen|Zitat}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{Box|Zitat|...|Zitat}}
{{Box|Zitat|mit Text für Zitate und Quellen|Zitat}}
</div>
</div>
</div>
</div>
Zeile 74: Zeile 76:
<div class="width-1-2">
<div class="width-1-2">
'''Arbeitsmethode'''
'''Arbeitsmethode'''
<pre>{{Box|Arbeitsmethode|...|Arbeitsmethode}}</pre>
<pre>{{Box|Arbeitsmethode|mit Text für Arbeitsmethoden|Arbeitsmethode}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{Box|Arbeitsmethode|...|Arbeitsmethode}}
{{Box|Arbeitsmethode|mit Text für Arbeitsmethoden|Arbeitsmethode}}
</div>
</div>
</div>
</div>
Zeile 84: Zeile 86:
<div class="width-1-2">
<div class="width-1-2">
'''Unterrichtsidee'''
'''Unterrichtsidee'''
<pre>{{Box|Idee|...|Unterrichtsidee }}</pre>
<pre>{{Box|Idee|mit Text für Unterrichtsideen|Unterrichtsidee }}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{Box|Idee|...|Unterrichtsidee}}
{{Box|Idee|mit Text für Unterrichtsideen|Unterrichtsidee}}
</div>
</div>
</div>
</div>
Zeile 94: Zeile 96:
<div class="width-1-2">
<div class="width-1-2">
'''Meinung'''
'''Meinung'''
<pre>{{Box|Meinung|...|Meinung}}</pre>
<pre>{{Box|Meinung|mit Text für Meinungen|Meinung}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{Box|Meinung|...|Meinung}}
{{Box|Meinung|mit Text für Meinungen|Meinung}}
</div>
</div>
</div>
</div>
Zeile 104: Zeile 106:
<div class="width-1-2">
<div class="width-1-2">
'''Lernpfad'''
'''Lernpfad'''
<pre>{{Box|Lernpfad|...|Lernpfad}}</pre>
<pre>{{Box|Lernpfad|mit Text für Lernpfade|Lernpfad}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{Box|Lernpfad|...|Lernpfad}}
{{Box|Lernpfad|mit Text für Lernpfade|Lernpfad}}
</div>
</div>
</div>
</div>
Zeile 114: Zeile 116:
<div class="width-1-2">
<div class="width-1-2">
'''Lösung'''
'''Lösung'''
<pre>{{Box|Lösung|...|Lösung}}</pre>
<pre>{{Box|Lösung|mit Text für Lösungen|Lösung}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{Box|Lösung|...|Lösung}}
{{Box|Lösung|mit Text für Lösungen|Lösung}}
</div>
</div>
</div>
</div>
Zeile 124: Zeile 126:
<div class="width-1-2">
<div class="width-1-2">
'''Merksatz'''
'''Merksatz'''
<pre>{{Box|Merke|...|Merksatz}}</pre>
<pre>{{Box|Merke|mit Text für Definitionen und Merksätzen|Merksatz}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{Box|Merke|...|Merksatz}}
{{Box|Merke|mit Text für Definitionen und Merksätzen|Merksatz}}
</div>
</div>
</div>
</div>
Zeile 134: Zeile 136:
<div class="width-1-2">
<div class="width-1-2">
'''Kurzinfo'''
'''Kurzinfo'''
<pre>{{Box|Info|...|Kurzinfo}}</pre>
<pre>{{Box|Info|mit Text oder integrierten Vorlagen für Kurzinfos|Kurzinfo}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{Box|Info|...|Kurzinfo}}
{{Box|Info|mit Text oder integrierten Vorlagen für Kurzinfos|Kurzinfo}}
</div>
</div>
</div>
</div>
Zeile 144: Zeile 146:
<div class="width-1-2">
<div class="width-1-2">
'''Experimentieren'''
'''Experimentieren'''
<pre>{{Box|Experiment|...|Experimentieren}}</pre>
<pre>{{Box|Experiment|mit Text für Experimente und Versuche|Experimentieren}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{Box|Experiment|...|Experimentieren}}
{{Box|Experiment|mit Text für Experimente und Versuche|Experimentieren}}
</div>
</div>
</div>
</div>
Zeile 154: Zeile 156:
<div class="width-1-2">
<div class="width-1-2">
'''Download'''
'''Download'''
<pre>{{Box|Download|...|Download}}</pre>
<pre>{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{Box|Download|möglichst interne Links zu herunterladbarem Material|Download}}
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
</div>
</div>
</div>
</div>
Zeile 164: Zeile 166:
<div class="width-1-2">
<div class="width-1-2">
'''Frage'''
'''Frage'''
<pre>{{Box|Frage|...|Frage}}</pre>
<pre>{{Box|Frage|mit einer Frage|Frage}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
{{Box|Frage|...|Frage}}
{{Box|Frage|mit einer Frage|Frage}}
</div>
</div>
</div>
</div>


{{Box|Mögliche Probleme
==Mögliche Probleme==
| 2 = Es gibt '''verschiedene Gründe, warum das Box-Design nicht richtig verwendet wird'''.
 
Es gibt '''verschiedene Gründe, warum das Box-Design nicht richtig verwendet wird'''.


==== das Gleichheitszeichen ====
=== das Gleichheitszeichen ===


Das <code>=</code> tritt vor allem in Links auf. Wenn ein solches Zeichen im Text auftaucht, muss der passende Parameter für die Box explizit benannt werden. Die Parameter für die Box Vorlage sind durchnummeriert, heißen also dementsprechend <code>1</code>, <code>2</code> oder <code>3</code>  
Das <code>=</code> tritt vor allem in Links auf. Wenn ein solches Zeichen im Text auftaucht, muss der passende Parameter für die Box explizit benannt werden. Die Parameter für die Box Vorlage sind durchnummeriert, heißen also dementsprechend <code>1</code>, <code>2</code> oder <code>3</code>  
Zeile 191: Zeile 194:
</div>
</div>


==== Tabellen ====
=== Tabellen ===


Weiterhin machen Tabellen in Boxen ein Problem. Bei diesem und allen anderen Problemen gibt es eine alternative Möglichkeit, wie man diese "Box" erzeugen kann.
Weiterhin machen Tabellen in Boxen ein Problem. Bei diesem und allen anderen Problemen gibt es eine alternative Möglichkeit, wie man diese "Box" erzeugen kann.
Zeile 233: Zeile 236:
{{!)}}
{{!)}}


===== Vergleich der Tabellensyntaxelemente  =====
==== Vergleich der Tabellensyntaxelemente  ====


{{3Spalten
{{3Spalten
Zeile 272: Zeile 275:
}}
}}


===== ein komplizierteres Beispiel =====
==== ein komplizierteres Beispiel ====


{{(!}} class="wikitable"
{{(!}} class="wikitable"
Zeile 312: Zeile 315:
{{!)}}
{{!)}}
</pre>
</pre>
| 3 = Lösung}}

Aktuelle Version vom 4. April 2020, 12:01 Uhr




Für das einheitliche Hervorheben von ähnlichen Inhalten soll die Vorlage "Box" verwendet werden.

Beispiel

Das schreibt man:

{{Box|Hier ist die Überschrift|Hier steht der Inhalt, der in der Box angezeigt wird.|Merksatz}}

Man kann zur besseren Übersichtlichkeit auf Zeilenumbrüche einfügen:

{{Box|Hier ist die Überschrift|

Hier steht der Inhalt, der in der Box angezeigt wird.

|Merksatz}}

Das sieht man:

Hier ist die Überschrift
Hier steht der Inhalt, der in der Box angezeigt wird.

Vorlagen für Boxen

Für das einheitliche Hevorheben von ähnlichen Inhalten soll die Vorlage "Box" verwendet werden. Mehr Infos dazu findet man auf der Seite Vorlage:Box. Wenn die Auswahl nicht ausreicht, gibt es mit der Vorlage:Box-spezial die Möglichkeit, viele Parameter der Vorlage beim Einbinden selbst anzupassen.

Verkürzt wird die Vorlage so verwendet:

{{Box|<Überschrift>|<Inhalt>|<Klasse>}}
  • Die Überschrift (nach {{Box| und vor dem nächsten |) ist frei wählbar.
  • Die Klasse gibt an, welche Farbe und welches Icon verwendet wird. Als Klassen stehen folgende Varianten zur Verfügung:

Hervorhebung 1

{{Box|Hervorhebung1|mit Text für Hervorhebungen| Hervorhebung1}}
Hervorhebung1
mit Text für Hervorhebungen

Hervorhebung 2

{{Box|Hervorhebung2|mit Text für Hervorhebungen|Hervorhebung2}}
Hervorhebung2
mit Text für Hervorhebungen

Üben

{{Box|Üben|mit Text für Übungen und Aufgaben|Üben}}
Üben
mit Text für Übungen und Aufgaben

Zitat

{{Box|Zitat|mit Text für Zitate und Quellen|Zitat}}
Zitat
mit Text für Zitate und Quellen

Arbeitsmethode

{{Box|Arbeitsmethode|mit Text für Arbeitsmethoden|Arbeitsmethode}}
Arbeitsmethode
mit Text für Arbeitsmethoden

Unterrichtsidee

{{Box|Idee|mit Text für Unterrichtsideen|Unterrichtsidee }}
Idee
mit Text für Unterrichtsideen

Meinung

{{Box|Meinung|mit Text für Meinungen|Meinung}}
Meinung
mit Text für Meinungen

Lernpfad

{{Box|Lernpfad|mit Text für Lernpfade|Lernpfad}}
Lernpfad
mit Text für Lernpfade

Lösung

{{Box|Lösung|mit Text für Lösungen|Lösung}}
Lösung
mit Text für Lösungen

Merksatz

{{Box|Merke|mit Text für Definitionen und Merksätzen|Merksatz}}
Merke
mit Text für Definitionen und Merksätzen

Kurzinfo

{{Box|Info|mit Text oder integrierten Vorlagen für Kurzinfos|Kurzinfo}}
Info
mit Text oder integrierten Vorlagen für Kurzinfos

Experimentieren

{{Box|Experiment|mit Text für Experimente und Versuche|Experimentieren}}
Experiment
mit Text für Experimente und Versuche

Download

{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
Download
mit (möglichst internen) Links zu herunterladbarem Material

Frage

{{Box|Frage|mit einer Frage|Frage}}
Frage
mit einer Frage

Mögliche Probleme

Es gibt verschiedene Gründe, warum das Box-Design nicht richtig verwendet wird.

das Gleichheitszeichen

Das = tritt vor allem in Links auf. Wenn ein solches Zeichen im Text auftaucht, muss der passende Parameter für die Box explizit benannt werden. Die Parameter für die Box Vorlage sind durchnummeriert, heißen also dementsprechend 1, 2 oder 3

Folgende beiden Varianten sind im Ergebnis identisch. Die benannte Variante kann allerdings auch das = im Text enthalten.

normale Box-Syntax:

{{Box | Überschrift | Inhalt | Klasse }}

benannte Box-Syntax:

{{Box|1=<Überschrift>|2=<Inhalt>|3=<Klasse>}}

Tabellen

Weiterhin machen Tabellen in Boxen ein Problem. Bei diesem und allen anderen Problemen gibt es eine alternative Möglichkeit, wie man diese "Box" erzeugen kann.

Wenn möglich sollte man auf die Verwendung von Tabellen verzichten. Falls das nicht möglich ist, gibt es einige Vorlagen, die man für Tabellen innerhalb einer Box verwenden kann. Es ist darauf zu achten, dass die Zeichen (Vorlagen) für die Tabellenerstellung jeweils am Anfang einer Zeile stehen.


class="wikitable"
Tabellensyntaxersetzungen innerhalb von Boxen (oder anderen Templates)
Wikisyntax Ersetzung innerhalb einer Box
Tabellenbeginn {| {{(!}}
Tabellenüberschrift |+ {{!+}}
Zeilenbeginn |- {{!-}}
Zellenbeginn | {{!}}
Zelle mit Zusatzsyntax |colspan=2| {{!}}colspan=2{{!}}
Überschriftenzelle ! ! (keine Ersetzung notwendig)
Tabellenende |} {{!)}}



Vergleich der Tabellensyntaxelemente

Ergebnis: class=wikitable
Zeile 1 / Spalte A Zeile 1 / Spalte B
Zeile 2 / Spalte A Zeile 2 / Spalte B
normale Tabellensyntax:
{| class=wikitable
|-
| Zeile 1 / Spalte A
| Zeile 1 / Spalte B
|-
| Zeile 2 / Spalte A
| Zeile 2 / Spalte B
|}
Tabellensyntax innerhalb einer Box:
{{(!}} class=wikitable
{{!-}}
{{!}} Zeile 1 / Spalte A 
{{!}} Zeile 1 / Spalte B
{{!-}}
{{!}} Zeile 2 / Spalte A 
{{!}} Zeile 2 / Spalte B
{{!)}}



ein komplizierteres Beispiel

class="wikitable"
Eine Tabellenüberschrift
Spaltenkopf A Spaltenkopf B
Zeilenkopf Zeile 1 / Spalte A Zeile 1 / Spalte B
Zeile 2 / Spalte A Zeile 2 / Spalte B
Zeile 3 / Spalte A und B



Und hier der zugehörige Quelltext für die Tabelle innerhalb einer Box (oder eines anderen Templates):

{{(!}} class="wikitable"
{{!+}} Eine Tabellenüberschrift
{{!}} 
! Spaltenkopf A 
! Spaltenkopf B
{{!-}}
! Zeilenkopf 
{{!}} Zeile 1 / Spalte A 
{{!}} Zeile 1 / Spalte B
{{!-}}
{{!}}  
{{!}} Zeile 2 / Spalte A 
{{!}} Zeile 2 / Spalte B
{{!-}}
{{!}}
{{!}} colspan=2 {{!}} Zeile 3 / Spalte A und B
{{!)}}