wochendienstplan-programmieren- shedule-developing – projekt html und css

Prüfung vom 09.10.2022 – Schulhof-Programmierung

Programmiere einen kleinen Dienstplan mit HTML und etwas CSS – Die kleine Übung für Anfänger

dienstplan programmieren
dienstplan coden shedule coden

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.

Das Bild darfst alle Grafiken frei nutzen Header-Bild

Man soll auch die Möglichkeit haben, Veränderungen im Code in Schriftform einzutragen.

Zum Beispiel: „Mitarbeiter ausgefallen“

Unter diesem Botton sollen die Dienstzeiten stehen


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.

Durch die weitere Nutzung der Seite stimmst du der Verwendung von Cookies zu. Weitere Informationen

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Schließen