Übungsprojekte HTML + CSS 

Projektziel

Unterschiedliche „statische“ Seiten sollten erstellt werden, ausschließlich mit HTML und CSS. Der Fokus liegt nicht auf super durchdachtem Design oder wertvollen Inhalten sondern auf dem Grundverständnis, wie HTML und CSS einzusetzen ist.

Ausgangssituation

Vorgaben von Freecodecamp sollten berücksichtigt werden, um eine Seite komplett von Grund auf zu erstellen

Ablauf

Es gibt sicherlich unterschiedliche Ansätze, eine Seite von Grund auf neu aufzubauen. Man könnte mit dem kompletten HTML Code anfangen und erst zum Schluss das Design übernehmen. Ich bin allerdings abschnittsweise vorgegangen, da ich als visueller Mensch dann erstmal auch ein grundsätzliches Gefühl für das Design bekommen muss. Ich habe also Stück für Stück HTML + CSS eingefügt, bis ein Grundgerüst bestand. Zum Schluss habe ich nochmal die CSS-Codes angepasst und das Projekt fertiggestellt. Die Projekte sind alle in „Übungsboxen“ auf Codepen zu finden. Die Erstellung an sich habe ich in VS Code vorgenommen, da ich damit besser arbeiten kann.

Gelöste Probleme/Herausforderungen

genug! Von Flexbox-einstellungen bis zu Tippfehlern, die gefunden werden mussten gab es genug zu tun. Ich habe durch die Erstellung ein richtiges Gefühl für Websites und Design bekommen und kann dies in meiner täglichen Arbeit nutzen. Ich bin der Meinung, dass trotz WordPress und Pagebuilder indivudelle Einstellungen teilweise trotzdem notwendig oder sinnvoll sind. Somit bin ich bestens vorbereitet auf jegliche individuellen Wünsche.

(Hinweis: die Darstellung in den Mockups könnte von der echten Darstellung auf der Website abweichen.)