Hilfe:Boxen: Unterschied zwischen den Versionen
K (Code aufgeräumt) Markierung: 2017-Quelltext-Bearbeitung |
KKeine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
(2 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}} | ||
Für das einheitliche Hervorheben von ähnlichen Inhalten soll die Vorlage "Box" verwendet werden. | |||
==Beispiel== | ==Beispiel== | ||
Zeile 34: | Zeile 36: | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Hervorhebung 1''' | '''Hervorhebung 1''' | ||
<pre>{{Box|Hervorhebung1| | <pre>{{Box|Hervorhebung1|mit Text für Hervorhebungen| Hervorhebung1}}</pre> | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
{{Box|Hervorhebung1| | {{Box|Hervorhebung1|mit Text für Hervorhebungen|Hervorhebung1}} | ||
</div> | </div> | ||
</div> | </div> | ||
Zeile 44: | Zeile 46: | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Hervorhebung 2''' | '''Hervorhebung 2''' | ||
<pre>{{Box|Hervorhebung2| | <pre>{{Box|Hervorhebung2|mit Text für Hervorhebungen|Hervorhebung2}}</pre> | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
{{Box|Hervorhebung2| | {{Box|Hervorhebung2|mit Text für Hervorhebungen|Hervorhebung2}} | ||
</div> | </div> | ||
</div> | </div> | ||
Zeile 54: | Zeile 56: | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Üben''' | '''Üben''' | ||
<pre>{{Box|Üben| | <pre>{{Box|Üben|mit Text für Übungen und Aufgaben|Üben}}</pre> | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
{{Box|Üben| | {{Box|Üben|mit Text für Übungen und Aufgaben|Üben}} | ||
</div> | </div> | ||
</div> | </div> | ||
Zeile 64: | Zeile 66: | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Zitat''' | '''Zitat''' | ||
<pre>{{Box|Zitat| | <pre>{{Box|Zitat|mit Text für Zitate und Quellen|Zitat}}</pre> | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
{{Box|Zitat| | {{Box|Zitat|mit Text für Zitate und Quellen|Zitat}} | ||
</div> | </div> | ||
</div> | </div> | ||
Zeile 74: | Zeile 76: | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Arbeitsmethode''' | '''Arbeitsmethode''' | ||
<pre>{{Box|Arbeitsmethode| | <pre>{{Box|Arbeitsmethode|mit Text für Arbeitsmethoden|Arbeitsmethode}}</pre> | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
{{Box|Arbeitsmethode| | {{Box|Arbeitsmethode|mit Text für Arbeitsmethoden|Arbeitsmethode}} | ||
</div> | </div> | ||
</div> | </div> | ||
Zeile 84: | Zeile 86: | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Unterrichtsidee''' | '''Unterrichtsidee''' | ||
<pre>{{Box|Idee| | <pre>{{Box|Idee|mit Text für Unterrichtsideen|Unterrichtsidee }}</pre> | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
{{Box|Idee| | {{Box|Idee|mit Text für Unterrichtsideen|Unterrichtsidee}} | ||
</div> | </div> | ||
</div> | </div> | ||
Zeile 94: | Zeile 96: | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Meinung''' | '''Meinung''' | ||
<pre>{{Box|Meinung| | <pre>{{Box|Meinung|mit Text für Meinungen|Meinung}}</pre> | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
{{Box|Meinung| | {{Box|Meinung|mit Text für Meinungen|Meinung}} | ||
</div> | </div> | ||
</div> | </div> | ||
Zeile 104: | Zeile 106: | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Lernpfad''' | '''Lernpfad''' | ||
<pre>{{Box|Lernpfad| | <pre>{{Box|Lernpfad|mit Text für Lernpfade|Lernpfad}}</pre> | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
{{Box|Lernpfad| | {{Box|Lernpfad|mit Text für Lernpfade|Lernpfad}} | ||
</div> | </div> | ||
</div> | </div> | ||
Zeile 114: | Zeile 116: | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Lösung''' | '''Lösung''' | ||
<pre>{{Box|Lösung| | <pre>{{Box|Lösung|mit Text für Lösungen|Lösung}}</pre> | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
{{Box|Lösung| | {{Box|Lösung|mit Text für Lösungen|Lösung}} | ||
</div> | </div> | ||
</div> | </div> | ||
Zeile 124: | Zeile 126: | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Merksatz''' | '''Merksatz''' | ||
<pre>{{Box|Merke| | <pre>{{Box|Merke|mit Text für Definitionen und Merksätzen|Merksatz}}</pre> | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
{{Box|Merke| | {{Box|Merke|mit Text für Definitionen und Merksätzen|Merksatz}} | ||
</div> | </div> | ||
</div> | </div> | ||
Zeile 134: | Zeile 136: | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Kurzinfo''' | '''Kurzinfo''' | ||
<pre>{{Box|Info| | <pre>{{Box|Info|mit Text oder integrierten Vorlagen für Kurzinfos|Kurzinfo}}</pre> | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
{{Box|Info| | {{Box|Info|mit Text oder integrierten Vorlagen für Kurzinfos|Kurzinfo}} | ||
</div> | </div> | ||
</div> | </div> | ||
Zeile 144: | Zeile 146: | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Experimentieren''' | '''Experimentieren''' | ||
<pre>{{Box|Experiment| | <pre>{{Box|Experiment|mit Text für Experimente und Versuche|Experimentieren}}</pre> | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
{{Box|Experiment| | {{Box|Experiment|mit Text für Experimente und Versuche|Experimentieren}} | ||
</div> | </div> | ||
</div> | </div> | ||
Zeile 154: | Zeile 156: | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Download''' | '''Download''' | ||
<pre>{{Box|Download| | <pre>{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}</pre> | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
{{Box|Download|möglichst | {{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}} | ||
</div> | </div> | ||
</div> | </div> | ||
Zeile 164: | Zeile 166: | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Frage''' | '''Frage''' | ||
<pre>{{Box|Frage| | <pre>{{Box|Frage|mit einer Frage|Frage}}</pre> | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
{{Box|Frage| | {{Box|Frage|mit einer Frage|Frage}} | ||
</div> | </div> | ||
</div> | </div> | ||
==Mögliche Probleme== | |||
Es gibt '''verschiedene Gründe, warum das Box-Design nicht richtig verwendet wird'''. | |||
=== das Gleichheitszeichen === | |||
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> | 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> | ||
Zeile 191: | Zeile 194: | ||
</div> | </div> | ||
=== 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 Boxen ein Problem. Bei diesem und allen anderen Problemen gibt es eine alternative Möglichkeit, wie man diese "Box" erzeugen kann. | ||
Zeile 233: | Zeile 236: | ||
{{!)}} | {{!)}} | ||
==== Vergleich der Tabellensyntaxelemente ==== | |||
{{3Spalten | {{3Spalten | ||
Zeile 272: | Zeile 275: | ||
}} | }} | ||
==== ein komplizierteres Beispiel ==== | |||
{{(!}} class="wikitable" | {{(!}} class="wikitable" | ||
Zeile 312: | Zeile 315: | ||
{{!)}} | {{!)}} | ||
</pre> | </pre> | ||
Aktuelle Version vom 4. April 2020, 12:01 Uhr
Hilfen im Grundschullernportal
Vorlagen
Multimedia
- Einbinden von Medien (Youtube, Geogebra, etc.)
- Interaktive Übungen (z.B. Learning Apps, H5P, R-Quizze)
- Digitale Tools (zum kollaborativen Arbeiten) (z.B. Padlet, Mentimeter, AnswerGarden)
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:
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}}
Hervorhebung 2
{{Box|Hervorhebung2|mit Text für Hervorhebungen|Hervorhebung2}}
Üben
{{Box|Üben|mit Text für Übungen und Aufgaben|Üben}}
Zitat
{{Box|Zitat|mit Text für Zitate und Quellen|Zitat}}
Arbeitsmethode
{{Box|Arbeitsmethode|mit Text für Arbeitsmethoden|Arbeitsmethode}}
Unterrichtsidee
{{Box|Idee|mit Text für Unterrichtsideen|Unterrichtsidee }}
Meinung
{{Box|Meinung|mit Text für Meinungen|Meinung}}
Lernpfad
{{Box|Lernpfad|mit Text für Lernpfade|Lernpfad}}
Lösung
{{Box|Lösung|mit Text für Lösungen|Lösung}}
Merksatz
{{Box|Merke|mit Text für Definitionen und Merksätzen|Merksatz}}
Kurzinfo
{{Box|Info|mit Text oder integrierten Vorlagen für Kurzinfos|Kurzinfo}}
Experimentieren
{{Box|Experiment|mit Text für Experimente und Versuche|Experimentieren}}
Download
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
Frage
{{Box|Frage|mit einer 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.
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
Zeile 1 / Spalte A | Zeile 1 / Spalte B |
Zeile 2 / Spalte A | Zeile 2 / Spalte B |
{| class=wikitable |- | Zeile 1 / Spalte A | Zeile 1 / Spalte B |- | Zeile 2 / Spalte A | Zeile 2 / Spalte B |}
{{(!}} class=wikitable {{!-}} {{!}} Zeile 1 / Spalte A {{!}} Zeile 1 / Spalte B {{!-}} {{!}} Zeile 2 / Spalte A {{!}} Zeile 2 / Spalte B {{!)}}
ein komplizierteres Beispiel
class="wikitable"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 {{!)}}