Was macht einen ansprechenden Kurs aus?
- Übersichtlichkeit (Navigation/Index, Symbole/Icons, Unterüberschriften, Leerzeilen/Trennzeichen(<HR>), Einrückungen)
Inhalt!!!
- Elemente aufklappen/reduzieren können
- Kontrolle für die Nutzer:innen
- Responsivität: Mobile first
- hervorgehobene Bereiche
ZIEL: Am Ende Idee für optisch schöne Kursumsetzungen gesammelt haben und Ideen / Codes wie das mit HTML umsetzten kann.
gemeinsame Sammlung: Tipps zur Umsetzung von grafisch ansprechenden Moodle Kursen
Moodle Boardmittel
Viel machen Bilder, Tabellen, farbige Formatierungen
HTML Tipps:
Im externen Editor bauen und über Quellcode <> einfügen
Ist meine Seite responsive? http://www.responsinator.com/
Javascript ???? Eine Option, wenn ja was ist zu beachten?
- Hinweis: ist in einigen Systemen gesperrt und wird beim Speichern gelöscht
CSS Stylesheets? Geht das auf Kursebene? Was ist zu beachten?
Plugins
"Wer auf Plugins verzichtet, verpasst die kulinarischen Leckerbissen."
- Generico Filter https://moodle.org/plugins/filter_generico
Kursformate
Andere Idee?
andere Beispiele
- Birgit L. aus dem Bereich Chemie
- Rebecca Burk: BOKU E-Learning und Didaktik Couch (CC lizensiert)
---
Sammlung von Ideen https://moodle.org/mod/forum/discuss.php?d=383264
Bitte auch dort ergänzen
CSS-Tipp: Accordion auf HTML/CSS-Basis:
(im Textfeld in die HTML-Ansicht kopieren und anpassen)
<details open="">
<summary style=" border-left: 6px solid red; height: auto; padding-left: 5px;">
<b>Accordion mit dem HTML-Tag <details></b>
</summary>
<p>
Das neue HTML5-Tag <details> wird von Firefox, Chrome, Opera und Safari unterstützt. Der Internet Explorer unterstützt das Tag noch nicht; hier werden die Inhalte immer vollständig angezeigt.
</p>
</details>
Eyetracking
von wann ist diese Studie? 2004 ungefähr
Course zu Font Awesome in English