Hilfe:Boxen: Unterschied zwischen den Versionen

Aus ZUM Grundschullernportal
K (Code aufgeräumt)
Markierung: 2017-Quelltext-Bearbeitung
K (Beschreibungen zu Boxen)
Markierung: 2017-Quelltext-Bearbeitung
Zeile 34: Zeile 34:
<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 44:
<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 54:
<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 64:
<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 74:
<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 84:
<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 94:
<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 104:
<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 114:
<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 124:
<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 134:
<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 144:
<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 154:
<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 164:
<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>

Version vom 2. April 2020, 21:22 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
{{!)}}