Hilfe:Box: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
|||
(7 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
{{Hilfe Navigation}} | {{Hilfe Navigation}} | ||
Für das einheitliche Hervorheben von ähnlichen Inhalten soll | 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 8: | Zeile 8: | ||
<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 | Man kann zur besseren Übersichtlichkeit auch Zeilenumbrüche einfügen: | ||
<pre>{{Box|Hier ist die Überschrift| | <pre>{{Box|Hier ist die Überschrift| | ||
Zeile 15: | Zeile 15: | ||
|Merksatz}}</pre> | |Merksatz}}</pre> | ||
</div> | |||
<div class="width-1-2"> | <div class="width-1-2"> | ||
'''Das sieht man:''' | '''Das sieht man:''' | ||
Zeile 24: | Zeile 24: | ||
==Vorlagen für Boxen== | ==Vorlagen für Boxen== | ||
Für das einheitliche | 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 36: | 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 214: | 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'''. | 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> | |||
Folgende beiden Varianten sind im Ergebnis identisch. Die benannte Variante kann allerdings auch das <code>=</code> im Text enthalten. | |||
{{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> | |||
{{!)}} | |||
{{(!}} | ===== 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 | |||
{{!-}} | |||
{{!}} Zeile 1 / Spalte A | |||
{{!}} Zeile 1 / Spalte B | |||
{{!-}} | |||
{{!}} Zeile 2 / Spalte A | |||
{{!}} Zeile 2 / Spalte B | |||
{{!)}} | |||
</pre> | |||
}} | |||
Hier ein komplizierteres Beispiel: | Hier ein komplizierteres Beispiel: | ||
Zeile 244: | Zeile 323: | ||
{{!-}} | {{!-}} | ||
! Zeilenkopf | ! 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 | ||
{{!}} | {{!)}} | ||
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 | |||
{{!}} | {{!}} Zeile 1 / Spalte A | ||
{{!}} | {{!}} Zeile 1 / Spalte B | ||
{{!-}} | {{!-}} | ||
{{!}} | {{!}} | ||
{{!}} colspan= | {{!}} Zeile 2 / Spalte A | ||
{{!}} Zeile 2 / Spalte B | |||
{{!-}} | |||
{{!}} | |||
{{!}} colspan=2 {{!}} Zeile 3 / Spalte A und B | |||
{{!)}} | {{!)}} | ||
</pre> | |||
|3=Hervorhebung2}} | |3=Hervorhebung2}} | ||
Zeile 272: | 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. | ||
[[Kategorie:Hilfe]] | [[Kategorie:Hilfe]] |
Version vom 22. April 2021, 06:23 Uhr
- Einstieg
Inhalte erstellen
Erste Schritte, Seiten anlegen, Links anlegen
Anforderungen an Seiten im ZUM-Unterrichten
Mindestumfang, gewünschte Artikel, Kategorien, Didaktik
Medien einbinden
Bilder, Videos, Geogebra, ZUMPad, etc., Lizenzen
Interaktive Übungen einbinden
H5P, Learningapps, R-Quiz
- Vorlagen
Lernpfade
Navigation, Lösung verstecken, Unterseiten
Kästen
Kästen für verschiedene Anwendungsfälle
Überblick
Überblick über weitere Hilfen
- Wartung und Pflege
Wartung und Pflege
Spezialseiten, unbenutzte Kategorien, gesuchte Seiten
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:
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}}
Hervorhebung 2
{{Box|Hervorhebung2|...|Hervorhebung2}}
Üben
{{Box|Üben|...|Üben}}
Zitat
{{Box|Zitat|....|Zitat}}
Arbeitsmethode
{{Box|Arbeitsmethode|...|Arbeitsmethode}}
Unterrichtsidee
{{Box|Idee|...|Unterrichtsidee }}
Meinung
{{Box|Meinung|...|Meinung}}
Lernpfad
{{Box|Lernpfad|...|Lernpfad}}
Lösung
{{Box|Lösung|...|Lösung}}
Merksatz
{{Box|Merke|...|Merksatz}}
Kurzinfo
{{Box|Info|...|Kurzinfo}}
Experimentieren
{{Box|Experiment|...|Experimentieren}}
Download
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
Frage
{{Box|Frage|mit einer Frage|Frage}}
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.
{{Box | Überschrift | Inhalt | Klasse }}
{{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.
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 {{!)}}
Hier ein komplizierteres Beispiel:
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.