Einführung in quadratische Funktionen/Übungen 2 und Vorlage:Farbe: Unterschied zwischen den Seiten

Aus ZUM-Unterrichten
< Einführung in quadratische Funktionen(Unterschied zwischen Seiten)
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
KKeine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
{{Navigation verstecken|
<includeonly><nowiki>#</nowiki>{{#switch: {{{1|}}}
{{Quadratische Funktionen}}
|#default
|Lernschritte einblenden
|Hervorhebung1
|Lernschritte ausblenden
|Frage
}}
|primaer
|primär          = {{#switch:{{{2|}}}|heller=FFF0A2|hell=FFEA77|#default=F1D850|dunkel=DEC229|dunkler=AF9612}}
|Hervorhebung2
|Merksatz
|sekundaer-1
|sekundär-1      = {{#switch:{{{2|}}}|heller=E994BF|hell=D965A0|#default=C64285|dunkel=B6226D|dunkler=900F50}}
|Ueben
|Üben
|sekundaer-2
|sekundär-2      = {{#switch:{{{2|}}}|heller=85C5CF|hell=52A1AD|#default=338894|dunkel=1B7A88|dunkler=0D5F6B}}
|Arbeitsmethode
|komplementär    = {{#switch:{{{2|}}}|heller=A592D7|hell=7B63BC|#default=5E43A5|dunkel=482998|dunkler=331878}}
|Lernpfad
|orange          = {{#switch:{{{2|}}}|heller=FFCEA2|hell=FFB877|#default=F19D50|dunkel=DD7F28|dunkler=AE5D12}}
|Unterrichtsidee
|Experimentieren
|gruen
|grün            = {{#switch:{{{2|}}}|heller=D4F69C|hell=C0EF6F|#default=A8DF4A|dunkel=8FCD25|dunkler=6CA111}}
|links          = {{#switch:{{{2|}}}|heller      |hell      |#default=0077dd|dunkel      |dunkler=005599}}
|Meinung
|Loesung
|Lösung
|Download
|Kurzinfo
|grau            = {{#switch:{{{2|}}}|heller=F1F1F1|hell=ececec|#default=DBDBDB|dunkel=C8C8C8|dunkler=a0a0a0}}
|Zitat        = a0a0a0
|unspezifisch    = ececec}}</includeonly><noinclude>
 
Die Vorlage {{PAGENAME}} gibt dir eine Farbe aus dem ZUM-Farbschema zurück. Bitte verwende wenn möglich Farben mit Bedeutung, da sie leichter zu pflegen sind.
 
Es gibt sowohl Farbnamen mit Bedeutung als auch das vollständige Farbschema. Die Vorlage verwendet bis zu 2 Parameter. Der erste Parameter ist der Farbname, der zweite kann verwendet werden um hellere oder dunklere Töne zu erhalten.


__NOCACHE__
Farben mit Bedeutung sollten, wenn möglich, nicht mit Helligkeitsangaben modifiziert werden.
<big>'''1. Anhalteweg'''</big>


Die Funktion '''s(v) = 0,1v<sup>2</sup> + 1,5v''' ist ein Beispiel für eine Funktion, die den Zusammenhang zwischen der anfänglichen Geschwindigkeit eines Fahrzeuges in m/s und dem Anhalteweg für einen konkreten Bremsvorgang angibt.
;Farbnamen mit Bedeutung
:Hervorhebung1, Frage, Lernpfad, Hervorhebung2, Merksatz, Üben, Arbeitsmethode, Unterrichtsidee, Experimentieren, Arbeitsmethode, Unterrichtsidee, Experimentieren, Meinung, Lösung, Download, Kurzinfo, Zitat
;Farbnamen aus dem Farbschema
:primär, sekundär-1, sekundär-2, komplementär, orange, grün, grau
;Helligkeitsangaben
:heller, hell, dunkel, dunkler


#Welchen Wert hat in diesem Beispiel die Reaktionszeit t<sub>R</sub>?
== Beispiele ==
#Welchen Wert hat die Bremsbeschleunigung a<sub>B</sub>?
#Wie lang ist der Anhalteweg bei einer anfänglichen Geschwindigkeit von 72 km/h (also 20 m/s)?
#Wie könnte der Anhalteweg verringert werden?
{{Lösung versteckt|1=
#1,5v steht für den Reaktionsweg, d.h. t<sub>R</sub> = 1,5 s
#<math>\frac{1}{2a_B} = 0,1 </math> <=> <math>\frac{1}{2a_B} = \frac{1}{10} </math> <=> 2a<sub>B</sub> = 10 <=> a<sub>B</sub> = 5 (m/s<sup>2</sup>)
#s(20) = 0,1·20<sup>2</sup> + 1,5·20 = 40 + 30 = 70 (m)
#Bremsbeschleunigung erhöhen (besserer Fahrbahnbelag, gute Reifen), Reaktionszeit verringern (erhöhte Aufmerksamkeit, Bremsentechnik), Geschwindigkeit reduzieren
}}




<big>'''2. Bestimme a und b'''</big>
{{Box
|einfache Farbe mit Bedeutung
|{{#tag: pre| <nowiki>{{Farbe|Merksatz}}</nowiki>}}{{Farbe | Merksatz}}
|Experimentieren
}}


<div class="grid">
{{Box
<div class="width-1-2">
|einfache Farbe aus Schema mit Helligkeitsangabe
Die Parabel hat die Funktionsgleichung '''f(x) = ax<sup>2</sup> + bx'''. Finde heraus, welche Werte a und b besitzen und erkläre wie du vorgegangen bist.
|{{#tag: pre| <nowiki>{{Farbe|komplementär|heller}}</nowiki>}}{{Farbe | komplementär|heller}}
{{Lösung versteckt|
|Experimentieren
Lies die Koordinaten zweier Punkte aus dem Graphen ab und setze sie in die Funktionsgleichung ein.
|Hilfe|verstecken}}
{{Lösung versteckt|1=
Die Punkte (4/0) und (2/-2) liegen auf der Parabel, es gilt also
:* 0 = a·4<sup>2</sup> + b·4  --> b = - 4a
:* - 2 = a·2<sup>2</sup> + b·2 --> b = -1 - 2a
daraus folgt -4a = -1 -2a --> '''a = 0,5 und b = - 2'''
}}
}}
</div>
<div class="width-1-2">
[[Bild:Üb2_Parabel_7.jpg|380px]]
</div>
</div>




<big>'''3. Term und Graph zuordnen'''</big>
{{Box
|Verwendung über CSS-Klasse für Farbe mit Bedeutung
|{{#tag: pre| <nowiki><span class="zum-farbe-Merksatz">Text in Farbe ''Merksatz''</span></nowiki>}}{{#tag: span | Text in Farbe ''Merksatz'' |class = zum-farbe-Merksatz}}
|Experimentieren
}}


Ordne den Funktionsgraphen den richtigen Term zu.
{{Box
<div class="lueckentext-quiz" style="text-align: center;">
|Verwendung über CSS-Klasse zum Icon Färben
{|
|{{#tag: pre| <nowiki><span class="zum-farbe-Merksatz brainy hdg-school uk-icon-large"></span></nowiki>}}{{#tag: span ||class = zum-farbe-Merksatz brainy hdg-school uk-icon-large}}
|-  
|Experimentieren
| style="padding:5px" |[[Bild:Üb2_Parabel1.jpg]]
}}
| style="padding:5px" |[[Bild:Üb2_Parabel6.jpg]]
| style="padding:5px" |[[Bild:Üb2_Parabel3.jpg|150px]]
| style="padding:5px" |[[Bild:Üb2_Parabel5.jpg|150px]]
| style="padding:5px" |[[Bild:Üb2_Parabel4.jpg|150px]]
| style="padding:5px" |[[Bild:Üb2_Parabel2.jpg|150px]]
|-
| <strong>x<sup>2</sup> + 2x</strong> || <strong> 0,5x<sup>2</sup> + 2x </strong> || <strong>  -x<sup>2</sup> + 2x</strong> ||  <strong>  0,5x<sup>2</sup> - 2x</strong> || <strong>  -x<sup>2</sup> - 2x</strong> ||<strong>  x<sup>2</sup> - 2x</strong>
|}
</div>






<big>'''4. Kreuze jeweils alle richtigen Aussagen an.'''</big>
== Farbtabellen ==
<div class="multiplechoice-quiz">
=== Farben mit Bedeutung ===
'''f(x) = 2x<sup>2</sup> - 4x'''  (!Die Parabel ist nach unten geöffnet.) (Die Parabel ist nach oben geöffnet.)  (Die Parabel ist enger als die Normalparabel.) (!Die Parabel ist weiter als die Normalparabel.) (Der Punkt [-1|6] liegt auf dem Graphen.) (!Der Punkt [-1|-2] liegt auf dem Graphen.)
{|class=wikitable style="width: 100%;"
!style="width: 25%"|Hervorhebung1
|{{Farbe/Beispiel|Hervorhebung1}}
!style="width: 25%"|Frage
|{{Farbe/Beispiel|Frage}}
|-
!style="width: 25%"|Lernpfad
|{{Farbe/Beispiel|Lernpfad}}
!Hervorhebung2
|{{Farbe/Beispiel|Hervorhebung2}}
|-
!Merksatz
|{{Farbe/Beispiel|Merksatz}}
!Üben
|{{Farbe/Beispiel|Üben}}
|-
!Arbeitsmethode
|{{Farbe/Beispiel|Arbeitsmethode}}
!Unterrichtsidee
|{{Farbe/Beispiel|Unterrichtsidee}}
|-
!Experimentieren
|{{Farbe/Beispiel|Experimentieren}}
!Meinung
|{{Farbe/Beispiel|Meinung}}
|-
!Lösung
|{{Farbe/Beispiel|Lösung}}
!Download
|{{Farbe/Beispiel|Download}}
|-
!Kurzinfo
|{{Farbe/Beispiel|Kurzinfo}}
!Zitat
|{{Farbe/Beispiel|Zitat}}
|}


'''f(x) = - 0,25x<sup>2</sup> + 3x'''  (Die Parabel ist nach unten geöffnet.) (!Die Parabel ist nach oben geöffnet.)  (!Die Parabel ist enger als die Normalparabel.) (Die Parabel ist weiter als die Normalparabel.) (Der Punkt [2|5] liegt auf dem Graphen.) (!Der Punkt [2|7] liegt  auf dem Graphen.)
=== Farbschema ===
{|class=wikitable
!primär
|{{Farbe/Beispiel|primär|heller}}
|{{Farbe/Beispiel|primär|hell}}
|{{Farbe/Beispiel|primär}}
|{{Farbe/Beispiel|primär|dunkel}}
|{{Farbe/Beispiel|primär|dunkler}}
|-
!sekundär-1
|{{Farbe/Beispiel|sekundär-1|heller}}
|{{Farbe/Beispiel|sekundär-1|hell}}
|{{Farbe/Beispiel|sekundär-1}}
|{{Farbe/Beispiel|sekundär-1|dunkel}}
|{{Farbe/Beispiel|sekundär-1|dunkler}}
|-
!sekundär-2
|{{Farbe/Beispiel|sekundär-2|heller}}
|{{Farbe/Beispiel|sekundär-2|hell}}
|{{Farbe/Beispiel|sekundär-2}}
|{{Farbe/Beispiel|sekundär-2|dunkel}}
|{{Farbe/Beispiel|sekundär-2|dunkler}}
|-
!komplementär
|{{Farbe/Beispiel|komplementär|heller}}
|{{Farbe/Beispiel|komplementär|hell}}
|{{Farbe/Beispiel|komplementär}}
|{{Farbe/Beispiel|komplementär|dunkel}}
|{{Farbe/Beispiel|komplementär|dunkler}}
|-
!orange
|{{Farbe/Beispiel|orange|heller}}
|{{Farbe/Beispiel|orange|hell}}
|{{Farbe/Beispiel|orange}}
|{{Farbe/Beispiel|orange|dunkel}}
|{{Farbe/Beispiel|orange|dunkler}}
|-
!grün
|{{Farbe/Beispiel|grün|heller}}
|{{Farbe/Beispiel|grün|hell}}
|{{Farbe/Beispiel|grün}}
|{{Farbe/Beispiel|grün|dunkel}}
|{{Farbe/Beispiel|grün|dunkler}}
|-
!links
|{{Farbe/Beispiel|links|heller}}
|{{Farbe/Beispiel|links|hell}}
|{{Farbe/Beispiel|links}}
|{{Farbe/Beispiel|links|dunkel}}
|{{Farbe/Beispiel|links|dunkler}}
|-
!grau
|{{Farbe/Beispiel|grau|heller}}
|{{Farbe/Beispiel|grau|hell}}
|{{Farbe/Beispiel|grau}}
|{{Farbe/Beispiel|grau|dunkel}}
|{{Farbe/Beispiel|grau|dunkler}}
|}


'''Welche der Termpaare gehören zu Funktionen, deren Graphen bezüglich der y-Achse symmetrisch zueinander sind?'''  (!7x<sup>2</sup> und -7x<sup>2</sup>) (7x<sup>2</sup> - 2x und 7x<sup>2</sup> + 2x) (!7x<sup>2</sup> - 2x und -7x<sup>2</sup> + 2x) (!7x<sup>2</sup> - 2 und 7x<sup>2</sup> + 2) (-7x<sup>2</sup> + 2x und -7x<sup>2</sup> - 2x) (!7x<sup>2</sup> - 2 und 7x<sup>2</sup> + 2x) 
== CSS Code for Common.css ==
</div>


'''Als nächstes lernst du die allgemeine quadratische Funktion kennen.'''
/* Bedeutungsfarben */
.zum-farbe-Hervorhebung1  { color:{{Farbe|Hervorhebung1  }}; }
.zum-farbe-Frage          { color:{{Farbe|Frage          }}; }
.zum-farbe-Lernpfad        { color:{{Farbe|Lernpfad        }}; }
.zum-farbe-Hervorhebung2  { color:{{Farbe|Hervorhebung2  }}; }
.zum-farbe-Merksatz        { color:{{Farbe|Merksatz        }}; }
.zum-farbe-Üben,
.zum-farbe-Ueben          { color:{{Farbe|Üben            }}; }
.zum-farbe-Arbeitsmethode  { color:{{Farbe|Arbeitsmethode  }}; }
.zum-farbe-Unterrichtsidee { color:{{Farbe|Unterrichtsidee }}; }
.zum-farbe-Experimentieren { color:{{Farbe|Experimentieren }}; }
.zum-farbe-Arbeitsmethode  { color:{{Farbe|Arbeitsmethode  }}; }
.zum-farbe-Unterrichtsidee { color:{{Farbe|Unterrichtsidee }}; }
.zum-farbe-Experimentieren { color:{{Farbe|Experimentieren }}; }
.zum-farbe-Meinung        { color:{{Farbe|Meinung        }}; }
.zum-farbe-Lösung,
.zum-farbe-Loesung        { color:{{Farbe|Lösung          }}; }
.zum-farbe-Download        { color:{{Farbe|Download        }}; }
.zum-farbe-Kurzinfo        { color:{{Farbe|Kurzinfo        }}; }
.zum-farbe-Zitat          { color:{{Farbe|Zitat          }}; }
.zum-hintergrund-Hervorhebung1  { background-color:{{Farbe|Hervorhebung1  }}; }
.zum-hintergrund-Frage          { background-color:{{Farbe|Frage          }}; }
.zum-hintergrund-Lernpfad        { background-color:{{Farbe|Lernpfad        }}; }
.zum-hintergrund-Hervorhebung2  { background-color:{{Farbe|Hervorhebung2  }}; }
.zum-hintergrund-Merksatz        { background-color:{{Farbe|Merksatz        }}; }
.zum-hintergrund-Üben,
.zum-hintergrund-Ueben          { background-color:{{Farbe|Üben            }}; }
.zum-hintergrund-Arbeitsmethode  { background-color:{{Farbe|Arbeitsmethode  }}; }
.zum-hintergrund-Unterrichtsidee { background-color:{{Farbe|Unterrichtsidee }}; }
.zum-hintergrund-Experimentieren { background-color:{{Farbe|Experimentieren }}; }
.zum-hintergrund-Arbeitsmethode  { background-color:{{Farbe|Arbeitsmethode  }}; }
.zum-hintergrund-Unterrichtsidee { background-color:{{Farbe|Unterrichtsidee }}; }
.zum-hintergrund-Experimentieren { background-color:{{Farbe|Experimentieren }}; }
.zum-hintergrund-Meinung        { background-color:{{Farbe|Meinung        }}; }
.zum-hintergrund-Lösung,
.zum-hintergrund-Loesung        { background-color:{{Farbe|Lösung          }}; }
.zum-hintergrund-Download        { background-color:{{Farbe|Download        }}; }
.zum-hintergrund-Kurzinfo        { background-color:{{Farbe|Kurzinfo        }}; }
.zum-hintergrund-Zitat          { background-color:{{Farbe|Zitat          }}; } 
/* komplettes Farbschema */
.zum-farbe-primär                            { color: {{Farbe|primär                  }}; }
.zum-farbe-primär.zum-farbe-heller          { color: {{Farbe|primär        |heller  }}; }
.zum-farbe-primär.zum-farbe-hell            { color: {{Farbe|primär        |hell    }}; }
.zum-farbe-primär.zum-farbe-dunkel          { color: {{Farbe|primär        |dunkel  }}; }
.zum-farbe-primär.zum-farbe-dunkler          { color: {{Farbe|primär        |dunkler  }}; }
.zum-farbe-sekundär-1                        { color: {{Farbe|sekundär-1              }}; }
.zum-farbe-sekundär-1.zum-farbe-heller      { color: {{Farbe|sekundär-1    |heller  }}; }
.zum-farbe-sekundär-1.zum-farbe-hell        { color: {{Farbe|sekundär-1    |hell    }}; }
.zum-farbe-sekundär-1.zum-farbe-dunkel      { color: {{Farbe|sekundär-1    |dunkel  }}; }
.zum-farbe-sekundär-1.zum-farbe-dunkler      { color: {{Farbe|sekundär-1    |dunkler  }}; }
.zum-farbe-sekundär-2                        { color: {{Farbe|sekundär-2              }}; }
.zum-farbe-sekundär-2.zum-farbe-heller      { color: {{Farbe|sekundär-2    |heller  }}; }
.zum-farbe-sekundär-2.zum-farbe-hell        { color: {{Farbe|sekundär-2    |hell    }}; }
.zum-farbe-sekundär-2.zum-farbe-dunkel      { color: {{Farbe|sekundär-2    |dunkel  }}; }
.zum-farbe-sekundär-2.zum-farbe-dunkler      { color: {{Farbe|sekundär-2    |dunkler  }}; }
.zum-farbe-komplementär-1                    { color: {{Farbe|komplementär-1          }}; }
.zum-farbe-komplementär-1.zum-farbe-heller  { color: {{Farbe|komplementär-1 |heller  }}; }
.zum-farbe-komplementär-1.zum-farbe-hell    { color: {{Farbe|komplementär-1 |hell    }}; }
.zum-farbe-komplementär-1.zum-farbe-dunkel  { color: {{Farbe|komplementär-1 |dunkel  }}; }
.zum-farbe-komplementär-1.zum-farbe-dunkler  { color: {{Farbe|komplementär-1 |dunkler  }}; }
.zum-farbe-orange-1                          { color: {{Farbe|orange                  }}; }
.zum-farbe-orange-1.zum-farbe-heller        { color: {{Farbe|orange        |heller  }}; }
.zum-farbe-orange-1.zum-farbe-hell          { color: {{Farbe|orange        |hell    }}; }
.zum-farbe-orange-1.zum-farbe-dunkel        { color: {{Farbe|orange        |dunkel  }}; }
.zum-farbe-orange-1.zum-farbe-dunkler        { color: {{Farbe|orange        |dunkler  }}; }
.zum-farbe-grün                              { color: {{Farbe|grün                    }}; }
.zum-farbe-grün.zum-farbe-heller            { color: {{Farbe|grün          |heller  }}; }
.zum-farbe-grün.zum-farbe-hell              { color: {{Farbe|grün          |hell    }}; }
.zum-farbe-grün.zum-farbe-dunkel            { color: {{Farbe|grün          |dunkel  }}; }
.zum-farbe-grün.zum-farbe-dunkler            { color: {{Farbe|grün          |dunkler  }}; }
.zum-farbe-grau                              { color: {{Farbe|grau                      }}; }
.zum-farbe-grau.zum-farbe-heller            { color: {{Farbe|grau          |heller  }}; }
.zum-farbe-grau.zum-farbe-hell              { color: {{Farbe|grau          |hell    }}; }
.zum-farbe-grau.zum-farbe-dunkel            { color: {{Farbe|grau          |dunkel  }}; }
.zum-farbe-grau.zum-farbe-dunkler            { color: {{Farbe|grau          |dunkler  }}; }
.zum-hintergrund-primär                            { background-color: {{Farbe|primär                  }}; }
.zum-hintergrund-primär.zum-farbe-heller          { background-color: {{Farbe|primär        |heller  }}; }
.zum-hintergrund-primär.zum-farbe-hell            { background-color: {{Farbe|primär        |hell    }}; }
.zum-hintergrund-primär.zum-farbe-dunkel          { background-color: {{Farbe|primär        |dunkel  }}; }
.zum-hintergrund-primär.zum-farbe-dunkler          { background-color: {{Farbe|primär        |dunkler }}; }
.zum-hintergrund-sekundär-1                        { background-color: {{Farbe|sekundär-1              }}; }
.zum-hintergrund-sekundär-1.zum-farbe-heller      { background-color: {{Farbe|sekundär-1    |heller  }}; }
.zum-hintergrund-sekundär-1.zum-farbe-hell        { background-color: {{Farbe|sekundär-1    |hell    }}; }
.zum-hintergrund-sekundär-1.zum-farbe-dunkel      { background-color: {{Farbe|sekundär-1    |dunkel  }}; }
.zum-hintergrund-sekundär-1.zum-farbe-dunkler      { background-color: {{Farbe|sekundär-1    |dunkler }}; }
.zum-hintergrund-sekundär-2                        { background-color: {{Farbe|sekundär-2              }}; }
.zum-hintergrund-sekundär-2.zum-farbe-heller      { background-color: {{Farbe|sekundär-2    |heller  }}; }
.zum-hintergrund-sekundär-2.zum-farbe-hell        { background-color: {{Farbe|sekundär-2    |hell    }}; }
.zum-hintergrund-sekundär-2.zum-farbe-dunkel      { background-color: {{Farbe|sekundär-2    |dunkel  }}; }
.zum-hintergrund-sekundär-2.zum-farbe-dunkler      { background-color: {{Farbe|sekundär-2    |dunkler }}; }
.zum-hintergrund-komplementär-1                    { background-color: {{Farbe|komplementär-1          }}; }
.zum-hintergrund-komplementär-1.zum-farbe-heller  { background-color: {{Farbe|komplementär-1 |heller  }}; }
.zum-hintergrund-komplementär-1.zum-farbe-hell    { background-color: {{Farbe|komplementär-1 |hell    }}; }
.zum-hintergrund-komplementär-1.zum-farbe-dunkel  { background-color: {{Farbe|komplementär-1 |dunkel  }}; }
.zum-hintergrund-komplementär-1.zum-farbe-dunkler  { background-color: {{Farbe|komplementär-1 |dunkler }}; }
.zum-hintergrund-orange-1                          { background-color: {{Farbe|orange                  }}; }
.zum-hintergrund-orange-1.zum-farbe-heller        { background-color: {{Farbe|orange        |heller  }}; }
.zum-hintergrund-orange-1.zum-farbe-hell          { background-color: {{Farbe|orange        |hell    }}; }
.zum-hintergrund-orange-1.zum-farbe-dunkel        { background-color: {{Farbe|orange        |dunkel  }}; }
.zum-hintergrund-orange-1.zum-farbe-dunkler        { background-color: {{Farbe|orange        |dunkler }}; }
.zum-hintergrund-grün                              { background-color: {{Farbe|grün                    }}; }
.zum-hintergrund-grün.zum-farbe-heller            { background-color: {{Farbe|grün          |heller  }}; }
.zum-hintergrund-grün.zum-farbe-hell              { background-color: {{Farbe|grün          |hell    }}; }
.zum-hintergrund-grün.zum-farbe-dunkel            { background-color: {{Farbe|grün          |dunkel  }}; }
.zum-hintergrund-grün.zum-farbe-dunkler            { background-color: {{Farbe|grün          |dunkler }}; }
.zum-hintergrund-grau                              { background-color: {{Farbe|grau                    }}; }
.zum-hintergrund-grau.zum-farbe-heller            { background-color: {{Farbe|grau          |heller  }}; }
.zum-hintergrund-grau.zum-farbe-hell              { background-color: {{Farbe|grau          |hell    }}; }
.zum-hintergrund-grau.zum-farbe-dunkel            { background-color: {{Farbe|grau          |dunkel  }}; }
.zum-hintergrund-grau.zum-farbe-dunkler            { background-color: {{Farbe|grau          |dunkler }}; }
/* overrides
  * uses mediawiki parent selector to establish override
  */
.mediawiki .box.hervorhebung1  { border-left-color:{{Farbe|Hervorhebung1  }}; }
.mediawiki .box.frage          { border-left-color:{{Farbe|Frage          }}; }
.mediawiki .box.lernpfad        { border-left-color:{{Farbe|Lernpfad        }}; }
.mediawiki .box.hervorhebung2  { border-left-color:{{Farbe|Hervorhebung2  }}; }
.mediawiki .box.merksatz        { border-left-color:{{Farbe|Merksatz        }}; }
.mediawiki .box.üben,
.mediawiki .box.ueben          { border-left-color:{{Farbe|Üben            }}; }
.mediawiki .box.arbeitsmethode  { border-left-color:{{Farbe|Arbeitsmethode  }}; }
.mediawiki .box.unterrichtsidee { border-left-color:{{Farbe|Unterrichtsidee }}; }
.mediawiki .box.experimentieren { border-left-color:{{Farbe|Experimentieren }}; }
.mediawiki .box.arbeitsmethode  { border-left-color:{{Farbe|Arbeitsmethode  }}; }
.mediawiki .box.unterrichtsidee { border-left-color:{{Farbe|Unterrichtsidee }}; }
.mediawiki .box.experimentieren { border-left-color:{{Farbe|Experimentieren }}; }
.mediawiki .box.meinung        { border-left-color:{{Farbe|Meinung        }}; }
.mediawiki .box.lösung,
.mediawiki .box.loesung        { border-left-color:{{Farbe|Lösung          }}; }
.mediawiki .box.download        { border-left-color:{{Farbe|Download        }}; }
.mediawiki .box.kurzinfo        { border-left-color:{{Farbe|Kurzinfo        }}; }
.mediawiki .box.zitat          { border-left-color:{{Farbe|Zitat          }}; }


{{Fortsetzung|weiter=Allgemeine quadratische Form|weiterlink=../allgemeine Form}}
</noinclude>

Version vom 4. November 2018, 21:31 Uhr


Die Vorlage Farbe gibt dir eine Farbe aus dem ZUM-Farbschema zurück. Bitte verwende wenn möglich Farben mit Bedeutung, da sie leichter zu pflegen sind.

Es gibt sowohl Farbnamen mit Bedeutung als auch das vollständige Farbschema. Die Vorlage verwendet bis zu 2 Parameter. Der erste Parameter ist der Farbname, der zweite kann verwendet werden um hellere oder dunklere Töne zu erhalten.

Farben mit Bedeutung sollten, wenn möglich, nicht mit Helligkeitsangaben modifiziert werden.

Farbnamen mit Bedeutung
Hervorhebung1, Frage, Lernpfad, Hervorhebung2, Merksatz, Üben, Arbeitsmethode, Unterrichtsidee, Experimentieren, Arbeitsmethode, Unterrichtsidee, Experimentieren, Meinung, Lösung, Download, Kurzinfo, Zitat
Farbnamen aus dem Farbschema
primär, sekundär-1, sekundär-2, komplementär, orange, grün, grau
Helligkeitsangaben
heller, hell, dunkel, dunkler

Beispiele

einfache Farbe mit Bedeutung 
 {{Farbe|Merksatz}}
#C64285


einfache Farbe aus Schema mit Helligkeitsangabe 
 {{Farbe|komplementär|heller}}
#A592D7


Verwendung über CSS-Klasse für Farbe mit Bedeutung 
 <span class="zum-farbe-Merksatz">Text in Farbe ''Merksatz''</span>
Text in Farbe Merksatz


Verwendung über CSS-Klasse zum Icon Färben 
 <span class="zum-farbe-Merksatz brainy hdg-school uk-icon-large"></span>


Farbtabellen

Farben mit Bedeutung

Hervorhebung1 #F1D850

{{Farbe |Hervorhebung1}}

Frage #F1D850

{{Farbe |Frage}}

Lernpfad #F19D50

{{Farbe |Lernpfad}}

Hervorhebung2 #C64285

{{Farbe |Hervorhebung2}}

Merksatz #C64285

{{Farbe |Merksatz}}

Üben #338894

{{Farbe |Üben}}

Arbeitsmethode #5E43A5

{{Farbe |Arbeitsmethode}}

Unterrichtsidee #A8DF4A

{{Farbe |Unterrichtsidee}}

Experimentieren #A8DF4A

{{Farbe |Experimentieren}}

Meinung #DBDBDB

{{Farbe |Meinung}}

Lösung #DBDBDB

{{Farbe |Lösung}}

Download #DBDBDB

{{Farbe |Download}}

Kurzinfo #DBDBDB

{{Farbe |Kurzinfo}}

Zitat #a0a0a0

{{Farbe |Zitat}}

Farbschema

primär #FFF0A2

{{Farbe |primär |heller}}

#FFEA77

{{Farbe |primär |hell}}

#F1D850

{{Farbe |primär}}

#DEC229

{{Farbe |primär |dunkel}}

#AF9612

{{Farbe |primär |dunkler}}

sekundär-1 #E994BF

{{Farbe |sekundär-1 |heller}}

#D965A0

{{Farbe |sekundär-1 |hell}}

#C64285

{{Farbe |sekundär-1}}

#B6226D

{{Farbe |sekundär-1 |dunkel}}

#900F50

{{Farbe |sekundär-1 |dunkler}}

sekundär-2 #85C5CF

{{Farbe |sekundär-2 |heller}}

#52A1AD

{{Farbe |sekundär-2 |hell}}

#338894

{{Farbe |sekundär-2}}

#1B7A88

{{Farbe |sekundär-2 |dunkel}}

#0D5F6B

{{Farbe |sekundär-2 |dunkler}}

komplementär #A592D7

{{Farbe |komplementär |heller}}

#7B63BC

{{Farbe |komplementär |hell}}

#5E43A5

{{Farbe |komplementär}}

#482998

{{Farbe |komplementär |dunkel}}

#331878

{{Farbe |komplementär |dunkler}}

orange #FFCEA2

{{Farbe |orange |heller}}

#FFB877

{{Farbe |orange |hell}}

#F19D50

{{Farbe |orange}}

#DD7F28

{{Farbe |orange |dunkel}}

#AE5D12

{{Farbe |orange |dunkler}}

grün #D4F69C

{{Farbe |grün |heller}}

#C0EF6F

{{Farbe |grün |hell}}

#A8DF4A

{{Farbe |grün}}

#8FCD25

{{Farbe |grün |dunkel}}

#6CA111

{{Farbe |grün |dunkler}}

links #0077dd

{{Farbe |links |heller}}

#0077dd

{{Farbe |links |hell}}

#0077dd

{{Farbe |links}}

#005599

{{Farbe |links |dunkel}}

#005599

{{Farbe |links |dunkler}}

grau #F1F1F1

{{Farbe |grau |heller}}

#ececec

{{Farbe |grau |hell}}

#DBDBDB

{{Farbe |grau}}

#C8C8C8

{{Farbe |grau |dunkel}}

#a0a0a0

{{Farbe |grau |dunkler}}

CSS Code for Common.css

/* Bedeutungsfarben */
.zum-farbe-Hervorhebung1   { color:#F1D850; }
.zum-farbe-Frage           { color:#F1D850; }
.zum-farbe-Lernpfad        { color:#F19D50; }
.zum-farbe-Hervorhebung2   { color:#C64285; }
.zum-farbe-Merksatz        { color:#C64285; }
.zum-farbe-Üben,
.zum-farbe-Ueben           { color:#338894; }
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }
.zum-farbe-Experimentieren { color:#A8DF4A; }
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }
.zum-farbe-Experimentieren { color:#A8DF4A; }
.zum-farbe-Meinung         { color:#DBDBDB; }
.zum-farbe-Lösung,
.zum-farbe-Loesung         { color:#DBDBDB; }
.zum-farbe-Download        { color:#DBDBDB; }
.zum-farbe-Kurzinfo        { color:#DBDBDB; }
.zum-farbe-Zitat           { color:#a0a0a0; }

.zum-hintergrund-Hervorhebung1   { background-color:#F1D850; }
.zum-hintergrund-Frage           { background-color:#F1D850; }
.zum-hintergrund-Lernpfad        { background-color:#F19D50; }
.zum-hintergrund-Hervorhebung2   { background-color:#C64285; }
.zum-hintergrund-Merksatz        { background-color:#C64285; }
.zum-hintergrund-Üben,
.zum-hintergrund-Ueben           { background-color:#338894; }
.zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
.zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
.zum-hintergrund-Meinung         { background-color:#DBDBDB; }
.zum-hintergrund-Lösung,
.zum-hintergrund-Loesung         { background-color:#DBDBDB; }
.zum-hintergrund-Download        { background-color:#DBDBDB; }
.zum-hintergrund-Kurzinfo        { background-color:#DBDBDB; }
.zum-hintergrund-Zitat           { background-color:#a0a0a0; }  


/* komplettes Farbschema */
.zum-farbe-primär                            { color: #F1D850; }
.zum-farbe-primär.zum-farbe-heller           { color: #FFF0A2; }
.zum-farbe-primär.zum-farbe-hell             { color: #FFEA77; }
.zum-farbe-primär.zum-farbe-dunkel           { color: #DEC229; }
.zum-farbe-primär.zum-farbe-dunkler          { color: #AF9612; }
.zum-farbe-sekundär-1                        { color: #C64285; }
.zum-farbe-sekundär-1.zum-farbe-heller       { color: #E994BF; }
.zum-farbe-sekundär-1.zum-farbe-hell         { color: #D965A0; }
.zum-farbe-sekundär-1.zum-farbe-dunkel       { color: #B6226D; }
.zum-farbe-sekundär-1.zum-farbe-dunkler      { color: #900F50; }
.zum-farbe-sekundär-2                        { color: #338894; }
.zum-farbe-sekundär-2.zum-farbe-heller       { color: #85C5CF; }
.zum-farbe-sekundär-2.zum-farbe-hell         { color: #52A1AD; }
.zum-farbe-sekundär-2.zum-farbe-dunkel       { color: #1B7A88; }
.zum-farbe-sekundär-2.zum-farbe-dunkler      { color: #0D5F6B; }
.zum-farbe-komplementär-1                    { color: #F1D850; }
.zum-farbe-komplementär-1.zum-farbe-heller   { color: #FFF0A2; }
.zum-farbe-komplementär-1.zum-farbe-hell     { color: #FFEA77; }
.zum-farbe-komplementär-1.zum-farbe-dunkel   { color: #DEC229; }
.zum-farbe-komplementär-1.zum-farbe-dunkler  { color: #AF9612; }
.zum-farbe-orange-1                          { color: #F19D50; }
.zum-farbe-orange-1.zum-farbe-heller         { color: #FFCEA2; }
.zum-farbe-orange-1.zum-farbe-hell           { color: #FFB877; }
.zum-farbe-orange-1.zum-farbe-dunkel         { color: #DD7F28; }
.zum-farbe-orange-1.zum-farbe-dunkler        { color: #AE5D12; }
.zum-farbe-grün                              { color: #A8DF4A; }
.zum-farbe-grün.zum-farbe-heller             { color: #D4F69C; }
.zum-farbe-grün.zum-farbe-hell               { color: #C0EF6F; }
.zum-farbe-grün.zum-farbe-dunkel             { color: #8FCD25; }
.zum-farbe-grün.zum-farbe-dunkler            { color: #6CA111; }
.zum-farbe-grau                              { color: #DBDBDB; }
.zum-farbe-grau.zum-farbe-heller             { color: #F1F1F1; }
.zum-farbe-grau.zum-farbe-hell               { color: #ececec; }
.zum-farbe-grau.zum-farbe-dunkel             { color: #C8C8C8; }
.zum-farbe-grau.zum-farbe-dunkler            { color: #a0a0a0; }

.zum-hintergrund-primär                            { background-color: #F1D850; }
.zum-hintergrund-primär.zum-farbe-heller           { background-color: #FFF0A2; }
.zum-hintergrund-primär.zum-farbe-hell             { background-color: #FFEA77; }
.zum-hintergrund-primär.zum-farbe-dunkel           { background-color: #DEC229; }
.zum-hintergrund-primär.zum-farbe-dunkler          { background-color: #AF9612; }
.zum-hintergrund-sekundär-1                        { background-color: #C64285; }
.zum-hintergrund-sekundär-1.zum-farbe-heller       { background-color: #E994BF; }
.zum-hintergrund-sekundär-1.zum-farbe-hell         { background-color: #D965A0; }
.zum-hintergrund-sekundär-1.zum-farbe-dunkel       { background-color: #B6226D; }
.zum-hintergrund-sekundär-1.zum-farbe-dunkler      { background-color: #900F50; }
.zum-hintergrund-sekundär-2                        { background-color: #338894; }
.zum-hintergrund-sekundär-2.zum-farbe-heller       { background-color: #85C5CF; }
.zum-hintergrund-sekundär-2.zum-farbe-hell         { background-color: #52A1AD; }
.zum-hintergrund-sekundär-2.zum-farbe-dunkel       { background-color: #1B7A88; }
.zum-hintergrund-sekundär-2.zum-farbe-dunkler      { background-color: #0D5F6B; }
.zum-hintergrund-komplementär-1                    { background-color: #F1D850; }
.zum-hintergrund-komplementär-1.zum-farbe-heller   { background-color: #FFF0A2; }
.zum-hintergrund-komplementär-1.zum-farbe-hell     { background-color: #FFEA77; }
.zum-hintergrund-komplementär-1.zum-farbe-dunkel   { background-color: #DEC229; }
.zum-hintergrund-komplementär-1.zum-farbe-dunkler  { background-color: #AF9612; }
.zum-hintergrund-orange-1                          { background-color: #F19D50; }
.zum-hintergrund-orange-1.zum-farbe-heller         { background-color: #FFCEA2; }
.zum-hintergrund-orange-1.zum-farbe-hell           { background-color: #FFB877; }
.zum-hintergrund-orange-1.zum-farbe-dunkel         { background-color: #DD7F28; }
.zum-hintergrund-orange-1.zum-farbe-dunkler        { background-color: #AE5D12; }
.zum-hintergrund-grün                              { background-color: #A8DF4A; }
.zum-hintergrund-grün.zum-farbe-heller             { background-color: #D4F69C; }
.zum-hintergrund-grün.zum-farbe-hell               { background-color: #C0EF6F; }
.zum-hintergrund-grün.zum-farbe-dunkel             { background-color: #8FCD25; }
.zum-hintergrund-grün.zum-farbe-dunkler            { background-color: #6CA111; }
.zum-hintergrund-grau                              { background-color: #DBDBDB; }
.zum-hintergrund-grau.zum-farbe-heller             { background-color: #F1F1F1; }
.zum-hintergrund-grau.zum-farbe-hell               { background-color: #ececec; }
.zum-hintergrund-grau.zum-farbe-dunkel             { background-color: #C8C8C8; }
.zum-hintergrund-grau.zum-farbe-dunkler            { background-color: #a0a0a0; }

/* overrides 
 * uses mediawiki parent selector to establish override
 */
.mediawiki .box.hervorhebung1   { border-left-color:#F1D850; }
.mediawiki .box.frage           { border-left-color:#F1D850; }
.mediawiki .box.lernpfad        { border-left-color:#F19D50; }
.mediawiki .box.hervorhebung2   { border-left-color:#C64285; }
.mediawiki .box.merksatz        { border-left-color:#C64285; }
.mediawiki .box.üben,
.mediawiki .box.ueben           { border-left-color:#338894; }
.mediawiki .box.arbeitsmethode  { border-left-color:#5E43A5; }
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }
.mediawiki .box.arbeitsmethode  { border-left-color:#5E43A5; }
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }
.mediawiki .box.meinung         { border-left-color:#DBDBDB; }
.mediawiki .box.lösung,
.mediawiki .box.loesung         { border-left-color:#DBDBDB; }
.mediawiki .box.download        { border-left-color:#DBDBDB; }
.mediawiki .box.kurzinfo        { border-left-color:#DBDBDB; }
.mediawiki .box.zitat           { border-left-color:#a0a0a0; }


Abgerufen von „https://unterrichten.zum.de/index.php?title=Einführung_in_quadratische_Funktionen/Übungen_2&oldid=69771“