1. Sitzung

Einleitung und Organisatorisches

Kapitel

00:00 - Einleitung

01:51 - Wie ist dieser Kurs in diesem Semester aufgebaut

03:33 - Wie kommunizieren wir

05:10 - Zeitgebundene Sitzungen oder Termine

06:45 - Schlussworte


Werkzeuge

Sie müssen sich nur für ein Werkzeug entscheiden. Sollten Sie sich nach den ersten 2 Kapiteln im Video schon entschieden haben, können Sie die Kapitel, die nicht für sie relevant sind, auch überspringen.

Kapitel

00:00 - Wofür benutzen wir Werkzeuge

01:31 - Wie kann man sich entscheiden

02:41 - Visual Studio Code runterladen und installieren

05:00 - Visual Studio Code Live Server Erweiterung

07:29 - Visual Studio Code Erste HTML erstellen und anzeigen

11:53 - Visual Studio Code Dokument formatieren

13:46 - REPL Einloggen und Projekt erstellen

17:08 - REPL Welche Bereiche gibt es

19:16 - Welche Dateien hat REPL für uns erstellt

21:02 - REPL Grundfunktionen testen

21:53 - Weitere REPL Optionen die man anpassen kann

25:35 - Unterschiede zwischen REPL und Visual Studio Code


Struktur

Kapitel

00:00 - HTML Struktur und Doctype

02:17 - Öffnende und schließende Tags

04:37 - Selbstschließende Tags

06:19 - Attribute

11:21 - Das title-Tag


Textelemente

Kapitel

00:00 - Das p-Tag für Textparagraphen

05:16 - Das span-Tag für ungestyleten Text

07:09 - Die h-Tags für Überschriften

10:42 - Textbetonung mit b strong und i-Tag

13:34 - Möglicher Unterschied zwischen b und strong und i und em


Links

Kapitel

00:00 - Das a-Tag für Verankerungen anderer Seiten

04:32 - Das title-Attribut für zusätzliche Informationen


Bilder

Kapitel

00:00 - Ein Bild mit Bildadresse finden

03:18 - Das img-Tag

05:27 - Das alt-Attribut

07:02 - Bildhöhe und Bildbreite festlegen

09:31 - Bild in ein a-Tag packen

13:00 - Creative Commons lizensierte Bilder finden

14:23 - Eigene Bilder hochladen und verwenden


Listen

Kapitel

00:00 - Kindelemente, Vernestung und Listen

02:00 - Ungeordnete Liste

04:18 - Geordnete Liste

07:01 - Sitzungsaufgabe


Sitzungsaufgabe

Für die nächste Sitzung bitte ein Thema überlegen, von dem die Webseite handeln soll