Hilfe:Boxen: Unterschied zwischen den Versionen

Aus ZUM Grundschullernportal
K (Code aufgeräumt)
Markierung: 2017-Quelltext-Bearbeitung
K (Code aufgeräumt)
Markierung: 2017-Quelltext-Bearbeitung
Zeile 23: Zeile 23:


==Vorlagen für Boxen==
==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]].
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:
Verkürzt wird die Vorlage so verwendet:
Zeile 174: Zeile 174:
| 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'''.


==== <code>=</code> das Gleichheitszeichen ====
==== das Gleichheitszeichen ====


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>  


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


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 231: Zeile 232:
{{!}} <code><nowiki>{{!)}}</nowiki></code>
{{!}} <code><nowiki>{{!)}}</nowiki></code>
{{!)}}
{{!)}}


===== Vergleich der Tabellensyntaxelemente  =====
===== Vergleich der Tabellensyntaxelemente  =====
Zeile 237: Zeile 237:
{{3Spalten
{{3Spalten
|1=
|1=
Ergebnis
'''Ergebnis:'''
{{(!}} class=wikitable
{{(!}} class=wikitable
{{!-}}
{{!-}}
Zeile 247: Zeile 247:
{{!)}}
{{!)}}
|2=
|2=
Normale Tabellensyntax
'''normale Tabellensyntax:'''
<pre>
<pre>
{| class=wikitable
{| class=wikitable
Zeile 259: Zeile 259:
</pre>
</pre>
|3=
|3=
Tabellensyntax innerhalb einer Box
'''Tabellensyntax innerhalb einer Box:'''
<pre>
<pre>
{{(!}} class=wikitable
{{(!}} class=wikitable
Zeile 272: Zeile 272:
}}
}}


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


{{(!}} class="wikitable"
{{(!}} class="wikitable"
Zeile 293: Zeile 292:
{{!)}}
{{!)}}


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 313: Zeile 312:
{{!)}}
{{!)}}
</pre>
</pre>
| 3 = Hervorhebung2
| 3 = Lösung}}
}}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.

Version vom 2. April 2020, 21:13 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|...| 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|...|Download}}
Download
möglichst interne Links zu herunterladbarem Material

Frage

{{Box|Frage|...|Frage}}
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
{{!)}}