Erweitern Sie Ihren Kurs mit dem Vielseitigen - und das ganz einfach! - HTML-Block

25. Januar 2018 Von Husveen Grewal

HTML-Block? Wenn Sie kein selbstbewusster oder begeisterter Programmierer sind, klingt dies nicht nach etwas, das einen normalen Moodle-Pädagogen ansprechen würde. Aber du liegst falsch!

Der HTML-Block ist einer der vielseitigsten Standardblöcke in Moodle, und Sie müssen kein HTML verstehen, um ihn verwenden zu können. Müssen Sie einen Link zum Helpdesk Ihrer Organisation anzeigen? Möchten Sie den Kurs mit einigen relevanten Bildern aufhellen? Möchten Sie einen Twitter-Feed hinzufügen? All dies und mehr kann mit dem HTML-Block erreicht werden. Noch besser ist, dass Sie Ihrer Kursseite mehrere dieser Blöcke hinzufügen können, alle mit unterschiedlichen Zwecken

Lassen Sie uns einen HTML-Block einrichten und einrichten, damit die Lernenden schnell auf den Support Desk zugreifen können. Anstatt nur einen langweiligen Link zu präsentieren, verbinden wir ihn mit einem Bild, damit die Lernenden auf das Bild klicken können, um Kontakt mit dem Support aufzunehmen:

Einrichten unseres HTML-Blocks

  1. Aktivieren Sie die Bearbeitung in Ihrem Kurs
  2. Klicken Sie auf den Link Block hinzufügen, wenn Sie das Boost-Thema verwenden, oder auf die Dropdown-Liste Block hinzufügen, wenn nicht, und wählen Sie HTML aus
  3. Klicken Sie hier, um den Block zu konfigurieren:

Link hinzufügen

Jetzt müssen wir den Link zu unserem Helpdesk herstellen. Wir machen es zweimal - einmal als Klartext und dann wieder aus dem Bild.

  1. Geben Sie den Text ein, den Sie mit dem Helpdesk verknüpfen möchten
  2. Wählen Sie es aus
  3. Klicken Sie auf das Link- / Kettensymbol und geben Sie die URL Ihres Helpdesks ein. (Dies kann eine E-Mail-Adresse sein. Beachten Sie jedoch, dass sie je nach Computer-Setup der Benutzer möglicherweise anders geöffnet wird.)
  4. Klicken Sie auf Link erstellen

Beachten Sie, dass der Link erst funktioniert, wenn wir den Block gespeichert haben - und wir noch etwas zu tun haben!

Bild hinzufügen

  1. Suchen Sie ein geeignetes kleines Bild, das Sie verwenden dürfen.
  2. Wenn Ihr Browser dies zulässt, ziehen Sie das Bild einfach per Drag & Drop in das Textfeld, wie unten beschrieben. (Wenn nicht, laden Sie es über das Bildsymbol in der Symbolleiste hoch.)

Bild verknüpfen

Jetzt müssen wir nur noch den Link hinzufügen, damit die Kursteilnehmer vom Bild aus direkt zu unserem Helpdesk gelangen können.

  1. Klicken Sie auf das Bild, um es auszuwählen. Es wird die Farbe ändern
  2. Klicken Sie erneut auf das Link- / Kettensymbol in der Symbolleiste und fügen Sie erneut Ihren Helpdesk-Link hinzu
  3. Klicken Sie auf Link erstellen.

Und das ist es! Klicken Sie unten im HTML-Block auf Änderungen speichern, und wenn Sie zu Ihrer Kursseite zurückkehren, sehen Sie den Block mit einem Textlink und einem anklickbaren Bildlink. Keine Ausreden mehr für verlorene Lernende :)

Möchten Sie mehr über den HTML-Block erfahren?

Obwohl Sie keinen HTML-Code benötigen, um diesen Block zu verwenden, können Sie, wenn Sie gerne Code kopieren und einfügen, auf vielfältige Weise von seiner Vielseitigkeit profitieren: Twitter-Feeds, Wetterberichte, Amazon Store-Links und mehr! Unsere HTML-Blockdokumentation gibt Ihnen weitere Informationen und enthält ein Link zu einem Video-Tutorial Sie Schritt für Schritt durch den Prozess führen.

Wie wollen Sie den HTML-Block verwenden?