Quadratische Funktionen erkunden und Vorlage:Box: Unterschied zwischen den Seiten

Aus ZUM-Unterrichten
(Unterschied zwischen Seiten)
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
Zeile 1: Zeile 1:
[[Mathematik-digital |<small>< Mathematik-digital </small>]]
<noinclude>
[[Kategorie:Vorlage:Standard]]
== Boxen erstellen mittels Template ==
=== Das schreibt man: ===
<pre>
{{Box| Titel | Inhalt | class }}
</pre>


{{Box|Lernpfad|  
Als Klassen/class stehen einige Varianten zur Verfügung wie Hervorhebung1, Hervorhebung2, Zitat, ... , allerdings ist dies optional (siehe Beispiele!)
'''Herzlich Willkommen im Lernpfad ''Quadratische Funktionen erkunden''!'''
=== Das sieht man: ===
[[Datei:Mathematik-digital Logo4.png|100px|left|verweis=Mathematik-digital|Mathematik-digital]]
</noinclude><onlyinclude>
Bisher kennst du schon die Funktionenklasse der '''Linearen Funktionen'''. In diesem [[Lernpfad]] geht es nun darum Eigenschaften einer weiteren Klasse von Funktionen zu erkunden. Du hast hier die Möglichkeit dir selbstständig Wissen über '''Quadratische Funktionen''' anzueignen.  
<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:110% Verdana; 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>


Auf dieser Seite erfährst du, wie der Lernpfad aufgebaut ist und welche Zeichen dir auf den folgenden Seiten begegnen können.
=== andere Beispiele ===
|Lernpfad}}


{{Quadratische Funktionen erkunden}}
{{Box|Hervorhebung1|mit Text für Hervorhebungen| Hervorhebung1 }}
__NOTOC__
== Infos für die Bearbeitung ==
Damit du dich in dem Lernpfad leicht zurechtfindest, sind auf dieser Seite einige Informationen zusammengestellt.


Oben auf dem Bildschirm siehst du eine Aufzählung der Kapitel, die du durchlaufen wirst. Das Kapitel, in dem du dich befindest, ist jeweils markiert – so zum Beispiel gerade das Kapitel „Willkommen“. Du kannst durch einfaches Anklicken zwischen den Kapiteln hin- und herspringen.
{{Box|Hervorhebung2|mit Text für Hervorhebungen|Hervorhebung2}}


{{Box|Zitat|mit Text für Zitate und Quellen|Zitat }}


Zusätzlich zu der Arbeit im Lernpfad erhältst du einen '''persönlichen Hefter''' mit Zusatzmaterialien. Darin befindet sich außerdem Platz für Notizen, Merksätze und für die Bearbeitung von Aufgaben. Wenn du dieses Zeichen siehst [[Datei:Notepad-117597.svg|40px|links|Notizblock mit Bleistift|verweis=Datei:Notepad-117597.svg]], wird dein Hefter benötigt. Neben dem Zeichen steht immer, was genau deine Aufgabe ist.
{{Box|Arbeitsmethode|mit Text für Arbeitsmethoden|Arbeitsmethode }}


{{Box|Unterrichtsidee|mit Text für Unterrichtsidee|Unterrichtsidee }}


[[Datei:Video-1606945 640.png|rahmenlos|links|Video|100px]] Der Lernpfad beinhaltet Videomaterialien. Falls du nicht alleine in einem Raum arbeitest, brauchst du '''Kopfhörer''', wenn du dir die Videos anschaust. Bringe dir am besten selber welche mit oder frage einen Mitschüler oder deinen Lehrer, ob er dir welche leihen kann.
{{Box|Meinung|mit Text für Meinungen|Meinung}}


{{Box|Lernpfad |mit Text für Lernpfade|Lernpfad }}


'''Im Lernpfad triffst du auf folgende Bausteine:'''
{{Box|Experimentieren|mit Text für Experimente und Versuche|Experimentieren}}
{{Box
|Merke
|Wichtige Erkenntnisse werden in Merkkästchen zusammengefasst. In deinem Hefter befindet sich ebenfalls ein Register, in dem du alle Merksätze wiederfindest und Beispiele hinzufügen kannst.
|Merksatz
}}
{{Box
|Aufgabe
|Hier sollst du aktiv werden und Neues entdecken.
Neben klassischen Aufgaben, die du in deinem Hefter mit Papier und Stift bearbeiten sollst, können Aufgaben auch in Form interaktiver Applets auftreten. Von Kreuzworträtseln über GeoGebra-Applets und Zuordnungsaufgaben wird dir hier eine große Spannbreite begegnen. Genauere Erklärungen stehen bei der jeweiligen Aufgabe.
|Arbeitsmethode
}}
{{Box
|Übung
|Neue Erkenntnisse bleiben nicht von selbst im Kopf haften. Durch diese Markierungen werden Übungsaufgaben gekennzeichnet. Sie befinden sich gesammelt im letzten Kapitel des Lernpfads.


'''Du kannst jederzeit in dieses Kapitel wechseln''' und Übungsaufgaben zu deinem aktuellen Kapitel bearbeiten, bevor du zu neuen Inhalten übergehst. Es steht dir aber auch frei die Übungen am Ende deiner Arbeit am Lernpfad gesammelt zu bearbeiten.
{{Box|Lösung|mit Text für Lösungen|Lösung}}
|Üben
}}


