Einfache Programmier-Übung im Bereich
HTML- und CSS
Wenn man in die Programmierung einsteigt, so ist es häufig so, dass viele Aufgaben zu schwer sind für den Anfang, oder man vielleicht für bestimmte Kurse und Übungen auch bezahlen muss. Auf Schulhof-Programmierung findest du sehr viele Übungen. Die Übung ist sehr gut, wenn du vielleicht einsteigen willst in die Programmierung. Erste Schritte mit Visual-Studio-Code machen willst, dich mit HTML beschäftigst und für das Styling einer Webseite, mit CSS.
Code eine kleine Webseite mit HTMl in Visual-Studio-Code. Im oberen Bereich soll Bild angezeigt werden, ( du darfst das Bild frei zu Übungszwecken nutzen) Und im unteren Bereich soll eine kleine virtuelle Ampel dargestellt werden. Die Schwierigkeit: Die Ampel soll nicht grafisch gezeichnet werden, sondern per CSS-Code generiert werden. Wie funktioniert denn so was?
Das coole
Gibt es eine Lösung dazu? Ja, die Lösung dazu findest du weiter unten in einem kleinen Video zusammengefasst.
Lösung ( 34 min – Video zum nachbauen und lernen )