Orient im Wandel/Vom Atlas zum Hoggar und Vorlage:Box: Unterschied zwischen den Seiten

Aus ZUM-Unterrichten
< Orient im Wandel(Unterschied zwischen Seiten)
KKeine Bearbeitungszusammenfassung
 
KKeine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
==Wüstentypen==
<onlyinclude>
[[Datei:Atlas-1980-01.jpg|thumb|Sandwüste, großer östlicher Erg]]
<div style="margin: 0 auto .5rem; overflow:hidden; border-left: 7px solid {{{Farbe|{{Farbe | {{{Typ|{{{3|unspezifisch}}}}}}}}}}};">
So stellt man sich Wüste häufig vor. Dabei nehmen  die Sandwüsten in der Sahara nur einen Anteil von ca. 25 % ein. Ein noch geringerer Anteil umfasst davon relativ hohe Sanddünen von mehreren 10ern von Metern.
<div style="height: 100%; padding: 0 1rem .5rem;"><div style="font-size: 110%; font-weight: bold; margin-bottom: .5rem; padding: .25rem"><span style="font-size: 1.95rem; vertical-align: middle;">{{#if: {{{Icon|}}}
|<span class="{{{Icon}}}"></span>
|{{#switch: {{{Typ|{{{3}}}}}}
| Hervorhebung1 = {{icon hervorhebung}}
| Hervorhebung2 = {{icon hervorhebung}}
| Zitat = {{icon zitat}}
| Arbeitsmethode = {{icon pencil}}
| Unterrichtsidee = {{icon idea}}
| Meinung = {{icon comment}}
| Lernpfad = {{icon compass}}
| Experimentieren = {{icon flask}}
| Lösung = {{icon checked}}
| Üben = {{icon edit}}
| Merksatz = {{icon pin}}
| Download = {{icon download}}
| Frage = {{icon question}}
| Kurzinfo = {{icon info}}
| {{icon point}} }}
}}</span> {{{Titel|{{{1}}}}}}</div><div>
{{{Inhalt|{{{2}}}}}}</div></div></div></onlyinclude><noinclude>


[[Datei:Atlas-1980-02.jpg|thumb|Sandwüste - großer östlicher Erg]]
Für das einheitliche Hervorheben von ähnlichen Inhalten soll die Vorlage "Box" verwendet werden.
Vielfach ist die Sandwüste weniger spektakulär. Vollkommen vegetationslose Gebiete, wie man sich gewöhnlich die Wüste vorstellt, ist eigentlich selten. Sind im Vordergrund des Bildes nur einzelne Pflanzen zu erkennen, so erweckt der Kulisseneffekt im Mittelgrund den Eindruck einer fast geschlossenen Vegetationsdecke (diffuse Vegetation) In noch trockeneren Gebieten ist die Vegetation dagegen fast auschließlich auf Tiefenlinien (Wadis) beschränkt (reduzierte Vegetation).


[[Datei:Atlas-1980-03.jpg|thumb|Schüssel-Oase]]
==Beispiel==
<div class="grid">
In der Nähe von El Oued ist eine Sonderform der Grundwasseroasen, die sogenannten "Schüsseloasen" oder Souf-Oasen,  verbreitet, bei denen man die Palmen in grundwassernahe künstliche Vertiefungen pflanzt und durch "Bepflanzung" des Randes mit trockenen Palmwedeln gegen Verwehung schützt.
<div class="width-1-2">
'''Das schreibt man:'''
===Salzwüste===
<pre>{{Box|Hier ist die Überschrift|Hier steht der Inhalt, der in der Box angezeigt wird.|Merksatz}}</pre>
Die Salzwüsten bilden sich  in weitgespannten Senken, in die Wadis endorheisch (abflusslos) entwässern und werden als Chotts (Schotts oder im Iran als Kavir) bezeichnet oder in kleiner Ausbildung als Sebkhas, sog. Salztonpfannen.
[[Datei:Atlas-1980-04-Salzwüste.jpg|thumb|Salzwüste, Algerien]]


