In diesem Blogartikel stelle ich euch selbst gecodete Übungsseiten mit HTML und CSS vor.
Das Projektziel bestand darin, verschiedene „statische“ Seiten ausschließlich mit HTML und CSS zu erstellen. Der Fokus lag hier nicht auf einem super durchdachten Design oder wertvollen Inhalten, sondern vielmehr auf dem grundlegenden Verständnis dafür, wie HTML und CSS eingesetzt werden.
Zu Beginn des Projekts gab es klare Vorgaben von Freecodecamp, die berücksichtigt werden sollten, um eine Seite von Grund auf neu aufzubauen. Ich habe mich dafür entschieden, abschnittsweise vorzugehen, da ich als visueller Mensch ein grundlegendes Gefühl für das Design benötige. Schritt für Schritt habe ich HTML und CSS eingefügt, bis ein solides Grundgerüst entstanden ist. Zum Schluss habe ich die CSS-Codes angepasst und das Projekt fertiggestellt.
Die erstellten Projekte sind alle in „Übungsboxen“ auf Codepen zu finden. Ich habe die Erstellung selbst in VS Code durchgeführt, da ich damit am besten arbeiten kann.
Während des Projekts gab es verschiedene Herausforderungen, die bewältigt werden mussten. Von Flexbox-Einstellungen bis hin zu Tippfehlern gab es genug zu tun. Durch die Erstellung dieser Seiten habe ich ein echtes Gefühl für Websites und Design entwickelt, das ich nun in meiner täglichen Arbeit nutzen kann. Ich bin der Meinung, dass trotz der Verwendung von WordPress und Pagebuildern individuelle Anpassungen teilweise notwendig oder sinnvoll sind. Daher bin ich bestens darauf vorbereitet, auf jegliche individuellen Wünsche einzugehen.
Ich habe viel aus diesem Projekt gelernt und bin stolz auf das Ergebnis. Es hat mir geholfen, mein Verständnis für HTML und CSS zu vertiefen und mein technisches Know-how weiterzuentwickeln.
Falls auch du Unterstützung bei ähnlichen Projekten benötigst, stehe ich gerne zur Verfügung. Melde dich einfach für ein kostenloses Erstgespräch, in dem wir über deine Anforderungen und Bedürfnisse sprechen können.
Schau dir das Projekt gerne genauer auf der Projektseite an: Übungsprojekte HTML und CSS
(Hinweis: Die Darstellung in den Mockups könnte von der echten Darstellung auf der Website abweichen.)
Wenn du ebenfalls Unterstützung benötigst, schreib mir gern. Gemeinsam können wir über dein Projekt sprechen.
0 Kommentare