Eine tolle Möglichkeit, Schulstoff zu erklären, sind Bilder und interaktive Applets. Diese Richtlinien geben einen Überblick über die Möglichkeiten und das saubere Erstellen und Einbinden von Bildern und Applets.

Bild und Grafiken einfügen

Grundsätzlich ist in den Richtlinien zu Kursen, Artikeln, Lösungen etc. beschrieben, wie Bilder in diesem Kontext eingesetzt werden sollen. Allgemeine Richtlinien zur Gestaltung von Bilder und Grafiken findest du auf dieser Seite.

Bilder und Grafiken können im Editor mit folgendem Button eingefügt werden: Bild hochladen Button

Formate

in Arbeit

Bildgröße

in Arbeit

Geogebra einsetzen

Mit Geogebra kannst du interaktive Applets bzw. Grafiken (Geogebra-Datei als Bild abspeichern) erstellen und auf Serlo einbinden. Im Folgenden wird dir die Vorgehensweise erläutert:

  1. Zunächst erstellst du z.B. auf deinem Rechner (lokal) das Applet und speicherst es als Geogebra-Datei (ggt.) ab.

  2. Das Applet musst du dann auf Geogbebra unter Materialien hochladen. Dazu brauchst du einen eigenen Account. Achte dabei, dass du es unter freier Lizenz hochlädst, damit Serlo-Redaktions- bzw. Communitymitglieder Änderungen vornehmen können, falls diese nötig sind und du nicht mehr erreichbar bist.

  3. Ist das Applet hochgeladen, kannst du dieses mit dem folgenden Code

    im Editor einbinden.

    Die ID des Applets findest du unter Matetialien, wenn du auf dein
    hochgeladenes Material klickst und in der oberen Leiste im letzten Menüpunkt auf Teilen klickst:


    Dann wählst du den Menüpunkt "Einbetten":

    Die ID steht dann in der URL: …/id/HvazDtp/…

    In diesem Fall lautet die ID: HvazDytp

Ein gutes Applet erstellen …

in Arbeit

Text zu einem Applet

in Arbeit

Farben

Benutze bitte nur die folgenden Farben, wenn du Grafiken oder Applets erstellst.

Farbe

RGB-Farbcode

Hexcode

orange

orange

(255,102,0)

ff6600

rot

rot

(204,0,0)

cc0000

lila

lila

(102,0,153)

660099

tuerkis

türkis

(0,153,153)

009999

gruen

grün

(0,100,0)

006400

Wenn du Grafiken oder Applets einbindest, die du nicht selbst erstellt hast, so achte bitte darauf, dass sie unter Creative Commons-Lizenz (CC-BY-SA 3.0) stehen und du den Urheber entsprechend angibst.

-> Verlinkung zu Lizenz-Richtlinie

Lesbarkeit

Bilder und Applets werden beim Einbinden häufig stark verkleinert, daher sollte darauf geachtet werden, dass die Linien hinreichend dick und die Schrift hinreichend groß gemacht werden.

In den Beispielen rechts sieht man den Unterschied zwischen einer gut erstellten und einer schlecht erstellten Grafik.

Gut:

gut

Schlecht:

schlecht

Spezialfälle

Koordinatensystem

Wird ein Koordinatensystem verwendet, so achte bitte darauf, dass:

  • x- bzw. y-Achse immer mit "x" bzw. "y" beschriftet sind.
  • die Achsenbeschriftungen gut lesbar sind.
  • die Zahlenwerte auf den Achsen nur dann angezeigt werden, wenn sie zum Verständnis beitragen.
Kommentieren Kommentare

Otto 2017-04-04 12:55:16
Bitte die Hexcodes für die Farben hinzufügen:

orange: ff6600
rot: cc0000
lila: 660099
türkis: 009999
grün: 006400
Nish 2017-04-04 15:27:30
Gute Idee, Otto! Ich hab's eben eingefügt! Ich hoffe, die Werte stimmen, da ich sie nicht nochmal geprüft habe ;)
Antwort abschicken
Zu Page Richtlinien: Grafiken und Applets: Benennung der Applets im Editor
haberlm 2014-05-02 11:35:41
Die Applets werden im Editor mit [Appletname](/...) eingebunden.
Der Appletname wird nur im Editmodus angezeigt. Ich schlage vor, dass wir dort die Bezeichnungen von Dropbox verwende, damit man nicht suchen muss, welches Applet man gerade herunterladen muss.
z.B [Parabel10](/..)
Hannes 2014-05-12 11:40:16
sehr gute idee! können wir das irgendwo festhalten?
inyono 2014-05-29 11:03:05
Das sollte aber nicht gemacht werden, wenn man das GeoGebra-File als Grafik einbindet. Denn da wird der Titel angezeigt, wenn man mit der Maus über die Grafik geht.
Antwort abschicken