Wie man eine Website erstellt - HTML & CSS Tutorial für absolute Anfänger - Deutsch

Projekt auf Github: https://github.com/dev-planet-germany... Visual Studio Code: https://code.visualstudio.com/download Google Chrome: https://www.google.com/intl/de_de/chr... Texte für das Projekt: https://raw.githubusercontent.com/dev... Hintergrundtextur: https://raw.githubusercontent.com/dev... Pikachu-Bild: https://raw.githubusercontent.com/dev... Pokeball-Bild: https://raw.githubusercontent.com/dev... Pokéwiki für Pikachu: https://www.pokewiki.de/Pikachu In einer Zeit, in der fast alles digital abläuft, kommt fast jeder mal an den Punkt, an dem er eine Webseite erstellen will. Wenn man das komplett selbst übernehmen will, kommt man an HTML & CSS nicht vorbei und deshalb erfahrt ihr in diesem Video alles, was ihr wissen müsst, um mithilfe von HTML und CSS eine statische Website zu erstellen. 00:00:00 Intro 00:00:20 Warum HTML & CSS lernen? 00:01:00 Überblick über den Kurs 00:02:15 Benötigte Programme 00:02:38 Visual Studio Code 00:02:55 VSC auf Deutsch umstellen 00:04:40 Google Chrome 00:05:00 Was ist HTML? 00:05:40 Eine HTML Datei erstellen 00:07:15 Das HTML Grundgerüst 00:13:45 Die Abkürzung für das Grundgerüst 00:14:45 HTML Attribute 00:16:05 Festlegen der Sprache - Das lang Attribut 00:17:10 Texte einfügen 00:18:10 Überschriften in HTML (h Tags) 00:19:55 Absätze in HTML (p Tags) 00:21:30 Die Autoformatierung 00:22:50 Bilder in HTML (img Tags) 00:27:35 Abschnitte in HTML (section Tags) 00:29:03 Tabellen in HTML 00:34:35 Block-Level-Elemente und Inline-Elemente 00:36:11 Listen in HTML 00:38:00 Was ist CSS? 00:38:35 Das style Attribut 00:39:45 Das style Tag 00:40:27 Externes CSS (Der richtige Weg) 00:41:10 Eine CSS Datei anlegen 00:42:24 Der Aufbau einer CSS Zuweisung 00:44:12 Festlegen der Hintergrundfarbe 00:45:25 Einbinden einer CSS Datei (link Tags) 00:47:00 Farben in CSS 00:48:23 Hintergrundbilder in CSS 00:51:48 Behälterelemente in HTML (div & span) 00:54:50 Anpassen der Größe (width & height) 00:57:43 Die Chrome Entwicklertools 01:00:52 Das CSS Box Modell 01:01:40 Der Margin (Abstand um das Element herum) 01:10:00 Padding (Abstand zwischen Rahmen & Inhalt) 01:12:00 Schatten in CSS (box-shadow) 01:14:30 Festlegen der Schriftart in CSS 01:20:10 Festlegen der Zeilenhöhe in CSS 01:21:50 Gruppenselektoren (Auswahl mehrerer Elemente) 01:23:00 Festlegen der Schriftfarbe in CSS 01:23:30 Festlegen der Textausrichtung in CSS 01:25:25 Schatten für Texte in CSS (text-shadow) 01:26:32 Abgerundete Ecken in CSS (border-radius) 01:29:10 Bilder neben Texten in CSS (float) 01:32:13 Das class Attribut (Gruppieren von Elementen) 01:35:35 Rahmen in CSS (border) 01:39:20 Strecken von Tabellen-Zellen über mehrere Spalten (colspan) 01:41:20 Tabellen nebeneinander (Flexbox-Behälter & justify-content) 01:47:15 Farbverläufe in CSS (linear-gradient) 01:49:25 Gestalten der Liste 01:51:35 Festlegen des Listensymbols (list-style-type) 01:53:27 Pokebälle als Listensymbole 01:55:20 Größe von Hintergrundbildern 01:56:00 Wiederholung von Hintergrundbildern 01:56:30 Position von Hintergrundbildern 01:57:56 Responsiveness & Simulation von Displaygrößen 02:00:32 Media Queries (Bedingungen für Gültigkeit von CSS) 02:02:00 Anpassen der Mobilversion der Seite 02:11:36 Abschluss & Abonnieren nicht vergessen ;)