Hier ist ein roter Faden mit Lernschritten durch den Web Astronaut. Er ist für Leute gedacht, die noch keine Erfahrung im Schreiben von HTML- und CSS-Code haben.
Du beginnst HTML-Tags zu schreiben. Du brauchst dafür "nur" den Browser, deine ersten Schritte wirst du in sog. Codepens wagen.
Du beginnst CSS zu schreiben. Du brauchst dafür "nur" den Browser, du schreibst den Code direkt in Codepens, die du schon vom Level I kennst.
Du lernst, wie Boxen in HTML definiert und mit CSS formatiert werden. Dieses elementare Wissen brauchst du, um HTML-Seiten aufzubauen. Auch diesen Level übst du in Codepens.
Am besten startest du mit den Erklärungen auf der Seite "Das Box-Modell". Dort findest du die Theorie über die "Schichten" der Boxen, die nötig ist, um diesen Level zu verstehen.
Der Level IV baut auf dem Level III auf.
Voraussetzung für die Arbeit im Level V: du brauchst einen sog. Code-Editor auf deinem Computer.
Auf der Seite "Code Editoren" findest du Vorschläge dafür.
Weil das Setzen von Links in Codepens nicht so einfach geht, wirst du dieses Thema in einem separaten Paket auf deinem Compi üben, das du vorgängig herunterladen musst (Button unten). Beim diesem Paket handelt es sich um ein kleines Webprojekt mit zahlreichen Übungen, die direkt darin eingebaut sind.
Die Lösung der Übungen findest du hier. Versuche es doch zuerst selber zu lösen, bevor du "spickst".
Im Level V ging's um das HTML von Links und die Pfade, jetzt kommt noch das CSS hinzu, um das "Fleisch am Knochen" zu programmieren. Ein weiteres Thema sind "Rollover-Effekte auf Links.
Jetzt wird es etwas komplizierter. Es geht darum, wie man mit Hilfe von CSS-Selektoren HTML-Tags auswählen kann, um sie darauf zu formatieren.