Hilfe:Box: Unterschied zwischen den Versionen

Aus ZUM Projektwiki
(Die Seite wurde neu angelegt: „Für das einheitliche Hevorheben von ähnlichen Inhalten soll möglichst die Vorlage "Box" verwendet werden. <div class="grid"> <div class="width-1-2">…“)
Markierung: 2017-Quelltext-Bearbeitung
 
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(7 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
Für das einheitliche Hevorheben von ähnlichen Inhalten soll möglichst die Vorlage "Box" verwendet werden.   
Für das Hervorheben von Inhalten steht wie im [https://unterrichten.zum.de/wiki/Hauptseite ZUM-Unterrichten] auch die Vorlage "Box" zur Verfügung.   
 
 
<div class="grid">
<div class="grid">
<div class="width-1-2">
<div class="width-1-2">
Verkürzt wird die Vorlage so verwendet:
Verkürzt wird die Vorlage so verwendet:
<pre>{{Box|<Überschrift>|<Inhalt>|<Klasse>}}</pre>
<pre>{{Box|<Überschrift>|<Inhalt>|<Klasse>}}</pre>
</div>
</div>
<div class="width-1-2"></div>
<div class="width-1-2">
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:
</div>
</div>
 
</div>
 
----
* 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:
 
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
Zeile 18: Zeile 19:
'''Hervorhebung 1'''
'''Hervorhebung 1'''
<pre>
<pre>
{{Box|Hervorhebung1|...| Hervorhebung1}}
{{Box|Beachte 1|...| Hervorhebung1}}
</pre>
</pre>
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
{{Box|Hervorhebung1|...| Hervorhebung1}}
{{Box|Beachte 1|...| Hervorhebung1}}
</div>
</div>
</div>
</div>
Zeile 30: Zeile 31:
'''Hervorhebung 2'''
'''Hervorhebung 2'''
<pre>
<pre>
{{Box|Hervorhebung2|...|Hervorhebung2}}
{{Box|Beachte 2|...|Hervorhebung2}}
</pre>
</pre>
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
{{Box|Hervorhebung2|...|Hervorhebung2}}
{{Box|Beachte 2|...|Hervorhebung2}}
</div>
</div>
</div>
</div>
Zeile 41: Zeile 42:
'''Üben'''
'''Üben'''
<pre>
<pre>
{{Box|Üben|...|Üben}}
{{Box|Aufgabe|...|Üben}}
</pre>
</pre>
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
{{Box|Üben|...|Üben}}
{{Box|Aufgabe|...|Üben}}
</div>
</div>
</div>
</div>
Zeile 53: Zeile 54:
'''Zitat'''
'''Zitat'''
<pre>
<pre>
{{Box|Zitat|....|Zitat}}
{{Box|Text|....|Zitat}}
</pre>
</pre>
</div>
</div>


  <div class="width-1-2">
  <div class="width-1-2">
{{Box|Zitat|....|Zitat}}
{{Box|Text|....|Zitat}}
</div>
</div>
</div>
</div>
Zeile 66: Zeile 67:
'''Arbeitsmethode'''
'''Arbeitsmethode'''
<pre>
<pre>
{{Box|Arbeitsmethode|...|Arbeitsmethode}}
{{Box|Arbeitsauftrag|...|Arbeitsmethode}}
</pre>
</pre>
</div>
</div>


  <div class="width-1-2">
  <div class="width-1-2">
{{Box|Arbeitsmethode|...|Arbeitsmethode}}
{{Box|Arbeitsauftrag|...|Arbeitsmethode}}
</div>
</div>
</div>
</div>
Zeile 91: Zeile 92:
'''Meinung'''
'''Meinung'''
<pre>
<pre>
{{Box|Meinung|...|Meinung}}
{{Box|Text|...|Meinung}}
</pre>
</pre>
</div>
</div>


  <div class="width-1-2">
  <div class="width-1-2">
{{Box|Meinung|...|Meinung}}
{{Box|Text|...|Meinung}}
</div>
</div>
</div>
</div>
Zeile 104: Zeile 105:
'''Lernpfad'''
'''Lernpfad'''
<pre>
<pre>
{{Box|Lernpfad|...|Lernpfad}}
{{Box|Thema|...|Lernpfad}}
</pre>
</pre>
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
{{Box|Lernpfad|...|Lernpfad}}
{{Box|Thema|...|Lernpfad}}
</div>
</div>
</div>
</div>

Aktuelle Version vom 27. Januar 2020, 23:08 Uhr

Für das Hervorheben von Inhalten steht wie im ZUM-Unterrichten auch die Vorlage "Box" zur Verfügung.


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

Hervorhebung 2

{{Box|Beachte 2|...|Hervorhebung2}}
Beachte 2
...

Üben

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

Zitat

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

Arbeitsmethode

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

Unterrichtsidee

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

Meinung

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

Lernpfad

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

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.