Hilfe:Boxen: Unterschied zwischen den Versionen

Aus ZUM Grundschullernportal
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
K (Code aufgeräumt)
Markierung: 2017-Quelltext-Bearbeitung
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==
<div class="grid">
<div class="grid">
<div class="width-1-2">
<div class="width-1-2">
Zeile 23: Zeile 23:


==Vorlagen für Boxen==
==Vorlagen für Boxen==
Für das einheitliche Hevorheben von ähnlichen Inhalten soll möglichst die Vorlage "Box" verwendet werden. Mehr Infos dazu findet man auf der Seite [[Vorlage:Box]].<div class="grid"><div class="width-1-2">
Für das einheitliche Hevorheben von ähnlichen Inhalten soll die Vorlage "Box" verwendet werden. Mehr Infos dazu findet man auf der Seite [[Vorlage:Box]].
Verkürzt wird die Vorlage so verwendet:<pre>{{Box|<Überschrift>|<Inhalt>|<Klasse>}}</pre></div><div class="width-1-2"></div></div>
 
Verkürzt wird die Vorlage so verwendet:
<pre>{{Box|<Überschrift>|<Inhalt>|<Klasse>}}</pre>


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


<div class="grid"><div class="width-1-2">
<div class="grid">
'''Hervorhebung 1'''<pre>
<div class="width-1-2">
{{Box|Hervorhebung1|...| Hervorhebung1}}
'''Hervorhebung 1'''
</pre></div><div class="width-1-2">{{Box|Hervorhebung1|...|Hervorhebung1
<pre>{{Box|Hervorhebung1|...| Hervorhebung1}}</pre>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Hervorhebung 2'''<pre>
<div class="width-1-2">
{{Box|Hervorhebung1|...|Hervorhebung1}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Hervorhebung 2'''
<pre>{{Box|Hervorhebung2|...|Hervorhebung2}}</pre>
</div>
<div class="width-1-2">
{{Box|Hervorhebung2|...|Hervorhebung2}}
{{Box|Hervorhebung2|...|Hervorhebung2}}
</pre></div><div class="width-1-2">{{Box|Hervorhebung2|...|Hervorhebung2
</div>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Üben'''<pre>
 
<div class="grid">
<div class="width-1-2">
'''Üben'''
<pre>{{Box|Üben|...|Üben}}</pre>
</div>
<div class="width-1-2">
{{Box|Üben|...|Üben}}
{{Box|Üben|...|Üben}}
</pre></div><div class="width-1-2">{{Box|Üben|...|Üben
</div>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Zitat'''<pre>
 
<div class="grid">
<div class="width-1-2">
'''Zitat'''
<pre>{{Box|Zitat|....|Zitat}}</pre>
</div>
<div class="width-1-2">
{{Box|Zitat|....|Zitat}}
{{Box|Zitat|....|Zitat}}
</pre></div><div class="width-1-2">{{Box|Zitat|....|Zitat
</div>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Arbeitsmethode'''<pre>
 
<div class="grid">
<div class="width-1-2">
'''Arbeitsmethode'''
<pre>{{Box|Arbeitsmethode|...|Arbeitsmethode}}</pre>
</div>
<div class="width-1-2">
{{Box|Arbeitsmethode|...|Arbeitsmethode}}
{{Box|Arbeitsmethode|...|Arbeitsmethode}}
</pre></div><div class="width-1-2">{{Box|Arbeitsmethode|...|Arbeitsmethode
</div>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Unterrichtsidee'''<pre>
 
{{Box|Idee|...|Unterrichtsidee }}
<div class="grid">
</pre></div><div class="width-1-2">{{Box|Idee|...|Unterrichtsidee
<div class="width-1-2">
}}</div></div><div class="grid"><div class="width-1-2">
'''Unterrichtsidee'''
'''Meinung'''<pre>
<pre>{{Box|Idee|...|Unterrichtsidee }}</pre>
</div>
<div class="width-1-2">
{{Box|Idee|...|Unterrichtsidee}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Meinung'''
<pre>{{Box|Meinung|...|Meinung}}</pre>
</div>
<div class="width-1-2">
{{Box|Meinung|...|Meinung}}
{{Box|Meinung|...|Meinung}}
</pre></div><div class="width-1-2">{{Box|Meinung|...|Meinung
</div>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Lernpfad'''<pre>
 
<div class="grid">
<div class="width-1-2">
'''Lernpfad'''
<pre>{{Box|Lernpfad|...|Lernpfad}}</pre>
</div>
<div class="width-1-2">
{{Box|Lernpfad|...|Lernpfad}}
{{Box|Lernpfad|...|Lernpfad}}
</pre></div><div class="width-1-2">{{Box|Lernpfad|...|Lernpfad
</div>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Lösung'''<pre>
 
<div class="grid">
<div class="width-1-2">
'''Lösung'''
<pre>{{Box|Lösung|...|Lösung}}</pre>
</div>
<div class="width-1-2">
{{Box|Lösung|...|Lösung}}
{{Box|Lösung|...|Lösung}}
</pre></div><div class="width-1-2">{{Box|Lösung|...|Lösung
</div>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Merksatz'''<pre>
 
<div class="grid">
<div class="width-1-2">
'''Merksatz'''
<pre>{{Box|Merke|...|Merksatz}}</pre>
</div>
<div class="width-1-2">
{{Box|Merke|...|Merksatz}}
{{Box|Merke|...|Merksatz}}
</pre></div><div class="width-1-2">{{Box|Merke|...|Merksatz
</div>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Kurzinfo'''<pre>
 
<div class="grid">
<div class="width-1-2">
'''Kurzinfo'''
<pre>{{Box|Info|...|Kurzinfo}}</pre>
</div>
<div class="width-1-2">
{{Box|Info|...|Kurzinfo}}
{{Box|Info|...|Kurzinfo}}
</pre></div><div class="width-1-2">{{Box|Info|...|Kurzinfo
</div>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Experimentieren'''<pre>
 
<div class="grid">
<div class="width-1-2">
'''Experimentieren'''
<pre>{{Box|Experiment|...|Experimentieren}}</pre>
</div>
<div class="width-1-2">
{{Box|Experiment|...|Experimentieren}}
{{Box|Experiment|...|Experimentieren}}
</pre></div><div class="width-1-2">{{Box|Experiment|...|Experimentieren
</div>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Download'''<pre>
 
<div class="grid">
<div class="width-1-2">
'''Download'''
<pre>{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}</pre>
</div>
<div class="width-1-2">
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
</pre></div><div class="width-1-2">{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download
</div>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Frage'''<pre>
 
<div class="grid">
<div class="width-1-2">
'''Frage'''
<pre>{{Box|Frage|mit einer Frage|Frage}}</pre>
</div>
<div class="width-1-2">
{{Box|Frage|mit einer Frage|Frage}}
{{Box|Frage|mit einer Frage|Frage}}
</pre></div><div class="width-1-2">{{Box|Frage|mit einer Frage|Frage
</div>
}}</div></div>{{Box|Mögliche Probleme
</div>
 
{{Box|Mögliche Probleme
| 2 = Es gibt '''verschiedene Gründe, warum das Box_Design nicht richtig verwendet wird'''.
| 2 = Es gibt '''verschiedene Gründe, warum das Box_Design nicht richtig verwendet wird'''.


Version vom 2. April 2020, 11:55 Uhr


Hilfen im Grundschullernportal

Vorlagen

Multimedia

Hilfeseiten 

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.

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|...| Hervorhebung1}}
Hervorhebung1
...

Hervorhebung 2 

{{Box|Hervorhebung2|...|Hervorhebung2}}
Hervorhebung2
...

Üben 

{{Box|Üben|...|Üben}}
Üben
...

Zitat 

{{Box|Zitat|....|Zitat}}
Zitat
....

Arbeitsmethode 

{{Box|Arbeitsmethode|...|Arbeitsmethode}}
Arbeitsmethode
...

Unterrichtsidee 

{{Box|Idee|...|Unterrichtsidee }}
Idee
...

Meinung 

{{Box|Meinung|...|Meinung}}
Meinung
...

Lernpfad 

{{Box|Lernpfad|...|Lernpfad}}
Lernpfad
...

Lösung 

{{Box|Lösung|...|Lösung}}
Lösung
...

Merksatz 

{{Box|Merke|...|Merksatz}}
Merke
...

Kurzinfo 

{{Box|Info|...|Kurzinfo}}
Info
...

Experimentieren 

{{Box|Experiment|...|Experimentieren}}
Experiment
...

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

Tritt vor allem in Links auf. Wenn der ein solches Zeichen im Text auftaucht so 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 dem Inhalt 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
{{!)}}



Hier 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
{{!)}}

Die Namen der Klassen und das Aussehen aller Varianten, sowie die alternative Nutzungsmöglichkeit, findet man auf der Seite → Vorlage mit verschiedenen Kästen

Wenn die Auswahl nicht ausreicht gibt es mit der Vorlage:Box-spezial die Möglichkeit viele Parameter der Vorlage beim Einbinden selbst anzupassen.

Abgerufen von „https://grundschullernportal.zum.de/index.php?title=Hilfe:Boxen&oldid=16219“