Hilfe:Box: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
Keine Bearbeitungszusammenfassung
(13 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
Für das einheitliche Hervorheben von ähnlichen Inhalten soll möglichst die Vorlage "Box" verwendet werden.   
{{Hilfe Navigation}}
Für das einheitliche Hervorheben von ähnlichen Inhalten soll die Vorlage "Box" verwendet werden.   


'''Ein Beispiel'''
==Beispiel==
<div class="grid">
<div class="grid">
<div class="width-1-2">
<div class="width-1-2">
'''Das schreibt man:'''
'''Das schreibt man:'''
<pre>{{Box|Hier ist die Überschrift|Hier steht der Inhalt, der in der Box angezeigt wird.|Merksatz}}</pre>
<pre>{{Box|Hier ist die Überschrift|Hier steht der Inhalt, der in der Box angezeigt wird.|Merksatz}}</pre>
Man kann zur besseren Übersichtlichkeit auch Zeilenumbrüche einfügen:
<pre>{{Box|Hier ist die Überschrift|
Hier steht der Inhalt, der in der Box angezeigt wird.
|Merksatz}}</pre>
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
'''Das sieht man:'''
'''Das sieht man:'''
Zeile 14: Zeile 24:


==Vorlagen für Boxen==
==Vorlagen für Boxen==
Für das einheitliche Hevorheben von ähnlichen Inhalten soll möglichst die Vorlage "Box" verwendet werden.   
Für das einheitliche Hervorheben von ähnlichen Inhalten soll möglichst die Vorlage "Box" verwendet werden.   
Mehr Infos dazu findet man auf der Seite [[Vorlage:Box|Vorlage:Box]].
Mehr Infos dazu findet man auf der Seite [[Vorlage:Box|Vorlage:Box]].
<div class="grid">
<div class="grid">
Zeile 26: Zeile 36:




* Die Überschrift (nach <code><nowiki>{{Box|</nowiki></code> und vor dem nächsten <code><nowiki>|</nowiki></code>) ist frei wählbar.  
*Die Überschrift (nach <code><nowiki>{{Box|</nowiki></code> und vor dem nächsten <code><nowiki>|</nowiki></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="grid">
Zeile 46: Zeile 56:
'''Hervorhebung 2'''
'''Hervorhebung 2'''
<pre>
<pre>
{{Box|Zusammenfassung|...|Hervorhebung2}}
{{Box|Hervorhebung2|...|Hervorhebung2}}
</pre>
</pre>
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
{{Box|Zusammenfassung|...|Hervorhebung2}}
{{Box|Hervorhebung2|...|Hervorhebung2}}
</div>
</div>
</div>
</div>
Zeile 204: Zeile 214:


{{Box|1=Mögliche Probleme|2=
{{Box|1=Mögliche Probleme|2=
Es gibt '''verschiedene Gründe, warum das Box_Design nicht richtig verwendet wird'''. Grund sind bestimmte Symbole, die die Vorlage verwirren, das kann z.B. '''bei Links''' der Fall sein. Das Problem umgehen kann man, indem man vor dem Inhalt schreibt "2=" und für die Kategorie "3=". Meist muss beides kombiniert werden, wenn scheinbar die Kategorie als Inhalt genommen wird.
Es gibt '''verschiedene Gründe, warum das Box_Design nicht richtig verwendet wird'''.
 
==== <code>=</code> 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>


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.
Folgende beiden Varianten sind im Ergebnis identisch. Die benannte Variante kann allerdings auch das <code>=</code> im Text enthalten.


Man schreibt also
{{2Spalten
|1=
Normale Box Syntax


<pre>{{Box | Überschrift | Inhalt | Klasse }}</pre>
|2=
benannte Box Syntax
<pre>{{Box|1=<Überschrift>|2=<Inhalt>|3=<Klasse>}}</pre>
<pre>{{Box|1=<Überschrift>|2=<Inhalt>|3=<Klasse>}}</pre>
}}
==== 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.  
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
{{!}} <code><nowiki>{|</nowiki></code>
{{!}} <code><nowiki>{{(!}}</nowiki></code>
{{!-}}
! Tabellenüberschrift
{{!}} <code><nowiki>|+</nowiki></code>
{{!}} <code><nowiki>{{!+}}</nowiki></code>
{{!-}}
! Zeilenbeginn
{{!}} <code><nowiki>|-</nowiki></code>
{{!}} <code><nowiki>{{!-}}</nowiki></code>
{{!-}}
! Zellenbeginn
{{!}} <code><nowiki>|</nowiki></code>
{{!}} <code><nowiki>{{!}}</nowiki></code>
{{!-}}
! Zelle mit Zusatzsyntax
{{!}} <code><nowiki>|colspan=2|</nowiki></code>
{{!}} <code><nowiki>{{!}}colspan=2{{!}}</nowiki></code>
{{!-}}
! Überschriftenzelle
{{!}} <code><nowiki>!</nowiki></code>
{{!}} <code><nowiki>!</nowiki></code> (keine Ersetzung notwendig)
{{!-}}
! Tabellenende
{{!}} <code><nowiki>|}</nowiki></code>
{{!}} <code><nowiki>{{!)}}</nowiki></code>
{{!)}}


Hier das Beispiel einer einfachen Tabelle in der Box:
===== Vergleich der Tabellensyntaxelemente  =====


{{(!}}  
{{3Spalten
|1=
Ergebnis
{{(!}} class=wikitable
{{!-}}
{{!}} Zeile 1 / Spalte A
{{!}} Zeile 1 / Spalte B
{{!-}}
{{!}} Zeile 2 / Spalte A
{{!}} Zeile 2 / Spalte B
{{!)}}
|2=
Normale Tabellensyntax
<pre>
{| class=wikitable
|-
| Zeile 1 / Spalte A
| Zeile 1 / Spalte B
|-
| Zeile 2 / Spalte A
| Zeile 2 / Spalte B
|}
</pre>
|3=
Tabellensyntax innerhalb einer Box
<pre>
{{(!}} class=wikitable
{{!-}}
{{!-}}
{{!}} Zelle 1A
{{!}} Zeile 1 / Spalte A
{{!}} Zelle 1B
{{!}} Zeile 1 / Spalte B
{{!-}}
{{!-}}
{{!}} Zelle 2A
{{!}} Zeile 2 / Spalte A
{{!}} Zelle 2B
{{!}} Zeile 2 / Spalte B
{{!)}}
{{!)}}
</pre>
}}


Hier ein komplizierteres Beispiel:
Hier ein komplizierteres Beispiel:
Zeile 234: Zeile 323:
{{!-}}
{{!-}}
! Zeilenkopf  
! Zeilenkopf  
{{!}} Zelle 1A
{{!}} Zeile 1 / Spalte A
{{!}} Zelle 1B
{{!}} Zeile 1 / Spalte B
{{!-}}
{{!-}}
{{!}}   
{{!}}   
{{!}} Zelle 2A
{{!}} Zeile 2 / Spalte A
{{!}} Zelle 2B
{{!}} Zeile 2 / Spalte B
{{!-}}
{{!-}}
{{!}}
{{!}}
{{!}} Das Zeichen <nowiki>{|</nowiki> für den Tabellenstart wird durch die Vorlage <pre>{{(!}}</pre> ersetzt.
{{!}} colspan=2 {{!}} Zeile 3 / Spalte A und B
{{!}} Das Zeichen <nowiki>|}</nowiki> für das Tabellenende wird durch die Vorlage <pre>{{!)}}</pre> ersetzt.
{{!)}}
 
Und hier der zugehörige Quelltext für die Tabelle innerhalb einer Box (oder eines anderen TemplateS)
<pre>
{{(!}} class="wikitable"
{{!+}} Eine Tabellenüberschrift
{{!}}  
! Spaltenkopf A
! Spaltenkopf B
{{!-}}
{{!-}}
{{!}}
! Zeilenkopf
{{!}} Das Zeichen <nowiki>|-</nowiki> für den Zeilenstart wird durch die Vorlage <pre>{{!-}}</pre> ersetzt.
{{!}} Zeile 1 / Spalte A
{{!}} Das Zeichen <nowiki>|</nowiki> für den Zellenstart wird durch die Vorlage <pre>{{!}}</pre> ersetzt.
{{!}} Zeile 1 / Spalte B
{{!-}}
{{!-}}
{{!}}   
{{!}}   
{{!}} colspan="2" {{!}} eine Zelle die über mehrere Spalten ausgedehnt ist.
{{!}} Zeile 2 / Spalte A
{{!}} Zeile 2 / Spalte B
{{!-}}
{{!}}
{{!}} colspan=2 {{!}} Zeile 3 / Spalte A und B
{{!)}}
{{!)}}
 
</pre>
 
 


|3=Hervorhebung2}}
|3=Hervorhebung2}}
Zeile 262: Zeile 361:
Wenn die Auswahl nicht ausreicht gibt es mit der [[:Vorlage:Box-spezial]] die Möglichkeit viele Parameter der Vorlage beim Einbinden selbst anzupassen.
Wenn die Auswahl nicht ausreicht gibt es mit der [[:Vorlage:Box-spezial]] die Möglichkeit viele Parameter der Vorlage beim Einbinden selbst anzupassen.


→ [[Chemie-Buch I zum Lehrplan in Rheinland-Pfalz/Ein erster Blick in die Atome - Eigenschaften der Salzartigen Verbindungen erklären|Beispiel-Seite]] mit vielen - auch ineinander verschaltelten "Boxen"
[[Kategorie:Hilfe]]
[[Kategorie:Hilfe]]

Version vom 22. April 2021, 06:23 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 auch 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 Hervorheben von ähnlichen Inhalten soll möglichst 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.

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
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:

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.