Webfrontend

Ziel: Aufbau eines userfreundliches und modernes Webinterface mit Abfrageoption

Templates: HTML5UP! oder W3Schools - Templates

Übungsaufgabe zum Umgang mit Templates: Bitte suchen Sie sich ein Template aus, das Ihnen geeignet scheint, um damit eine Webseite für das IT-Zertifikat der Philosophischen Fakultät zu bauen. Es sollen alle vier Seminare vertreten und eine Orga/Info Seite verfügbar sein. Downloaden Sie das Template und passen Sie es entsprechend an!

Fahrplan und Aufgabe:

  1. HTML-Code für Selectboxen
  2. Events bei HTML
  3. JS Output
  4. Arbeiten mit der JS Konsole
  5. ggf. JS-Bibliotheken: Leaflet ansehen
  6. Ausblick auf die Projektarbeit

Aufgabe: Bitte integrieren Sie eine Selectbox (ggf. mit <optgroup>) in ihre HTML-Seite und programmieren Sie mit JS eine Funktion, die beim Wechsel der Auswahloption den value der ausgewählten Option ausliest und diesen auf der Konsole und in einem Abschnitt auf der Seite ausgibt.