Benutzer:Maria Eirich/Box mit Tabelle und Vorlage:Box: Unterschied zwischen den Seiten

Aus ZUM-Unterrichten
< Benutzer:Maria Eirich(Unterschied zwischen Seiten)
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
Zeile 1: Zeile 1:
{{Box
<noinclude>
|Aufgabe 1
[[Kategorie:Vorlage:Standard]]
|'''Für diese Aufgabe benötigst du deinen Hefter (Lernpfadaufgaben, S. 9)''' [[Datei:Notepad-117597.svg|right|40px|Notizblock mit Bleistift|verweis=Datei:Notepad-117597.svg]].
== Boxen erstellen mittels Template ==
=== Das schreibt man: ===
<pre>
{{Box| Titel | Inhalt | class }}
</pre>
 
Als Klassen/class stehen einige Varianten zur Verfügung wie Hervorhebung1, Hervorhebung2, Zitat, ... , allerdings ist dies optional (siehe Beispiele!)
=== Das sieht man: ===
</noinclude><onlyinclude>
<div style="margin: 0 auto .5rem; overflow:hidden; border-left: 7px solid {{#if: {{{3|}}} | {{#switch: {{{3}}}
| Hervorhebung1 = #FFDC00
| Hervorhebung2 = #FF4136
| Zitat = #AAA
| Arbeitsmethode = #0074D9
| Unterrichtsidee = #3D9970
| Meinung = #85144B
| Lernpfad = #FF851B
| Experimentieren = #39CCCC
| Lösung = #7FDBFF
| Üben = #2ECC70
| Merksatz = #FF4136
| Download = #557799
| Kurzinfo = #CCC}}
| #eee }};">
<div style="height: 100%; padding: 0 1rem; "><div style="font-size:110%; font-weight:bold; margin-bottom: .5rem; padding:.25rem .25rem; border-bottom: 0px solid #AAA;" class="Arbeitsauftrag_Titel"><span style="font-size:1.95rem; vertical-align: middle;">{{#if: {{{3|}}} | {{#switch: {{{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}}
| Kurzinfo = {{icon info}} }}
| {{icon point}}  }}</span> {{{1}}}</div><div style="padding-bottom: .5rem;">
{{{2}}}</div></div></div></onlyinclude><noinclude>
 
=== andere Beispiele ===
 
{{Box|Hervorhebung1|mit Text für Hervorhebungen| Hervorhebung1 }}
 
{{Box|Hervorhebung2|mit Text für Hervorhebungen|Hervorhebung2}}
 
{{Box|Zitat|mit Text für Zitate und Quellen|Zitat }}
 
{{Box|Arbeitsmethode|mit Text für Arbeitsmethoden|Arbeitsmethode }}
 
{{Box|Unterrichtsidee|mit Text für Unterrichtsidee|Unterrichtsidee }}
 
{{Box|Meinung|mit Text für Meinungen|Meinung}}
 
{{Box|Lernpfad |mit Text für Lernpfade|Lernpfad }}


Finde Werte für a, d und e, so dass <math>f(x)</math> die Kurve auf dem Bild möglichst gut beschreibt. Entscheide dich für drei Hintergrundbilder deiner Wahl und notiere den Funktionsterm in deinem Hefter. Wenn du noch weiter arbeiten möchtest, kannst du auch einige der übrigen Hintergundbilder bearbeiten.
{{Box|Experimentieren|mit Text für Experimente und Versuche|Experimentieren}}


