Prüfung vom 09.10.2022 – Schulhof-Programmierung
![](https://schulhof-programmierung.de/wp-content/uploads/2022/10/hexe_01-1.jpg)
Programmiere einen kleinen Dienstplan mit HTML und etwas CSS – Die kleine Übung für Anfänger
![dienstplan programmieren](https://schulhof-programmierung.de/wp-content/uploads/2022/10/dienstplancoden_999-1024x394.jpg)
![dienstplan coden shedule coden](https://schulhof-programmierung.de/wp-content/uploads/2022/10/wochenplaner_777-1024x576.jpg)
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.
![](https://schulhof-programmierung.de/wp-content/uploads/2022/10/dienstplancodevorlage-1024x440.jpg)
![](https://schulhof-programmierung.de/wp-content/uploads/2022/10/aenderungen_111-1024x184.jpg)
Man soll auch die Möglichkeit haben, Veränderungen im Code in Schriftform einzutragen.
Zum Beispiel: „Mitarbeiter ausgefallen“
![](https://schulhof-programmierung.de/wp-content/uploads/2022/10/botton_900-1024x187.jpg)
![](https://schulhof-programmierung.de/wp-content/uploads/2022/10/dienstzeiten_222-1024x246.jpg)
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
![](https://schulhof-programmierung.de/wp-content/uploads/2022/10/planung_111-1024x486.jpg)
Kleines Lösungs-Video zum nachbauen und üben
![](https://schulhof-programmierung.de/wp-content/uploads/2022/10/moegliche_111-1024x478.jpg)
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.