SKI-Responsive Design
In diesem Semester haben wir uns mit den Grundlagen des Responsive Designs beschäftigt. Das Hauptziel war es, Bilder so einzubinden, dass sie sich automatisch an verschiedene Bildschirmgrößen anpassen – unser erster Kontakt mit sogenannten Media Queries.
Unsere Aufgabe war es, ein Skibild und ein Skilogo so einzubauen, dass sie sich je nach Größe des Displays verändern. Damit haben wir die ersten Schritte in Richtung modernes, mobilfreundliches Webdesign gemacht.
Was wir gelernt haben:
- Einsatz von Media Queries für verschiedene Endgeräte
- Flexible Anpassung und Skalierung von Bildern
- Grundlegende Prinzipien für die Gestaltung von mobilen Webseiten
Im Sommersemester haben wir eine kleine, interaktive Webseite erstellt, auf der man per Button ein Bild ein- oder ausblenden konnte. Zusätzlich wurde eine Hobbies-Box unter dem Bild mithilfe von CSS optisch verändert.
Das Ziel der Übung war es, Interaktivität mit JavaScript und gezielten CSS-Klassen umzusetzen – also Elemente zu verstecken oder anzuzeigen und deren Design dynamisch anzupassen.
Was wir dabei gelernt haben:
- Elemente per Button sichtbar machen oder ausblenden
- CSS-Klassen gezielt und dynamisch zuweisen
- Bilder sowie die Gestaltung der Hobby-Box flexibel steuern
