Komplett responsive Website bauen | HTML & CSS Anleitung

In diesem Videotutorial lernst du, wie du eine vollständige, responsive Website mit HTML5 und CSS3 erstellst. Zudem kommt modernes ES6-JavaScript zum Einsatz, um Klicks zu verarbeiten. Responsive Webdesign ist essenziell – wir stellen sicher, dass die Website auf mobilen Geräten perfekt funktioniert. Dafür nutzen wir verschiedene Techniken und neue CSS-Features wie Flexbox und Grid, um die Seite von Grund auf zu bauen – ganz ohne Bibliotheken oder Frameworks.

Vergiss nicht, ein Like zu geben, wenn dir das Video geholfen hat! Klicke außerdem auf die Glocke, um Benachrichtigungen zu aktivieren. So wirst du sofort informiert, sobald neue Videos hochgeladen werden.

[ PROJEKTDATEIEN ]

[ TIMESTAMPS ]

Header & Hero-Bereich HTML – 1:15
Header & Hero-Bereich CSS – 7:16
Erlebnisse im Freien HTML – 30:35
Erlebnisse im Freien CSS – 35:20
Testimonials HTML – 44:55
Testimonials CSS – 47:25
Abenteuer starten & Footer HTML – 53:55
Abenteuer starten & Footer CSS – 57:43
Media Queries – 1:00:20

[ SOCIAL MEDIA ]

[ HOSTGATOR ]

[ MEINE AUSRÜSTUNG ]

Laptop-Spezifikationen für Programmieren/Video-Bearbeitung

Laptop: Dell XPS 15 7590
Prozessor: Intel Core i7-9750H (9. Generation)
RAM: 32 GB (aufgerüstet)
Grafikkarte: Nvidia GeForce GTX 1650 (4 GB GDDR5)
Speicher: 500 GB M.2 PCIe NVMe SSD (aufgerüstet)
--- Extras ---
Monitor: Dell Ultrasharp 27"
Tastatur: Logitech MX Keys
Maus: Logitech MX Master 3
Mikrofon: Blue Yeti

Um den Entwicklungsprozess zu beschleunigen, wurden keine CSS-Präfixe verwendet. Für die Cross-Browser-Kompatibilität...