{{Lösung versteckt|1=Da es nicht die eine richtige Lösung gibt, findest du in der Tabelle Lösungsvorschläge sowie Spielräume, in denen die Parameter liegen können, um den Verlauf angemessen zu beschreiben.
{{Box|Lösung|mit Text für Lösungen|Lösung}}


{{{!}} class="wikitable"
{{Box|Üben|mit Text für Übungen und Aufgaben|Üben}}
{{!}}-
! Hintergrundbild!! Lösungsvorschlag !! Parameter a !! Parameter d !! Parameter e
{{!}}-
{{!}} Angry Birds {{!}}{{!}} <math>f(x)=-0.13(x-7)^2+4.85</math> {{!}}{{!}} -0.15 ≤ a ≤ -0.13 {{!}}{{!}} 6.80 ≤ d ≤ 7.20 {{!}}{{!}} 4.70 ≤ e ≤ 5.00
{{!}}-
{{!}} Golden Gate Bridge {{!}}{{!}} <math>f(x)=0.04(x-5.7)^2+1</math> {{!}}{{!}} 0.03 ≤ a ≤ 0.05 {{!}}{{!}} 5.00 ≤ d ≤ 6.40 {{!}}{{!}} 0.80 ≤ e ≤ 1.10
{{!}}-
{{!}} Springbrunnen {{!}}{{!}} <math>f(x)=-0.33(x-4,85)^2+5.3</math> {{!}}{{!}} -0.40 ≤ a ≤ -0.30 {{!}}{{!}} 4.70 ≤ d ≤ 5.00 {{!}}{{!}} 5.10 ≤ e ≤ 5.50
{{!}}-
{{!}} Elbphilharmonie (Bogen links) {{!}}{{!}} <math>f(x)=0.40(x-2,50)^2+4.35</math> {{!}}{{!}} 0.33 ≤ a ≤ 0.47 {{!}}{{!}} 2.40 ≤ d ≤ 2.60 {{!}}{{!}} 4.25 ≤ e ≤ 4.40
{{!}}-
{{!}} Elbphilharmonie (Bogen mitte) {{!}}{{!}} <math>f(x)=0.33(x-5.85)^2+3.4</math> {{!}}{{!}} 0.30 ≤ a ≤ 0.36 {{!}}{{!}} 5.70 ≤ d ≤ 6.00 {{!}}{{!}} 3.20 ≤ e ≤ 3.60
{{!}}-
{{!}} Elbphilharmonie (Bogen rechts) {{!}}{{!}} <math>f(x)=0.22(x-9,40)^2+3.60</math> {{!}}{{!}} 0.18 ≤ a ≤ 0.27 {{!}}{{!}} 9.30 ≤ d ≤ 9.50 {{!}}{{!}} 3.55 ≤ e ≤ 3.65
{{!}}-
{{!}} Gebirgsformation {{!}}{{!}} <math>f(x)=-0.2(x-5.4)^2+2.3</math> {{!}}{{!}} -0.30 ≤ a ≤ -0.10 {{!}}{{!}} 5.10 ≤ d ≤ 5.70 {{!}}{{!}} 2.10 ≤ e ≤ 2.50
{{!}}-
{{!}} Motorrad-Stunt {{!}}{{!}} <math>f(x)=-0.07(x-7.7)^2+5.95</math> {{!}}{{!}} -0.10 ≤ a ≤ -0.04 {{!}}{{!}} 7.30 ≤ d ≤ 8.10 {{!}}{{!}} 5.70 ≤ e ≤ 6.20
{{!}}-
{{!}} Basketball {{!}}{{!}} <math>f(x)=-0.32(x-6.5)^2+6.45</math> {{!}}{{!}} -0.35 ≤ a ≤ -0.29 {{!}}{{!}} 6.20 ≤ d ≤ 6.80 {{!}}{{!}} 6.20 ≤ e ≤ 6.70
{{!}}}
|2=Lösungsvorschläge anzeigen|3=Lösungsvorschläge verbergen}}
|Arbeitsmethode
}}