[[Datei:Atlas-1980-05- Salzmusterböden.jpg|thumb|Salzmusterboden, Algerien]]
Man kann zur besseren Übersichtlichkeit auch Zeilenumbrüche einfügen:
Infolge des hohen Salz- oder Gipsgehaltes des Wassers kristallisieren diese Minerale an der Oberfläche über Tonablagerungen im Untergrund zu einer oftmals trügerischen Kruste aus
[[Datei:Atlas-1980-06-Bodenprofil.jpg|thumb|Bodenprofil]]


Infolge der Volumenvergrößerung bei der Kristallisation reißt die Kruste polygonartig zu sog. "Strukturböden" auf.
<pre>{{Box|Hier ist die Überschrift|


[[Datei:Atlas-1980-07- Saline.jpg|thumb|Salinen zur Salzgewinnung, Algerienim Hochland der Schotts]]
Hier steht der Inhalt, der in der Box angezeigt wird.


|Merksatz}}</pre>
</div>


Unter einer wenige Zentimeter dicken Salzkruste folgt eine stark wasserhaltige Tonschicht. Das ist das Gefährliche: es droht das Einbrechen und ähnlich wie in Mooren kann man sich oft nur mit fremder Hilfe befreien!
<div class="width-1-2">
'''Das sieht man:'''
Im Hochland der Chotts erfolgt teilweise in künstlich angelegten Salinen die Salzgewinnung.
{{Box|Hier ist die Überschrift|Hier steht der Inhalt, der in der Box angezeigt wird.|Merksatz}}
Im Vordergrund erkennt man als Pioniervegetation den Queller (Salicornia).
</div>
{{clear}}
</div>
===Steinwüste===
[[Datei:Atlas-1980-08-Steinwüste.jpg|thumb|Steinwüste, Algerien Plateau von Tademaid]]


[[Datei:Atlas-1980-09.jpg|thumb|Steinwüste, DetailaufnahmeKruste in Auflösung]]
==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|Vorlage:Box]].
<div class="grid">
<div class="width-1-2">


{{clear}}=Relief=
Verkürzt wird die Vorlage so verwendet:
<pre>{{Box|<Überschrift>|<Inhalt>|<Klasse>}}</pre>
</div>
<div class="width-1-2"></div>
</div>




==Klima==
*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:


*http://www.zum.de/Faecher/Ek/BAY/gym/Ek8/klivergl1.htm
<div class="grid">
<div class="width-1-2">


==Vegetation==
'''Hervorhebung 1'''
<pre>
{{Box|Hervorhebung1|...| Hervorhebung1}}
</pre>
</div>
<div class="width-1-2">
{{Box|Hervorhebung1|...| Hervorhebung1}}
</div>
</div>


