HTML und CSS für E-Learning

Mit der Nutzung von HTML und CSS heben Sie Ihr E-Learning auf die nächste Stufe.

Wenn Sie Online und Digital mit Lernenden interagieren, dann haben Sie wahrscheinlich die Notwendigkeit erkannt, zu wissen, wie man die Webtechnologien HTML und CSS benutzt.

Sie werden die Grundlagen von HTML und CSS entdecken, damit Sie Ihre Lehr- und Lernmaterialien mit dynamischen Seiten verbessern können.

Lernen Sie die Grundlagen der Webprogrammierung, einschließlich der Formatierung von Text, der Verlinkung mit anderen Seiten, dem Hinzufügen von Bildern, dem Einbetten von Ressourcen, der Verwendung von CSS und dem Hinzufügen gezielter Anpassungen zu einem Lernmanagementsystem (LMS) wie Moodle oder einer WordPress-Website.

Web-Grundlagen

• Wozu HTML lernen?
• HTML-Grundlagen
• Werkzeuge des Handwerks
• Kodierung einer Site, einer Seite oder von Teilen
• Wie URLs funktionieren
• Spektrum des Urheberrechts
• Digitales Asset-Management
• Workflow zum Erstellen einer Web- oder Kurs-Site
• Als HTML speichern oder nicht?

Text semantisch formatieren

• Überschriften verwenden
• Absätze definieren
• Hervorhebungen hinzufügen
• Listen erstellen
• Beschreibungslisten erstellen

Links nutzen

• Erstellen von Links zu Seiten
• Erstellen von Links innerhalb von Seiten
• Erstellen eines E-Mail-Links
• Erstellen von Links für soziale Medien
• Auswählen, wo Links geöffnet werden sollen
• Verlinkung zu einer PDF-Datei
• Verknüpfen mit einem Google Doc

Bilder einbinden

• Arbeiten mit Bildern in HTML
• Eigene Bilder in ein LMS einfügen
• Bilder von Flickr verwenden
• Ein verlinktes Bild erstellen

Ressourcen einbetten

• Einbetten von Ressourcen mit iFrames
• Einbetten von YouTube-Videos
• Einbetten von Vimeo-Videos
• Einbetten von SoundCloud-Audio
• Verwendung einer benutzerdefinierten Google-Karte
• iFrames responsiv für mobile Geräte machen

Hinzufügen von Stil mit CSS

• Was ist CSS?
• CSS mit Webentwickler-Tools bearbeiten
• Überschreiben von CSS in einem LMS
• Verknüpfen mit Ihrem eigenen benutzerdefinierten CSS
• Erstellen einer reinen Druckvorlage

Einrichten der Web-Infrastruktur

• Einrichten der Web-Infrastruktur
• Erstellen einer eigenen Domain
• Einrichten eines WordPress-Blogs
• Einrichten eines Moodle-LMS
• Einrichten einer persönlichen Website
• FTP einrichten

HTML ist die allgegenwärtige Basis, auf der das gesamte Web aufgebaut ist. Lernen Sie alle grundlegenden Konzepte und Fähigkeiten, die einfach jeder kennen sollte, der fürs Web Inhalte entwickelt und produziert. Sie beginnen mit den Grundlagen von HTML und legen damit ein solides Fundament an Best Practices. Dann tauchen Sie in den HMTL-Code ein, beginnend mit den drei wichtigsten Fähigkeiten, die jeder kennen muss: Formatierung von Text, Nutzung von Links und Einbindung von Bildern in Ihre Seiten. Als nächstes lernen Sie, wie Sie Medien von YouTube, Vimeo und SoundCloud nahtlos einbinden und benutzerdefinierte Google Maps mobilfreundlich und responsiv erstellen. Dann werden wir eines der anspruchsvollsten, aber lohnendsten Themen in Angriff nehmen, nämlich wie Sie die Seiten Ihrer Website, wie z.B. WordPress und sogar Ihre LMS-Seiten in Moodle durch das Schreiben von eigenem CSS großartig aussehen lassen. Zum Abschluss werden Sie ein eigene Web-Infrastruktur einrichten, an der Sie Ihre neuen Fähigkeiten üben können.

Die Weiterbildung "HTML und CSS für E-Learning" bieten wir Ihnen als Firmenseminar sowie Inhouse-Schulung Live-Online und Vor-Ort an!