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 ;)