<pre>
{{Box|Merksatz|mit Text für Definitionen und Merksätzen|Merksatz}}
{{Box
|Aufgabe 1
|'''Für diese Aufgabe benötigst du deinen Hefter (Lernpfadaufgaben, S. 9)''' [[Datei:Notepad-117597.svg|right|40px|Notizblock mit Bleistift|verweis=Datei:Notepad-117597.svg]].


Finde Werte für a, d und e, so dass <math>f(x)</math> die Kurve auf dem Bild möglichst gut beschreibt. Entscheide dich für drei Hintergrundbilder deiner Wahl und notiere den Funktionsterm in deinem Hefter. Wenn du noch weiter arbeiten möchtest, kannst du auch einige der übrigen Hintergundbilder bearbeiten.
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}


{{Lösung versteckt|1=Da es nicht die eine richtige Lösung gibt, findest du in der Tabelle Lösungsvorschläge sowie Spielräume, in denen die Parameter liegen können, um den Verlauf angemessen zu beschreiben.
{{Box|Kurzinfo|mit Text oder integrierten Vorlagen für Kurzinfos|Kurzinfo}}


{{{!}} class="wikitable"
{{!}}-
! Hintergrundbild!! Lösungsvorschlag !! Parameter a !! Parameter d !! Parameter e
{{!}}-
{{!}} Angry Birds {{!}}{{!}} <math>f(x)=-0.13(x-7)^2+4.85</math> {{!}}{{!}} -0.15 ≤ a ≤ -0.13 {{!}}{{!}} 6.80 ≤ d ≤ 7.20 {{!}}{{!}} 4.70 ≤ e ≤ 5.00
{{!}}-
{{!}} Golden Gate Bridge {{!}}{{!}} <math>f(x)=0.04(x-5.7)^2+1</math> {{!}}{{!}} 0.03 ≤ a ≤ 0.05 {{!}}{{!}} 5.00 ≤ d ≤ 6.40 {{!}}{{!}} 0.80 ≤ e ≤ 1.10
{{!}}-
{{!}} Springbrunnen {{!}}{{!}} <math>f(x)=-0.33(x-4,85)^2+5.3</math> {{!}}{{!}} -0.40 ≤ a ≤ -0.30 {{!}}{{!}} 4.70 ≤ d ≤ 5.00 {{!}}{{!}} 5.10 ≤ e ≤ 5.50
{{!}}-
{{!}} Elbphilharmonie (Bogen links) {{!}}{{!}} <math>f(x)=0.40(x-2,50)^2+4.35</math> {{!}}{{!}} 0.33 ≤ a ≤ 0.47 {{!}}{{!}} 2.40 ≤ d ≤ 2.60 {{!}}{{!}} 4.25 ≤ e ≤ 4.40
{{!}}-
{{!}} Elbphilharmonie (Bogen mitte) {{!}}{{!}} <math>f(x)=0.33(x-5.85)^2+3.4</math> {{!}}{{!}} 0.30 ≤ a ≤ 0.36 {{!}}{{!}} 5.70 ≤ d ≤ 6.00 {{!}}{{!}} 3.20 ≤ e ≤ 3.60
{{!}}-
{{!}} Elbphilharmonie (Bogen rechts) {{!}}{{!}} <math>f(x)=0.22(x-9,40)^2+3.60</math> {{!}}{{!}} 0.18 ≤ a ≤ 0.27 {{!}}{{!}} 9.30 ≤ d ≤ 9.50 {{!}}{{!}} 3.55 ≤ e ≤ 3.65
{{!}}-
{{!}} Gebirgsformation {{!}}{{!}} <math>f(x)=-0.2(x-5.4)^2+2.3</math> {{!}}{{!}} -0.30 ≤ a ≤ -0.10 {{!}}{{!}} 5.10 ≤ d ≤ 5.70 {{!}}{{!}} 2.10 ≤ e ≤ 2.50
{{!}}-
{{!}} Motorrad-Stunt {{!}}{{!}} <math>f(x)=-0.07(x-7.7)^2+5.95</math> {{!}}{{!}} -0.10 ≤ a ≤ -0.04 {{!}}{{!}} 7.30 ≤ d ≤ 8.10 {{!}}{{!}} 5.70 ≤ e ≤ 6.20
{{!}}-
{{!}} Basketball {{!}}{{!}} <math>f(x)=-0.32(x-6.5)^2+6.45</math> {{!}}{{!}} -0.35 ≤ a ≤ -0.29 {{!}}{{!}} 6.20 ≤ d ≤ 6.80 {{!}}{{!}} 6.20 ≤ e ≤ 6.70
{{!}}}
|2=Lösungsvorschläge anzeigen|3=Lösungsvorschläge verbergen}}
|Arbeitsmethode
}}
</pre>


