Termine

Workshop

Wir werden einen Workshop am ??.??.?? veranstalten. Bitte bereiten Sie Ihr Projekt dazu soweit vor, dass Sie es Ihren Kommiliton:innen zeigen und Ideen und Probleme ansprechen können

Treffen auf der Uniwiese

??.??.?? ab ??:??h zwischen der Mensa und dem neuen Seminargebäude mit allen IT-Zertifikat Teilnehmer*innen und allen Dozent*innen. (Bitte einen aktuellen negativen Corona Test mitbringen!)

Seminarausfälle

---

Milestones

1. Milestone (optional) fällig am ??.??.??
Bitte schreiben Sie eine HTML5 Seite, die mit CSS gelayoutet ist und die Ihren Wochenplan enthält. Sinnvoll ist es immer, vor dem eigentlichen Inhalt das warum, wer, was, wie kurz festzuhalten. Sehr übersichtlich ist es, wenn verschiedene Kategorien (Arbeit, Uni, Sport, Musik, Freizeit, ...) verschiedene Farben haben.

Und bitte immer daran denken: in der HTML Datei stehen nur Strukturinformationen und in der CSS Datei die entsprechenden Layoutinformationen!

2. Milestone fällig am ??.??.??

Der erste Schritt in zu Ihrer ersten Webseite ist die Themenfindung. Bitte überlegen Sie sich ein Thema, das Sie interessiert. Sie werden noch viel Zeit mit diesem Thema verbringen... :)

Die zweite Überlegung ist, wie Sie Ihre Seite aufbauen wollen. Eine Startseite mit diversen Unterseiten? Ein One-Pager? Wo sollen Bilder hin? Wo Text?
Welche Farben möchten Sie verwenden? Welche Schriftarten?

Bitte schreiben Sie nun eine HTML5 Seite, die ausschließlich Strukturinformationen enthält. Verwenden Sie semantische Containerelemente und umschließen Sie bitte alle Seiteninhaltselemante mit Containern. Validieren Sie Ihren Code mit dem W3C Validator.

Alle Layoutinformationen sind in der externen CSS Datei zu finden. Sie verwenden das Boxmodel und das Flexbox-System für den Seitenaufbau.

Integrieren Sie sinnvoll CSS Eigenschaften über die verschiedenen Selektorarten.

Bitte verwenden Sie KEINE Templates!

Verwenden Sie gerne zunächst Blindtext und Dummybilder, um einen ersten Eindruck von Ihrer Seite zu bekommen. Dieses kann dann nach und nach durch die Originale ersetzt werden.

3. Milestone fällig am ??.??.??

Bitte binden Sie eine externe JS Datei ein und auch ein HTML Formular, das mindestens ein einzeiliges Eingabefeld mit 'Abschicken-Button', wie auch eine Selectbox enthält. Gestalten Sie das Formular übersichtlich. Bitte realisieren Sie eine JS-Funktion, die nach Click auf den Button das Eingabefeld ausliest und auf der Konsole ausgibt.

Fertiges Projekt fällig am ??.??.??

Sie haben eine moderne HTML5 Seite zu einem Thema Ihrer Wahl geschrieben, die ausschließlich Strukturinformationen enthält und verwenden semantische Containerelemente.

Alle Layoutinformationen sind in der externen CSS Datei zu finden und Sie verwenden das Boxmodel und das Flexbox-System für den Seitenaufbau.

Sie verwenden Sie KEINE Templates. Bausteine von w3schools dürfen gerne eingesetzt werden.

Bitte validieren Sie Ihren Code mit dem W3C Validator.

Ihre Webseite verarbeitet Eingaben mit JavaScript (in externer Datei), die auf der Webseite getätigt werden können. Dies kann auf unterschiedliche Arten und Weisen erfolgen, so wie wir es im Seminar besprochen haben. Sie verarbeiten diese Eingaben und generieren eine optisch ansprechende Ausgabe auf der Webseite.