Bei einigen Aufgaben stehen dir '''Hilfen''' zur Verfügung, wenn du nicht weiter kommst. Versuche immer zuerst die Lösung alleine herauszufinden. Die Hilfen werden aufgedeckt durch Anklicken von: {{Lösung versteckt|Hier werden dir dann Tipps zu den Aufgaben angezeigt.|Hilfe anzeigen|Hilfe verbergen}}
{{Box|Üben|mit Text für Übungen und Aufgaben|Üben}}
Wenn du eine Aufgabe gelöst hast, bekommst du sofort eine '''Rückmeldung''', ob dein Ergebnis richtig ist oder nicht. Dies geschieht entweder durch einen entsprechenden Lösungs-Button innerhalb interaktiver Applets oder durch Anklicken von: {{Lösung versteckt|Hier werden dir dann Lösungen und Erklärungen angezeigt.}}  


<div style="background-color:#efefef;;padding:7px;">
{{Box|Merksatz|mit Text für Definitionen und Merksätzen|Merksatz}}
==Kompetenzen==
 
<div class="grid">
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
<div class="width-1-2">
 
'''Das kannst du schon: '''
{{Box|Kurzinfo|mit Text oder integrierten Vorlagen für Kurzinfos|Kurzinfo}}
* Erkennen was eine Funktion ist und was nicht
 
* Lineare Funktionen in Wertetabellen, als Graphen und in Termen darstellen und erkennen
 
* Bei linearen Funktionen zwischen den Darstellungsformen Wertetabelle, Graph und Term wechseln
=== Hinweise zur Gestaltung dieser Vorlage ===
* Graphen linearer Funktionen als Geraden identifizieren und interpretieren
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.
* Lineare Funktionsterme interpretieren
 
 
== 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 ==
...
</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>
<div class="width-1-2">
 
'''Das kannst du lernen: '''
<div class="box lernpfad">
* Auswirkungen der Parameter in einem quadratischen Funktionsterm auf den zugehörigen Graphen erkennen und beschreiben
== Lenrpfad ==
* Quadratische Funktionen in Wertetabellen, als Graphen und in Termen darstellen und erkennen
...
* Bei quadratischen Funktionen zwischen den Darstellungsformen Wertetabelle, Graph und Term wechseln
* Graphen quadratischer Funktionen als Parabeln identifizieren und interpretieren
* Quadratische Funktionsterme interpretieren
</div>
</div>
<div class="box experimentieren">
== Experimentieren ==
...
</div>
</div>
<div class="box loesung">
== Lösung ==
...
</div>
</div>


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


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


== Ein letzter Hinweis ==
<div class="box experimentieren">
[[Datei:hourglass-1221382.svg|rahmenlos|links|80px]]
== Experimentieren ==
Du kannst dir die Zeit bei der Bearbeitung der einzelnen Kapitel des Lernpfades selber einteilen. Das heißt einerseits, dass du alle neuen Entdeckungen und Übungen in deinem Tempo durchlaufen kannst, andererseits musst du aber auch selbstständig darauf achten, nicht unnötig zu trödeln und voranzukommen. Um dein Zeitmanagement zu unterstützen befindet sich eine Liste mit allen zu durchlaufenden Inhalten in deinem Ordner. Dort kannst du einen Plan für deine eigene Zeiteinteilung festhalten und fertig bearbeitete Kapitel abhaken. <!--ggf. Bild des Plans einfügen -> Plan in didaktischen Kommentar als Zusatzmaterial -->
...
</div>


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


'''Nun kann es losgehen:''' Klicke oben in der Kapitelübersicht auf das nächste Thema oder direkt hier unten auf den Pfeil, der dich im Lernpfad immer zum nächsten Kapitel führt.


[[Datei:Pfeil Hier geht's weiter.png|rahmenlos|200px|rechts|link=Quadratische Funktionen erkunden/Wiederholung (Optional)]]
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.)


<!-- Noch einfügen: Didaktischer Kommentar-->
'''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.
Erstellt von: [[Benutzer:Elena Jedtke|Elena Jedtke]] ([[Benutzer Diskussion:Elena Jedtke|Diskussion]])


[[Kategorie:Mathematik]]
{{Approved template}}
[[Kategorie:Mathematik-digital]]
</noinclude>
[[Kategorie:Sekundarstufe 1]]
[[Kategorie:Lernpfade/Mathematik]]
[[Kategorie:Quadratische Funktionen]]
[[Kategorie:ZUM2Edutags]]
<metakeywords>ZUM2Edutags,ZUM-Wiki,ZUM.de,OER,Quadratische Funktionen erkunden,Quadratische Funktionen,Quadratische Funktion</metakeywords>


__NOTOC__
__NOEDITSECTION__
<noinclude>
<templatedata>
{
"params": {
"Typ": {},
"Überschrift": {},
"Text": {}
},
"paramOrder": [
"Typ",
"Überschrift",
"Text"
],
"format": "block"
}
</templatedata>
</noinclude>

Version vom 9. Juni 2018, 18:03 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