<div class="box arbeitsmethode">
=== Hinweise zur Gestaltung dieser Vorlage ===
== Aufgabe 1 ==
Diese Vorlage kann für verschiedene Elemente angepasst werden. Dazu kann die Farbe des linken Balkens und das in der Titelzeile eingeblendete Bild an dieser zentralen Stelle für alle Seiten festgelegt werden.
'''Für diese Aufgabe benötigst du deinen Hefter (Lernpfadaufgaben, S. 9)''' [[Datei:Notepad-117597.svg|right|40px|Notizblock mit Bleistift|verweis=Datei:Notepad-117597.svg]].


Finde Werte für a, d und e, so dass <math>f(x)</math> die Kurve auf dem Bild möglichst gut beschreibt. Entscheide dich für drei Hintergrundbilder deiner Wahl und notiere den Funktionsterm in deinem Hefter. Wenn du noch weiter arbeiten möchtest, kannst du auch einige der übrigen Hintergundbilder bearbeiten.


<div class="mw-collapsible mw-collapsed" data-expandtext="Lösungsvorschläge anzeigen" data-collapsetext="Lösungsvorschläge verbergen">
== Alternativ: Boxen mittels div-Containern und CSS-Klassen erstellen ==
Da es nicht die eine richtige Lösung gibt, findest du in der Tabelle Lösungsvorschläge sowie Spielräume, in denen die Parameter liegen können, um den Verlauf angemessen zu beschreiben.
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:


{| class="wikitable"
|-
! Hintergrundbild!! Lösungsvorschlag !! Parameter a !! Parameter d !! Parameter e
|-
| Angry Birds || <math>f(x)=-0.13(x-7)^2+4.85</math> || -0.15 ≤ a ≤ -0.13 || 6.80 ≤ d ≤ 7.20 || 4.70 ≤ e ≤ 5.00
|-
| Golden Gate Bridge || <math>f(x)=0.04(x-5.7)^2+1</math> || 0.03 ≤ a ≤ 0.05 || 5.00 ≤ d ≤ 6.40 || 0.80 ≤ e ≤ 1.10
|-
| Springbrunnen || <math>f(x)=-0.33(x-4,85)^2+5.3</math> || -0.40 ≤ a ≤ -0.30 || 4.70 ≤ d ≤ 5.00 || 5.10 ≤ e ≤ 5.50
|-
| Elbphilharmonie (Bogen links) || <math>f(x)=0.40(x-2,50)^2+4.35</math> || 0.33 ≤ a ≤ 0.47 || 2.40 ≤ d ≤ 2.60 || 4.25 ≤ e ≤ 4.40
|-
| Elbphilharmonie (Bogen mitte) || <math>f(x)=0.33(x-5.85)^2+3.4</math> || 0.30 ≤ a ≤ 0.36 || 5.70 ≤ d ≤ 6.00 || 3.20 ≤ e ≤ 3.60
|-
| Elbphilharmonie (Bogen rechts) || <math>f(x)=0.22(x-9,40)^2+3.60</math> || 0.18 ≤ a ≤ 0.27 || 9.30 ≤ d ≤ 9.50 || 3.55 ≤ e ≤ 3.65
|-
| Gebirgsformation || <math>f(x)=-0.2(x-5.4)^2+2.3</math> || -0.30 ≤ a ≤ -0.10 || 5.10 ≤ d ≤ 5.70 || 2.10 ≤ e ≤ 2.50
|-
| Motorrad-Stunt || <math>f(x)=-0.07(x-7.7)^2+5.95</math> || -0.10 ≤ a ≤ -0.04 || 7.30 ≤ d ≤ 8.10 || 5.70 ≤ e ≤ 6.20
|-
| Basketball || <math>f(x)=-0.32(x-6.5)^2+6.45</math> || -0.35 ≤ a ≤ -0.29 || 6.20 ≤ d ≤ 6.80 || 6.20 ≤ e ≤ 6.70
|}
</div></div>


