Medien und Ressourcen hinzufügen

In dieser Lektion lernen Sie, wie Sie Ihren Kurs verbessern können, indem Sie verschiedene Arten von Medien und Ressourcen hinzufügen. Dazu gehören Bilder, Videos und herunterladbare Dateien, die helfen können, Konzepte zu veranschaulichen und zusätzlichen Wert für Ihre Lernenden zu bieten.

Bilder hinzufügen

Bilder können Ihren Kursinhalt erheblich verbessern, indem sie visuelle Erklärungen oder Beispiele liefern. So fügen Sie Bilder zu Ihrem Kurs hinzu:

Platzieren Sie Ihre Bilddateien im entsprechenden Verzeichnis:
```
static/images/courses/<Ihr-Kurs-Name>/
```
Verwenden Sie die folgende Syntax in Ihrem Markdown-Inhalt, um ein Bild einzubetten:
```
![Alternativtext](/images/courses/<Ihr-Kurs-Name>/bild-name.png)
```

Beispiel:

![Git Workflow](/images/courses/git-basics/git-workflow.png)

Videos hinzufügen

Videos können besonders nützlich sein, um Prozesse zu demonstrieren oder komplexe Konzepte zu erklären. Sie können verschiedene Videoquellen einbinden:

Platzieren Sie Ihre Videodateien im entsprechenden Verzeichnis, falls Sie lokale Dateien verwenden möchten:
```
static/videos/courses/<Ihr-Kurs-Name>/
```
Hinweis: Lokale Videos sollten nur in Ausnahmefällen verwendet werden (z.B. falls keine externe Plattform wie YouTube/Vimeo möglich ist), da sie die Ladezeiten und das Hosting stark beeinflussen können.

Geben Sie die Videoquelle im Front Matter Ihrer Lektion an. Sie können eine der folgenden Varianten nutzen:

---
video:
  local: /videos/courses/<Ihr-Kurs-Name>/lektionen-video.webm  # Lokale Datei
  # youtube: dQw4w9WgXcQ                # YouTube Video-ID
  # vimeo: 123456789                    # Vimeo Video-ID
  # external: https://.../video.mp4     # Externe Videodatei
  # embed: "<iframe ...></iframe>"      # Beliebiger Embed-Code
---

Das Video wird automatisch oben auf Ihrer Lektionseite angezeigt – unabhängig davon, ob es lokal, von YouTube, Vimeo, einer externen URL oder per Embed eingebunden ist.

Tipp: Nutzen Sie möglichst das bestehende image-Feld im Front Matter als Vorschaubild (Thumbnail) für Ihr Video.

Herunterladbare Ressourcen hinzufügen

Sie können zusätzliche Ressourcen anbieten, die Ihre Lernenden herunterladen können, wie z.B. PDF-Leitfäden, Codebeispiele oder Übungsdateien.

Platzieren Sie Ihre herunterladbaren Dateien im entsprechenden Verzeichnis:
```
static/resources/courses/<Ihr-Kurs-Name>/
```

Erstellen Sie einen Link zur herunterladbaren Ressource in Ihrem Markdown-Inhalt:

[Übungsdateien herunterladen](/resources/courses/<Ihr-Kurs-Name>/übung-dateien.zip)

Best Practices für die Verwendung von Medien

Relevante Medien verwenden: Stellen Sie sicher, dass alle enthaltenen Medien Ihren Lehrinhalt direkt unterstützen.
Dateigrößen optimieren: Große Dateien können die Ladezeiten der Seite verlangsamen. Komprimieren Sie Bilder und Videos, wo immer möglich.
Alternativtext bereitstellen: Fügen Sie immer beschreibenden Alternativtext für Bilder hinzu, um die Barrierefreiheit zu verbessern.
Ausgewogene Verwendung von Medien: Während Medien das Lernen verbessern können, sollten Sie eine Übernutzung vermeiden. Finden Sie eine Balance zwischen Text- und Medieninhalt.

Übung: Verbessern Sie Ihre Lektion mit Medien

Fügen Sie mindestens ein Bild zu der Lektion hinzu, die Sie in der vorherigen Übung geschrieben haben.
Fügen Sie, wenn zutreffend, eine kurze Videodemonstration in Ihre Lektion ein.
Erstellen Sie eine einfache herunterladbare Ressource (z.B. ein PDF-Spickzettel) und fügen Sie einen Link dazu in Ihre Lektion ein.

In der nächsten Lektion werden wir behandeln, wie Sie Ihren Kurs lokal previewen und testen, bevor Sie ihn einreichen.

Inhaltserstellung