Hilfe:Boxen: Unterschied zwischen den Versionen

Aus ZUM Grundschullernportal
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(5 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}}  


== Beispiel ==
Für das einheitliche Hervorheben von ähnlichen Inhalten soll die Vorlage "Box" verwendet werden.
 
==Beispiel==
<div class="grid">
<div class="grid">
<div class="width-1-2">
<div class="width-1-2">
Zeile 23: Zeile 25:


==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]]. 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:<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|mit Text für Hervorhebungen| Hervorhebung1}}</pre>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Hervorhebung 2'''<pre>
<div class="width-1-2">
{{Box|Hervorhebung2|...|Hervorhebung2}}
{{Box|Hervorhebung1|mit Text für Hervorhebungen|Hervorhebung1}}
</pre></div><div class="width-1-2">{{Box|Hervorhebung2|...|Hervorhebung2
</div>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Üben'''<pre>
 
{{Box|Üben|...|Üben}}
<div class="grid">
</pre></div><div class="width-1-2">{{Box|Üben|...|Üben
<div class="width-1-2">
}}</div></div><div class="grid"><div class="width-1-2">
'''Hervorhebung 2'''
'''Zitat'''<pre>
<pre>{{Box|Hervorhebung2|mit Text für Hervorhebungen|Hervorhebung2}}</pre>
{{Box|Zitat|....|Zitat}}
</div>
</pre></div><div class="width-1-2">{{Box|Zitat|....|Zitat
<div class="width-1-2">
}}</div></div><div class="grid"><div class="width-1-2">
{{Box|Hervorhebung2|mit Text für Hervorhebungen|Hervorhebung2}}
'''Arbeitsmethode'''<pre>
</div>
{{Box|Arbeitsmethode|...|Arbeitsmethode}}
</div>
</pre></div><div class="width-1-2">{{Box|Arbeitsmethode|...|Arbeitsmethode
 
}}</div></div><div class="grid"><div class="width-1-2">
<div class="grid">
'''Unterrichtsidee'''<pre>
<div class="width-1-2">
{{Box|Idee|...|Unterrichtsidee }}
'''Üben'''
</pre></div><div class="width-1-2">{{Box|Idee|...|Unterrichtsidee
<pre>{{Box|Üben|mit Text für Übungen und Aufgaben|Üben}}</pre>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Meinung'''<pre>
<div class="width-1-2">
{{Box|Meinung|...|Meinung}}
{{Box|Üben|mit Text für Übungen und Aufgaben|Üben}}
</pre></div><div class="width-1-2">{{Box|Meinung|...|Meinung
</div>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Lernpfad'''<pre>
 
{{Box|Lernpfad|...|Lernpfad}}
<div class="grid">
</pre></div><div class="width-1-2">{{Box|Lernpfad|...|Lernpfad
<div class="width-1-2">
}}</div></div><div class="grid"><div class="width-1-2">
'''Zitat'''
'''Lösung'''<pre>
<pre>{{Box|Zitat|mit Text für Zitate und Quellen|Zitat}}</pre>
{{Box|Lösung|...|Lösung}}
</div>
</pre></div><div class="width-1-2">{{Box|Lösung|...|Lösung
<div class="width-1-2">
}}</div></div><div class="grid"><div class="width-1-2">
{{Box|Zitat|mit Text für Zitate und Quellen|Zitat}}
'''Merksatz'''<pre>
</div>
{{Box|Merke|...|Merksatz}}
</div>
</pre></div><div class="width-1-2">{{Box|Merke|...|Merksatz
 
}}</div></div><div class="grid"><div class="width-1-2">
<div class="grid">
'''Kurzinfo'''<pre>
<div class="width-1-2">
{{Box|Info|...|Kurzinfo}}
'''Arbeitsmethode'''
</pre></div><div class="width-1-2">{{Box|Info|...|Kurzinfo
<pre>{{Box|Arbeitsmethode|mit Text für Arbeitsmethoden|Arbeitsmethode}}</pre>
}}</div></div><div class="grid"><div class="width-1-2">
</div>
'''Experimentieren'''<pre>
<div class="width-1-2">
{{Box|Experiment|...|Experimentieren}}
{{Box|Arbeitsmethode|mit Text für Arbeitsmethoden|Arbeitsmethode}}
</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">
'''Unterrichtsidee'''
<pre>{{Box|Idee|mit Text für Unterrichtsideen|Unterrichtsidee }}</pre>
</div>
<div class="width-1-2">
{{Box|Idee|mit Text für Unterrichtsideen|Unterrichtsidee}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Meinung'''
<pre>{{Box|Meinung|mit Text für Meinungen|Meinung}}</pre>
</div>
<div class="width-1-2">
{{Box|Meinung|mit Text für Meinungen|Meinung}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Lernpfad'''
<pre>{{Box|Lernpfad|mit Text für Lernpfade|Lernpfad}}</pre>
</div>
<div class="width-1-2">
{{Box|Lernpfad|mit Text für Lernpfade|Lernpfad}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Lösung'''
<pre>{{Box|Lösung|mit Text für Lösungen|Lösung}}</pre>
</div>
<div class="width-1-2">
{{Box|Lösung|mit Text für Lösungen|Lösung}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Merksatz'''
<pre>{{Box|Merke|mit Text für Definitionen und Merksätzen|Merksatz}}</pre>
</div>
<div class="width-1-2">
{{Box|Merke|mit Text für Definitionen und Merksätzen|Merksatz}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Kurzinfo'''
<pre>{{Box|Info|mit Text oder integrierten Vorlagen für Kurzinfos|Kurzinfo}}</pre>
</div>
<div class="width-1-2">
{{Box|Info|mit Text oder integrierten Vorlagen für Kurzinfos|Kurzinfo}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Experimentieren'''
<pre>{{Box|Experiment|mit Text für Experimente und Versuche|Experimentieren}}</pre>
</div>
<div class="width-1-2">
{{Box|Experiment|mit Text für Experimente und Versuche|Experimentieren}}
</div>
</div>
 
<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>
| 2 = Es gibt '''verschiedene Gründe, warum das Box_Design nicht richtig verwendet wird'''.
 
==Mögliche Probleme==
 
Es gibt '''verschiedene Gründe, warum das Box-Design nicht richtig verwendet wird'''.


==== <code>=</code> das Gleichheitszeichen ====
=== 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 <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>  


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


{{2Spalten
<div class="grid">
|1=
<div class="width-1-2">
Normale Box Syntax
'''normale Box-Syntax:'''
 
<pre>{{Box | Überschrift | Inhalt | Klasse }}</pre>
<pre>{{Box | Überschrift | Inhalt | Klasse }}</pre>
|2=
</div>
benannte Box Syntax
<div class="width-1-2">
'''benannte Box-Syntax:'''
<pre>{{Box|1=<Überschrift>|2=<Inhalt>|3=<Klasse>}}</pre>
<pre>{{Box|1=<Überschrift>|2=<Inhalt>|3=<Klasse>}}</pre>
}}
</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 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.


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"
{{(!}} class="wikitable"
{{!+}} Tabellensyntaxersetzungen innerhalb von Boxen (oder anderen Templates)
{{!+}} Tabellensyntaxersetzungen innerhalb von Boxen (oder anderen Templates)
Zeile 145: Zeile 236:
{{!)}}
{{!)}}


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


{{3Spalten
{{3Spalten
|1=
|1=
Ergebnis
'''Ergebnis:'''
{{(!}} class=wikitable
{{(!}} class=wikitable
{{!-}}
{{!-}}
Zeile 160: Zeile 250:
{{!)}}
{{!)}}
|2=
|2=
Normale Tabellensyntax
'''normale Tabellensyntax:'''
<pre>
<pre>
{| class=wikitable
{| class=wikitable
Zeile 172: Zeile 262:
</pre>
</pre>
|3=
|3=
Tabellensyntax innerhalb einer Box
'''Tabellensyntax innerhalb einer Box:'''
<pre>
<pre>
{{(!}} class=wikitable
{{(!}} class=wikitable
Zeile 185: Zeile 275:
}}
}}


 
==== ein komplizierteres Beispiel ====
Hier ein komplizierteres Beispiel:


{{(!}} class="wikitable"
{{(!}} class="wikitable"
Zeile 206: Zeile 295:
{{!)}}
{{!)}}


Und hier der zugehörige Quelltext für die Tabelle innerhalb einer Box (oder eines anderen TemplateS)
Und hier der zugehörige Quelltext für die Tabelle innerhalb einer Box (oder eines anderen Templates):
<pre>
<pre>
{{(!}} class="wikitable"
{{(!}} class="wikitable"
Zeile 226: Zeile 315:
{{!)}}
{{!)}}
</pre>
</pre>
| 3 = Hervorhebung2
}}Die Namen der Klassen und das Aussehen aller Varianten, sowie die alternative Nutzungsmöglichkeit, findet man auf der Seite&nbsp;→&nbsp;[[Vorlage:Box|'''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.

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



Hilfen im Grundschullernportal

Hilfeseiten zu den 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. 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
{{!)}}
Abgerufen von „https://grundschullernportal.zum.de/index.php?title=Hilfe:Boxen&oldid=16283“