9: Webseite mit Logo, Navbar, Sidebar und dynamischem Inhalt
In diesem Kapitel lernst du, wie du eine komplexere Webseite mit einem Logo, einer Navigationsleiste, einer Sidebar und einem dynamischen Inhaltsbereich erstellst. Die Sidebar dient als Menü, um zwischen verschiedenen Inhalten zu wechseln. 1. Grundaufbau der HTML-Seite HTML: 2. Beschreibung der Elemente Header mit Logo und Navbar Sidebar Hauptinhalt 3. Dynamik durch JavaScript Das JavaScript […]
7: Responsive Design
Responsive Design ist ein Ansatz im Webdesign, der sicherstellt, dass eine Webseite auf allen Geräten gut aussieht – ob auf einem Smartphone, Tablet oder Desktop-Computer. In diesem Kapitel lernst du, wie du mit CSS ein responsives Design erstellst und verschiedene Bildschirmgrößen berücksichtigst. 1. Was ist Responsive Design? Responsive Design bedeutet, dass sich das Layout einer […]
5: CSS-Styles – Inline, Im Kopf und Externe Dateien
In diesem Kapitel lernst du, wie du CSS-Stile auf unterschiedliche Arten einbindest und wie die Vererbung und Verschachtelung von CSS-Regeln funktioniert. 1. Arten der CSS-Integration a) Inline-Stile Inline-Stile werden direkt im HTML-Tag definiert und sind nur für das jeweilige Element gültig. Beispiel: Vorteil: Schnell und einfach für einzelne Elemente. Nachteil: Unübersichtlich bei größeren Projekten. b) […]