=== Das schreibt man: ===
<pre>
<pre>
<div class="box arbeitsmethode">
<div class="box ueben">
== Aufgabe 1 ==
== Üben ==
'''Für diese Aufgabe benötigst du deinen Hefter (Lernpfadaufgaben, S. 9)''' [[Datei:Notepad-117597.svg|right|40px|Notizblock mit Bleistift|verweis=Datei:Notepad-117597.svg]].
...
</div>
</pre>


Finde Werte für a, d und e, so dass <math>f(x)</math> die Kurve auf dem Bild möglichst gut beschreibt. Entscheide dich für drei Hintergrundbilder deiner Wahl und notiere den Funktionsterm in deinem Hefter. Wenn du noch weiter arbeiten möchtest, kannst du auch einige der übrigen Hintergundbilder bearbeiten.


<div class="mw-collapsible mw-collapsed" data-expandtext="Lösungsvorschläge anzeigen" data-collapsetext="Lösungsvorschläge verbergen">
=== Das sieht man: ===
Da es nicht die eine richtige Lösung gibt, findest du in der Tabelle Lösungsvorschläge sowie Spielräume, in denen die Parameter liegen können, um den Verlauf angemessen zu beschreiben.
<div class="box ueben">
== Üben ==
...
</div>


{| class="wikitable"
|-
! Hintergrundbild!! Lösungsvorschlag !! Parameter a !! Parameter d !! Parameter e
|-
| Angry Birds || <math>f(x)=-0.13(x-7)^2+4.85</math> || -0.15 ≤ a ≤ -0.13 || 6.80 ≤ d ≤ 7.20 || 4.70 ≤ e ≤ 5.00
|-
| Golden Gate Bridge || <math>f(x)=0.04(x-5.7)^2+1</math> || 0.03 ≤ a ≤ 0.05 || 5.00 ≤ d ≤ 6.40 || 0.80 ≤ e ≤ 1.10
|-
| Springbrunnen || <math>f(x)=-0.33(x-4,85)^2+5.3</math> || -0.40 ≤ a ≤ -0.30 || 4.70 ≤ d ≤ 5.00 || 5.10 ≤ e ≤ 5.50
|-
| Elbphilharmonie (Bogen links) || <math>f(x)=0.40(x-2,50)^2+4.35</math> || 0.33 ≤ a ≤ 0.47 || 2.40 ≤ d ≤ 2.60 || 4.25 ≤ e ≤ 4.40
|-
| Elbphilharmonie (Bogen mitte) || <math>f(x)=0.33(x-5.85)^2+3.4</math> || 0.30 ≤ a ≤ 0.36 || 5.70 ≤ d ≤ 6.00 || 3.20 ≤ e ≤ 3.60
|-
| Elbphilharmonie (Bogen rechts) || <math>f(x)=0.22(x-9,40)^2+3.60</math> || 0.18 ≤ a ≤ 0.27 || 9.30 ≤ d ≤ 9.50 || 3.55 ≤ e ≤ 3.65
|-
| Gebirgsformation || <math>f(x)=-0.2(x-5.4)^2+2.3</math> || -0.30 ≤ a ≤ -0.10 || 5.10 ≤ d ≤ 5.70 || 2.10 ≤ e ≤ 2.50
|-
| Motorrad-Stunt || <math>f(x)=-0.07(x-7.7)^2+5.95</math> || -0.10 ≤ a ≤ -0.04 || 7.30 ≤ d ≤ 8.10 || 5.70 ≤ e ≤ 6.20
|-
| Basketball || <math>f(x)=-0.32(x-6.5)^2+6.45</math> || -0.35 ≤ a ≤ -0.29 || 6.20 ≤ d ≤ 6.80 || 6.20 ≤ e ≤ 6.70
|}
</div></div>