*http://www.zum.de/Faecher/Ek/BAY/gym/afrika/afrikaveg.htm
<div class="grid">
<div class="width-1-2">
'''Hervorhebung 2'''
<pre>
{{Box|Hervorhebung2|...|Hervorhebung2}}
</pre>
</div>
<div class="width-1-2">
{{Box|Hervorhebung2|...|Hervorhebung2}}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Üben'''
<pre>
{{Box|Üben|...|Üben}}
</pre>
</div>
<div class="width-1-2">
{{Box|Üben|...|Üben}}
</div>
</div>


==Markt==
<div class="grid">
<div class="width-1-2">
'''Zitat'''
<pre>
{{Box|Zitat|....|Zitat}}
</pre>
</div>


<div class="width-1-2">
{{Box|Zitat|....|Zitat}}
</div>
</div>


<div class="grid">
<div class="width-1-2">
'''Arbeitsmethode'''
<pre>
{{Box|Arbeitsmethode|...|Arbeitsmethode}}
</pre>
</div>


<div class="width-1-2">
{{Box|Arbeitsmethode|...|Arbeitsmethode}}
</div>
</div>


Der "Parkplatz" der Mulis.
<div class="grid">
<div class="width-1-2">
'''Unterrichtsidee'''
<pre>
{{Box|Idee|...|Unterrichtsidee }}
</pre>
</div>
<div class="width-1-2">
{{Box|Idee|...|Unterrichtsidee }}
</div>
</div>


  Getreidehandel.
<div class="grid">
  <div class="width-1-2">
'''Meinung'''
<pre>
{{Box|Meinung|...|Meinung}}
</pre>
</div>


<div class="width-1-2">
{{Box|Meinung|...|Meinung}}
</div>
</div>


<div class="grid">
<div class="width-1-2">
'''Lernpfad'''
<pre>
{{Box|Lernpfad|...|Lernpfad}}
</pre>
</div>
<div class="width-1-2">
{{Box|Lernpfad|...|Lernpfad}}
</div>
</div>


<div class="grid">
<div class="width-1-2">
'''Lösung'''
<pre>
{{Box|Lösung|...|Lösung}}
</pre>
</div>
<div class="width-1-2">
{{Box|Lösung|...|Lösung}}
</div>
</div>


<div class="grid">
<div class="width-1-2">
'''Merksatz'''
<pre>
{{Box|Merke|...|Merksatz}}
</pre>
</div>
<div class="width-1-2">
{{Box|Merke|...|Merksatz}}
</div>
</div>


<div class="grid">
<div class="width-1-2">
'''Kurzinfo'''
<pre>
{{Box|Info|...|Kurzinfo}}
</pre>
</div>
<div class="width-1-2">
{{Box|Info|...|Kurzinfo}}
</div>
</div>


<div class="grid">
<div class="width-1-2">
'''Experimentieren'''
<pre>
{{Box|Experiment|...|Experimentieren}}
</pre>
</div>
<div class="width-1-2">
{{Box|Experiment|...|Experimentieren}}
</div>
</div>


Ein Gewürzstand. Man beachte die die leeren Glasflaschen rechts, die keinesfalls Abfall darstellen.
<div class="grid">
<div class="width-1-2">
'''Download'''
<pre>
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
</pre>
</div>


Vor unserem Fahrzeug vergessene leer Flaschen kamen uns über Nacht "abhanden". Von uns ausrangierte Jeans, Hemden und Ausrüstungsgegenstände wie eine Taschenlampe waren 1979 und 1981 willkommene Tauschgegenstände gegen Ziegenhaarteppiche.
<div class="width-1-2">
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
</div>
</div>


Der Textilbereich für Tücher, die an Ort und Stelle (linker Hintergrund) mit einer mechanischen Nähmaschine zu Kleidern verarbeitet wurden.
<div class="grid">
<div class="width-1-2">
'''Frage'''
<pre>
{{Box|Frage|mit einer Frage|Frage}}
</pre>
</div>


<div class="width-1-2">
{{Box|Frage|mit einer Frage|Frage}}
</div>
</div>




{{Box|1=Mögliche Probleme|2=
Es gibt '''verschiedene Gründe, warum das Box_Design nicht richtig verwendet wird'''.


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


Ein Berber präsentierte stolz sein Frau. Die Tätowierungen im Gesicht sind normalerweise Stammeskennzeichen. Der Schmuck an an Fingern, um den Hals und an den Armen ist entweder aus Silber oder Gold. Über die Schmuckfunktion hat in einer Region, in der das Bankwesen erst im Aufbau war die Funktion des Sparbuches, die Frau also die der Sparkasse, indem Sie das Vermögen hütet. Silber- und Goldschmuck wurde und wird auch heute noch vielfach, man besuche einmal einen der bei uns in Deutschland anzutreffenden türkischen Schmuckläden, nach Gewicht verkauft!
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.


{{Orient im Wandel}}
{{2Spalten
|1=
Normale Box Syntax
 
<pre>{{Box | Überschrift | Inhalt | Klasse }}</pre>
|2=
benannte Box Syntax
<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.
{{(!}} 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:
 
{{(!}} 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
{{!)}}
 
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
{{!-}}
{{!}} 
{{!}} Zeile 2 / Spalte A
{{!}} Zeile 2 / Spalte B
{{!-}}
{{!}}
{{!}} colspan=2 {{!}} Zeile 3 / Spalte A und B
{{!)}}
</pre>
 
|3=Hervorhebung2}}
 
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.
 
{{Hilfe Navigation}}
 
 
 
 
== Alternativ: Boxen mittels div-Containern und CSS-Klassen erstellen ==
Nicht alle Inhalte können als Parameter an Vorlagen (Templates) übergeben werden, z.B. HTML Tags im Wikitext, Tabellen und anderes.
Um trotzdem Boxen im gleichen Layout wie mittels obigen Vorlagen zu erstellen, gibt es auch korrespondierende CSS-Klassen.
Dazu muss der Text, der in einer Box stehen soll in einen div-Container eingefasst werden:
 
 
=== Das schreibt man: ===
<pre>
<div class="box ueben">
== Üben ==
...
</div>
</pre>
 
 
=== Das sieht man: ===
<div class="box ueben">
== Üben ==
mit Text für Übungen und Aufgaben
</div>
 
 
=== Folgende Boxen stehen zur Verfügung (analog oben) ===
 
<pre>
<div class="box hervorhebung1">
== Hervorhebung 1 ==
...
</div>
 
<div class="box hervorhebung2">
== Hervorhebung 2 ==
...
</div>
 
<div class="box zitat">
== Zitat ==
...
</div>
 
<div class="box arbeitsmethode">
== Arbeitsmethode ==
...
</div>
 
<div class="box unterrichtsidee">
== Unterrichtsidee ==
...
</div>
 
<div class="box meinung">
== Meinung ==
...
</div>
 
<div class="box lernpfad">
== Lenrpfad ==
...
</div>
 
<div class="box experimentieren">
== Experimentieren ==
...
</div>
 
<div class="box loesung">
== Lösung ==
...
</div>
 
<div class="box ueben">
== Üben ==
...
</div>
 
<div class="box kurzinfo">
== Kurzinfo ==
...
</div>
 
<div class="box experimentieren">
== Experimentieren ==
...
</div>
 
<div class="box download">
== Download ==
...
</div>
</pre>
 
 
Es müssen immmer die CSS-Klassen 'box' und ggf. die Art der Box im Beispiel oben also 'ueben' angegeben werden.
 
'''WICHTIG:''' Die CSS-Klassennamen müssen klein geschrieben sein, Umlaute müssen ersetzt werden (ü zu ue, ß zu sz usw.)
 
'''HINWEIS:''' Im Unterschied zur Verwendung des Templates werden die Überschriften im div-Container im Inhaltsverzeichnis aufgeführt. Insofern kann darüber auch gesteuert werden, welche Boxen im Inhaltsverzeichnis erscheinen sollen.
 
== Icon ändern ==
Das Icon lässt sich auch überschreiben mit dem Parameter <code>Icon</code>.
 
'''Das schreibt man'''
<pre>{{Box|Titel|Inhalt|Lösung|Icon=brainy hdg-school}}</pre>
'''Das sieht man'''
{{Box|Titel|Inhalt|Lösung|Icon=brainy hdg-school}}
 
== Farbe ändern ==
Die Farbe lässt sich auch überschreiben mit dem Parameter <code>Farbe</code>.
 
'''Das schreibt man'''
<pre>{{Box|Titel|Inhalt|Lösung|Farbe={{Farbe|orange|dunkel}} }}</pre>
'''Das sieht man'''
{{Box|Titel|Inhalt|Lösung|Farbe={{Farbe|orange|dunkel}} }}
 
{{Approved template}}
</noinclude>
 
__NOEDITSECTION__
<noinclude>
<templatedata>
{
"params": {
"Titel": {
"label": "Überschrift",
"type": "content",
"aliases": [
"1"
]
},
"Inhalt": {
"label": "Inhalt",
"type": "content",
"aliases": [
"2"
],
"required": true
},
"Typ": {
"label": "Typ",
"type": "string",
"aliases": [
"3"
],
"example": "Hervorhebung1, Frage, Lernpfad, Hervorhebung2, Merksatz, Üben, Ueben, Arbeitsmethode, Unterrichtsidee, Experimentieren, Arbeitsmethode, Unterrichtsidee, Experimentieren, Meinung, Lösung, Loesung, Download, Kurzinfo, Zitat, "
},
"Farbe": {
"type": "string"
},
"Icon": {
"type": "string"
}
},
"paramOrder": [
"Typ",
"Titel",
"Inhalt",
"Farbe",
"Icon"
],
"format": "block"
}
</templatedata>
</noinclude>

Version vom 23. April 2023, 07:24 Uhr

{{{1}}}
{{{2}}}

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.


Hilfen im ZUM-Unterrichten: Vorlagen, allgemeine Hilfeseiten

Einstieg

  1. Inhalte erstellen
    • neue Seiten anlegen
    • Texte einfügen
    • Überschriften
  2. Medien einbinden
  3. Lernpfad erstellen
    • Unterseiten
    • Fortsetzung

Vorlagen

Wartung und Pflege

neuen Platz finden

allgemeine Wiki-Hilfe



Alternativ: Boxen mittels div-Containern und CSS-Klassen erstellen

Nicht alle Inhalte können als Parameter an Vorlagen (Templates) übergeben werden, z.B. HTML Tags im Wikitext, Tabellen und anderes. Um trotzdem Boxen im gleichen Layout wie mittels obigen Vorlagen zu erstellen, gibt es auch korrespondierende CSS-Klassen. Dazu muss der Text, der in einer Box stehen soll in einen div-Container eingefasst werden:


Das schreibt man:

<div class="box ueben">
== Üben ==
...
</div>


Das sieht man:

Üben

mit Text für Übungen und Aufgaben


Folgende Boxen stehen zur Verfügung (analog oben)

<div class="box hervorhebung1">
== Hervorhebung 1 ==
...
</div>

<div class="box hervorhebung2">
== Hervorhebung 2 ==
...
</div>

<div class="box zitat">
== Zitat ==
...
</div>

<div class="box arbeitsmethode">
== Arbeitsmethode ==
...
</div>

<div class="box unterrichtsidee">
== Unterrichtsidee ==
...
</div>

<div class="box meinung">
== Meinung ==
...
</div>

<div class="box lernpfad">
== Lenrpfad ==
...
</div>

<div class="box experimentieren">
== Experimentieren ==
...
</div>

<div class="box loesung">
== Lösung ==
...
</div>

<div class="box ueben">
== Üben ==
...
</div>

<div class="box kurzinfo">
== Kurzinfo ==
...
</div>

<div class="box experimentieren">
== Experimentieren ==
...
</div>

<div class="box download">
== Download ==
...
</div>


Es müssen immmer die CSS-Klassen 'box' und ggf. die Art der Box im Beispiel oben also 'ueben' angegeben werden.

WICHTIG: Die CSS-Klassennamen müssen klein geschrieben sein, Umlaute müssen ersetzt werden (ü zu ue, ß zu sz usw.)

HINWEIS: Im Unterschied zur Verwendung des Templates werden die Überschriften im div-Container im Inhaltsverzeichnis aufgeführt. Insofern kann darüber auch gesteuert werden, welche Boxen im Inhaltsverzeichnis erscheinen sollen.

Icon ändern

Das Icon lässt sich auch überschreiben mit dem Parameter Icon.

Das schreibt man 

{{Box|Titel|Inhalt|Lösung|Icon=brainy hdg-school}}

Das sieht man

Titel
Inhalt

Farbe ändern

Die Farbe lässt sich auch überschreiben mit dem Parameter Farbe.

Das schreibt man 

{{Box|Titel|Inhalt|Lösung|Farbe={{Farbe|orange|dunkel}} }}

Das sieht man

Titel
Inhalt


Diese Vorlage wird benötigt
Ein Admin hat diese Vorlage überprüft und entschieden, dass diese Vorlage benötigt wird.



Keine Beschreibung.

Vorlagenparameter

Diese Vorlage bevorzugt Blockformatierung von Parametern.

ParameterBeschreibungTypStatus
TypTyp 3

keine Beschreibung

Beispiel
Hervorhebung1, Frage, Lernpfad, Hervorhebung2, Merksatz, Üben, Ueben, Arbeitsmethode, Unterrichtsidee, Experimentieren, Arbeitsmethode, Unterrichtsidee, Experimentieren, Meinung, Lösung, Loesung, Download, Kurzinfo, Zitat,
Zeichenfolgeoptional
ÜberschriftTitel 1

keine Beschreibung

Inhaltoptional
InhaltInhalt 2

keine Beschreibung

Inhalterforderlich
FarbeFarbe

keine Beschreibung

Zeichenfolgeoptional
IconIcon

keine Beschreibung

Zeichenfolgeoptional
Abgerufen von „https://unterrichten.zum.de/index.php?title=Orient_im_Wandel/Vom_Atlas_zum_Hoggar&oldid=134810“