Courselet-Tipp: So platzieren Sie Eingabefelder auf Bildern

Möchten Sie eine Grafik nicht nur zur Dekoration nutzen, sondern diese zum Teil einer Übung werden lassen? An einem Beispiel zeigen wir Ihnen, wie Sie Eingabefelder auf Grafiken positionieren. So setzen Sie nicht nur Sprachlernübungen um, sondern erstellen auch Aufgaben, in denen Lernende bestimmte Teile einer Grafik korrekt beschriften müssen - sei es etwa das Innenleben eines Computers oder die Anatomie eines Insekts.

Bei der Gestaltung sind Sie flexibel: Ersetzen Sie, falls gewünscht, das Eingabefeld ganz einfach durch eine Gleiterlücke, Drop-Down-Liste oder Checkbox.

Sie benötigen die folgenden Blöcke bzw. Elemente:

Fügen Sie zunächst den Standard-Block "Bild" hinzu und laden hier Ihre Datei hoch. Achten Sie darauf, dass diese nicht allzu groß ist, so dass die Übung auch auf kleineren Bildschirmen funktioniert. In diesem Beispiel ist das Bild mit den drei Tieren und den Anfangsbuchstaben hinterlegt.

Legen Sie direkt im Bildmodul die benötigten Elemente an: als erstes das Element "Positionierung auf Grafik". Unter "Koordinaten" geben Sie an, an welcher Stelle auf dem Bild die Lücke platziert werden soll. Fahren Sie dazu mit der Maus über das eingebaute Bild und lesen Sie die beiden Koordinaten der linken oberen Ecke ab. Tragen Sie diese im Format "x,y" ein.

Jetzt benötigen Sie noch das Element "Eingabefeld" selbst. Die korrekte Lernenden-Eingabe tragen Sie im Feld "Lösung" ein. Sollen mehrere Begriffe oder Schreibweisen pro Lücke als richtig gewertet werden, können Sie diese durch eine Pipe (|) getrennt auflisten. Bei "Größe" haben wir in diesem Beispiel "Alle gleich groß" gewählt, so dass die Länge des Lösungswortes nicht an der Größe der Lücke erkennbar ist.