</pre>
=== Folgende Boxen stehen zur Verfügung (analog oben) ===
{{Box|1=Aufgabe 1
|2='''Für diese Aufgabe benötigst du deinen Hefter (Lernpfadaufgaben, S. 9)''' [[Datei:Notepad-117597.svg|right|40px|Notizblock mit Bleistift|verweis=Datei:Notepad-117597.svg]].


Finde Werte für a, d und e, so dass <math>f(x)</math> die Kurve auf dem Bild möglichst gut beschreibt. Entscheide dich für drei Hintergrundbilder deiner Wahl und notiere den Funktionsterm in deinem Hefter. Wenn du noch weiter arbeiten möchtest, kannst du auch einige der übrigen Hintergundbilder bearbeiten.
<pre>
<div class="box hervorhebung1">
== Hervorhebung 1 ==
...
</div>


<div class="mw-collapsible mw-collapsed" data-expandtext="Lösungsvorschläge anzeigen" data-collapsetext="Lösungsvorschläge verbergen">
<div class="box hervorhebung2">
Da es nicht die eine richtige Lösung gibt, findest du in der Tabelle Lösungsvorschläge sowie Spielräume, in denen die Parameter liegen können, um den Verlauf angemessen zu beschreiben.
== Hervorhebung 2 ==
...
</div>


{| class="wikitable"
<div class="box zitat">
|-
== Zitat ==
! Hintergrundbild!! Lösungsvorschlag !! Parameter a !! Parameter d !! Parameter e
...
|-
</div>
| Angry Birds || <math>f(x)=-0.13(x-7)^2+4.85</math> || -0.15 ≤ a ≤ -0.13 || 6.80 ≤ d ≤ 7.20 || 4.70 ≤ e ≤ 5.00
|-
| Golden Gate Bridge || <math>f(x)=0.04(x-5.7)^2+1</math> || 0.03 ≤ a ≤ 0.05 || 5.00 ≤ d ≤ 6.40 || 0.80 ≤ e ≤ 1.10
|-
| Springbrunnen || <math>f(x)=-0.33(x-4,85)^2+5.3</math> || -0.40 ≤ a ≤ -0.30 || 4.70 ≤ d ≤ 5.00 || 5.10 ≤ e ≤ 5.50
|-
| Elbphilharmonie (Bogen links) || <math>f(x)=0.40(x-2,50)^2+4.35</math> || 0.33 ≤ a ≤ 0.47 || 2.40 ≤ d ≤ 2.60 || 4.25 ≤ e ≤ 4.40
|-
| Elbphilharmonie (Bogen mitte) || <math>f(x)=0.33(x-5.85)^2+3.4</math> || 0.30 ≤ a ≤ 0.36 || 5.70 ≤ d ≤ 6.00 || 3.20 ≤ e ≤ 3.60
|-
| Elbphilharmonie (Bogen rechts) || <math>f(x)=0.22(x-9,40)^2+3.60</math> || 0.18 ≤ a ≤ 0.27 || 9.30 ≤ d ≤ 9.50 || 3.55 ≤ e ≤ 3.65
|-
| Gebirgsformation || <math>f(x)=-0.2(x-5.4)^2+2.3</math> || -0.30 ≤ a ≤ -0.10 || 5.10 ≤ d ≤ 5.70 || 2.10 ≤ e ≤ 2.50
|-
| Motorrad-Stunt || <math>f(x)=-0.07(x-7.7)^2+5.95</math> || -0.10 ≤ a ≤ -0.04 || 7.30 ≤ d ≤ 8.10 || 5.70 ≤ e ≤ 6.20
|-
| Basketball || <math>f(x)=-0.32(x-6.5)^2+6.45</math> || -0.35 ≤ a ≤ -0.29 || 6.20 ≤ d ≤ 6.80 || 6.20 ≤ e ≤ 6.70
|}
|3=Arbeitsmethode}}


