Prüfung vom 09.10.2022 – Schulhof-Programmierung
Programmiere einen kleinen Dienstplan mit HTML und etwas CSS – Die kleine Übung für Anfänger
Aufgabe Code einen kleinen Wochen-Dienstplan von Montag bis Sonntag für 10 Mitarbeiter in Visual-Studio-Code.
In den Plan soll man von Montag bis Sonntag jeweils per Abkürzung die Dienste eintragen können.
Zum Beispiel Herr Mayer 01.02.2022 – F1 Dienst etc… Nutze die freien grafischen Elemente und fange an zu coden.
Viel Erfolg. Das Lösungs-Video findest du unten. Die Übung eignet sich sehr gut, für Einsteiger.
Man soll auch die Möglichkeit haben, Veränderungen im Code in Schriftform einzutragen.
Zum Beispiel: „Mitarbeiter ausgefallen“
Der Plan könnte zur Orientierung ungefähr so aussehen, aber du kannst ihn natürlich auch anderst programmieren. Wichtig ist, dass er für mindestens 10 Mitarbeiter sein soll.
Das Muster
Kleines Lösungs-Video zum nachbauen und üben
Lösungs-Video 1 ( 20 min – 38 sec) Lösungs-Video – Kleiner Wochenplan coden in HTML und CSS
Lösungs-Video 2 Was tun, wenn dein Bild nicht angezeigt wird in Visual-Studio-code?
Was lernst du in dieser Übung?
Arbeiten mit Visual-Studio-Code
Arbeiten mit Tabellen
Arbeiten mit HTML
Arbeiten mit CSS für das Styling des Plans
Wichtige Anmerkung:
Bitte beachte, dass der Dienstplan eine einfache Übung ist. Der Dienstplan ist nicht responsive.