Zum Inhalt

Dokumentation der Challenge: HTML & CSS Auffrischung 20.08.2024

Verfasser: Joel Mazurek

Einführung

In dieser Challenge haben wir unser Wissen in HTML und CSS aufgefrischt, indem wir eine einfache Website programmiert haben. Ziel war es, die in vorherigen Modulen erlernten Fähigkeiten zu festigen und sicherzustellen, dass wir in der Lage sind, eine Website korrekt zu strukturieren und zu gestalten.

Aufgabenstellung

  • Strukturieren der Website mit den folgenden HTML-Tag-Bereichen und Divisions (div):
  • Wrapper
  • Body
  • Header
  • Navigation
  • Main
  • Footer
  • Nutzung einer separaten CSS-Datei zur Gestaltung der Website.
  • Einfügen eines Favicons und einer speziellen Schriftart.
  • Veröffentlichung der Seite.

Vorgehensweise

  1. Grundstruktur in HTML erstellen:

  2. Die Grundstruktur der Website wurde mit den notwendigen HTML-Elementen aufgebaut.

  3. Sicherstellung, dass die Struktur semantisch korrekt ist.

  4. CSS einbinden und anwenden:

  5. Die Gestaltung der Website erfolgte über eine separate CSS-Datei.

  6. Es wurden verschiedene CSS-Selektoren, Klassen und IDs verwendet, um das Design anzupassen.
  7. Die Seite wurde ansprechend gestaltet und das Layout optimiert.s

Fazit

Diese Challenge hat dazu beigetragen, mein Wissen in HTML und CSS zu festigen und mich auf den aktuellen Stand zu bringen. Durch die praktische Anwendung konnte ich sicherstellen, dass ich die grundlegenden Techniken des Webdesigns sicher beherrsche.