== Lösungen verstecken==
<div class="box arbeitsmethode">
S(1|1) '''ok'''  <pre><div class="mw-collapsible mw-collapsed" data-expandtext="Beispiel" data-collapsetext="Beispiel verbergen"> S(1|1)</div></pre>  
== Arbeitsmethode ==
...
</div>


<div class="mw-collapsible mw-collapsed" data-expandtext="Beispiel" data-collapsetext="Beispiel verbergen">
<div class="box unterrichtsidee">
S(1|1)</div>
== Unterrichtsidee ==
...
</div>


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


S(1|1) '''nicht ok ''' <pre>{{Lösung versteckt|1=S(1|1)}}</pre>  
<div class="box lernpfad">
{{Lösung versteckt|1=S(1|1)}}
== Lenrpfad ==
...
</div>


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


<math>y=(x-1)^2+1</math> '''ok''' mit <pre>{{Lösung versteckt|1=<math>y=(x-1)^2+1</math>}}</pre>
<div class="box loesung">
{{Lösung versteckt|1=<math>y=(x-1)^2+1</math>}}
== Lösung ==
...
</div>


ok mit <pre>{{Lösung versteckt|<math>y=(x-1)^2+1</math>}}</pre>  
<div class="box ueben">
{{Lösung versteckt|<math>y=(x-1)^2+1</math>}}
== Üben ==
...
</div>


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


y= x-1 '''ok''' mit <pre>{{Lösung versteckt|1= y = x-1}}</pre>  
<div class="box experimentieren">
{{Lösung versteckt|1= y= x-1}}
== Experimentieren ==
...
</div>


'''nicht ok mit''' <pre>{{Lösung versteckt|y= x-1}}</pre>  
<div class="box download">
{{Lösung versteckt| y = x-1}}
== Download ==
...
</div>
</pre>


==Boxen und Lösungen verstecken '''nur mit |1=... |2=... |3=...'''==
{{Lösung versteckt|1=
#<span style="color: red">a bestimmt die Weite und die Öffnung nach oben und unten</span><br />
#<span style="color: blue">b verschiebt den Scheitel</span><br />
#<span style="color: green">c verschiebt den Scheitel für '''c > 0 nach oben''' und für '''c < 0 nach unten'''</span><br />
}}


{{Lösung versteckt|1=
Es müssen immmer die CSS-Klassen 'box' und ggf. die Art der Box im Beispiel oben also 'ueben' angegeben werden.
#<span style="color: blue">a = 0,5; b = 2,4; c = - 1</span><br />
#<span style="color: red">a = - 1; b = -3; c = 2</span><br />
#<span style="color: green">a = 0,5; b = - 2,4; c = - 1</span><br />
}}


{{Lösung versteckt|1=
'''WICHTIG:''' Die CSS-Klassennamen müssen klein geschrieben sein, Umlaute müssen ersetzt werden (ü zu ue, ß zu sz usw.)
#<span style="color: green">Scheitel von f: '''S(-3/-2)'''</span>;  <span style="color: blue">Scheitel von g:''' S(1/3)'''</span>
#'''Parabel von f''': Enger als Normalparabel, nach oben geöffnet, verschoben
::'''Parabel von g''': Weiter als Normalparabel, nach unten geöffnet, verschoben
}}


