Aufbau der Inhalte

Gliederung des Projekts

• Die sechs Kacheln auf der Startseite sind die Themenbereiche.
• Die Themenbereiche gliedern sich in Kapitel, diese ggf. noch einmal in Unterkapitel.
• Mehrere Seiten bilden einen Abschnitt.

Als Muster für den Aufbau eines Kapitels dient das Demokapitel.

Gliederung der Startseiten

1. Worum geht es hier? (thematische Orientierung)
2. Für dieses Thema solltest du ... (Vorwissen mit Links zu den passenden Zusammenfassungsseiten)
3. Hier lernst du ... (Lernziele)
4. Diese Inhalte findest du hier: (blaue Inhaltsbox, die die Seitenleiste widerspiegelt, einschließlich Exkursen)

Gliederung einzelner Seiten

• Überschriften mit Operatoren: <h3>Überschrift</h3> Normalerweise enthält eine Überschrift einen Operator, z. B. „Das Maximum experimentell bestimmen“ oder „Erarbeitung: …“. Bei Einstiegen kann das ungünstig sein, wenn dadurch eine Pointe vorweggenommen wird. „Einstieg: Das Problem kennenlernen“ oder einfach „Einstieg“ ist dort in Ordnung.
• Aufgabe: <h3 class="aufgabe">Aufgabe 1</h3>
• Aufgabe mit Text: <h3 class="aufgabe">Aufgabe 1: Das Ziegenproblem erkunden</h3>
• Aufgabe mit Phase (nur wenn sinnvoll): <h3 class="aufgabe">Aufgabe 1 (Einstieg)</h3> Die Phasen Einstieg/Erarbeitung/Sicherung/Vertiefung können auch als Lernstrecke abgebildet werden.
• Teilaufgaben: fett und mit Klammern <b>(a)</b>

Boxen und Symbole

Boxen

Alle aktuellen Boxen stehen auf der Unterseite Boxen. Nur diese sollen verwendet werden.

Aufklappbare Boxen

Der gesamte Inhalt nach </summary> muss in einem <div> stehen, sonst fehlt die graue Umrandung:

<details class="ombox ombox--aufklappbar">
<summary>💡 Tipp</summary>
<div>
  <p>Text</p>
</div>
</details>

Didaktische Kommentare

<details class="didaktik-temp">
<summary>Didaktischer Kommentar</summary>
<p>Text</p>
</details class="didaktik-temp">

Textauszeichnungen

• Definitionen im Fließtext: <span class="om__definition">Ableitung</span>; darauf achten, dass man sich in einem <p></p> befindet.

Symbole: bereits verbreitet

Symbole: weitere Ideen

Diese Symbolliste muss noch ausgedünnt werden. Sinnvoll wäre außerdem ein Symbol für Überspringbares, also für Inhalte, die für den weiteren Verlauf nicht zwingend sind.

Sprache und Notation

Sprachliches

• überall Du-Anrede
• GeoGebra-Applet, wenn Lernende etwas interaktiv verändern können
• GeoGebra-Animation, wenn etwas automatisch abläuft

Mathematische Notation

• $P(1|2)$ statt $P=(1,2)$
• $1.23$ statt $1{,}23$
• Einträge/Komponenten/Koordinaten eines Vektors?

Farbverwendung einzelner mathematischer Inhalte

Funktionen

• rot: Stelle $x$
• blau: Funktionswert $y$

Differentialrechnung

• schwarz: Graph der Ursprungsfunktion $f$
• blau: Graph der Ableitungsfunktion $f'$ und Tangente
• grün: Sekante

Technik

Sprungmarken

Abschnitte lassen sich direkt verlinken: Die Überschrift bekommt eine id, also z. B. <h3 id="lokal">Überschrift</h3>, der Link hängt sie an den Pfad an, also z. B. <a href="pfad/zur/seite#lokal">Text</a>.

Parameter zur Einbindung der GeoGebra-Applets

https://wiki.geogebra.org/en/Reference:GeoGebra_App_Parameters

Quellen-Generator für inf-schule.de

https://www.inf-schule.de/infschule/dokumentation/kapitel-erstellen/textbereich/imgtaggenerator

Farben

• #2c8f78 – abgeschwächt: #d8f3ed
• #2f4858
• #007fbb
• #7661b3
• #f3eada
• #9facbd
• #bb0a21 – abgeschwächt: #fccfd5
• #eb9928 – abgeschwächt: #fbe9d0
• #f9f871

Redaktion

Autor:innen

Die:Der Hauptautor:in einer Seite steht an erster Stelle. Alle anderen, die dazu beigetragen haben – auch durch Korrekturlesen – folgen danach.

Offene Punkte