Lehrveranstaltungen am
Institut für Digital Humanities, Universität zu Köln
IT-Zertifikat der Phil.Fak.: Advanced Web Basics
Responsive Web Design - @media-Regel
Responsive Web Design - @media-Regel
@media-Regel
Beispiele
Vorherige Seite: Responsive Web Design - Viewport
Nächste Seite: CSS Animationen
Veranstaltungsnavigation
Organisatorisches auf einen Überblick
Einleitung 1. Sitzung
Kommunikationsplattform
Werkzeuge für die Entwicklung
HTML Grundlagen
HTML Grundlagen: Aufgabe
Einleitung 2. Sitzung - CSS & fix für leere StackBlitz Seiten
CSS Selektoren
Box-Modell
Schrift und Farben
Optional: Elemente/Bild zentrieren mit FlexBox
Einleitung 3. Sitzung - Wiederholung vom letzten Beispiel
CSS auslagern
Formulare und Eingabefelder
JavaScript Einführung
Details zur Abgabe
Einleitung 4. Sitzung
CSS & JS innerhalb und außerhalb von StackBlitz
Validierung
Multimedia
Showcase
Einleitung 5. Sitzung
Flexbox
:hover-Selektor
Transitions
Einleitung 6. Sitzung
Wechsel zu Visual Studio Code
Mehrere HTML-Seiten erstellen und verlinken
Details zur zweiten Abgabe
(Bonus:) Lokale Medien einbinden
Einleitung 7. Sitzung
Responsive Web Design - Viewport
Responsive Web Design - @media-Regel
CSS Animationen