{{Box|1=Aufgabe 3|2=
'''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.
Untersuche nun die Funktionen f mit '''f(x) = 1,5x<sup>2</sup> + 9x + 11,5''' und g mit '''g(x) = - 0,5x<sup>2</sup> + x + 2,5'''
#Zeichne mit Hilfe einer Wertetabelle die Graphen G<sub>f</sub> und G<sub>g</sub> in ein gemeinsames Koordinatensystem.
#Gib die Koordinaten der beiden Scheitel S<sub>f</sub> und S<sub>g</sub> an.
#Vergleiche die beiden Parabeln mit der Normalparabel.
|3=Arbeitsmethode}}


{{Approved template}}
</noinclude>


*[https://wiki.zum.de/index.php?title=Hilfe:Vorlagen_f%C3%BCr_die_Schule&action=edit vgl. Hinweis ZUM-Wiki]:
__NOEDITSECTION__
**In Vorlagen mit nur einer oder zwei Variablen wird <nowiki>{{{1}}}</nowiki> und <nowiki>{{{2}}}</nowiki> als Variable verwendet. Dies hat den Vorteil, dass der Platz für die jeweilige Variable direkt gefüllt werden kann (siehe z.B. <nowiki>{{Merke|Merktext}}</nowiki>). Lediglich in seltenen Fällen (wenn innerhalb des eingefügten Textes bestimmte Sonderzeichen vorhanden sind, insbesondere Gleichheitszeichen) muss die Bezeichnung Variable mit eingefügt werden (z.B. so: <nowiki>{{Merke|1=Merktext}}</nowiki>).
<noinclude>
<templatedata>
{
"params": {
"Typ": {},
"Überschrift": {},
"Text": {}
},
"paramOrder": [
"Typ",
"Überschrift",
"Text"
],
"format": "block"
}
</templatedata>
</noinclude>

Version vom 12. Juni 2018, 11:57 Uhr

Boxen erstellen mittels Template

Das schreibt man:

{{Box| Titel | Inhalt | class }}

Als Klassen/class stehen einige Varianten zur Verfügung wie Hervorhebung1, Hervorhebung2, Zitat, ... , allerdings ist dies optional (siehe Beispiele!)

Das sieht man:

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

andere Beispiele

Hervorhebung1
mit Text für Hervorhebungen


Hervorhebung2
mit Text für Hervorhebungen


Zitat
mit Text für Zitate und Quellen


Arbeitsmethode
mit Text für Arbeitsmethoden


Unterrichtsidee
mit Text für Unterrichtsidee


Meinung
mit Text für Meinungen


Lernpfad
mit Text für Lernpfade


Experimentieren
mit Text für Experimente und Versuche


Lösung
mit Text für Lösungen


Üben
mit Text für Übungen und Aufgaben


Merksatz
mit Text für Definitionen und Merksätzen


Download
mit (möglichst internen) Links zu herunterladbarem Material


Kurzinfo
mit Text oder integrierten Vorlagen für Kurzinfos


Hinweise zur Gestaltung dieser Vorlage

Diese Vorlage kann für verschiedene Elemente angepasst werden. Dazu kann die Farbe des linken Balkens und das in der Titelzeile eingeblendete Bild an dieser zentralen Stelle für alle Seiten festgelegt werden.


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

...


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.


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



Keine Beschreibung.

Vorlagenparameter

Diese Vorlage bevorzugt Blockformatierung von Parametern.

ParameterBeschreibungTypStatus
TypTyp

keine Beschreibung

Unbekanntoptional
ÜberschriftÜberschrift

keine Beschreibung

Unbekanntoptional
TextText

keine Beschreibung

Unbekanntoptional
Abgerufen von „https://unterrichten.zum.de/index.php?title=Benutzer:Maria_Eirich/Box_mit_Tabelle&oldid=52884“