Ihre erste Website mit HTML und CSS
Bauen Sie aus einer leeren Datei eine echte einseitige Website: sauberes HTML, modernes CSS-Layout, eine Seite, die auf dem Handy funktioniert und grundlegende Barrierefreiheitsprüfungen besteht.
- Stunden
- 24
- Einheiten
- 4
- Stunden
- 24
- Zertifikatsstufe
- 3
Über diesen Kurs
Bauen Sie aus einer leeren Datei eine echte einseitige Website: sauberes HTML, modernes CSS-Layout, eine Seite, die auf dem Handy funktioniert und grundlegende Barrierefreiheitsprüfungen besteht.
Für wen
Einsteiger, kleine Unternehmen und Designer, die bauen wollen, was sie zeichnen.
Tempos
Standard · Flexibel
Was Sie danach können
- Eine Seite mit semantischem HTML strukturieren
- Eine Seite mit CSS gestalten, einschließlich Layout mit Flexbox und Grid
- Eine Seite für Smartphone- und Desktop-Breiten tauglich machen
- Eine Seite auf grundlegende Barrierefreiheit prüfen
Lehrplan
4 Einheiten · 24 Themen · 24 Stunden
01Semantisches HTML6 Stunden · 6 Stunden
Lernziel: Eine Seite mit semantischem HTML strukturieren
- L01Wie eine Webseite funktioniert60 Min.
- L02Elemente, Tags und Attribute60 Min.
- L03Überschriften, Absätze und Listen60 Min.
- L04Links und Bilder60 Min.
- L05Seitenbereiche: header, main, footer60 Min.
- L06Formulare und Beschriftungen60 Min.
- ✓Einheitskontrolle: dieses Lernziel mit Nachweis zeigen
02CSS und Layout6 Stunden · 6 Stunden
Lernziel: Eine Seite mit CSS gestalten, einschließlich Layout mit Flexbox und Grid
- L07Selektoren und die Kaskade60 Min.
- L08Das Box-Modell60 Min.
- L09Typografie und Farbe60 Min.
- L10Flexbox60 Min.
- L11CSS Grid60 Min.
- L12Abstandssysteme und Custom Properties60 Min.
- ✓Einheitskontrolle: dieses Lernziel mit Nachweis zeigen
03Responsive Seiten6 Stunden · 6 Stunden
Lernziel: Eine Seite für Smartphone- und Desktop-Breiten tauglich machen
- L13Der Viewport und Mobile First60 Min.
- L14Media Queries60 Min.
- L15Flexible Schrift und Bilder60 Min.
- L16Responsive Navigation60 Min.
- L17Auf Smartphone und Desktop testen60 Min.
- L18Grundlagen der Performance60 Min.
- ✓Einheitskontrolle: dieses Lernziel mit Nachweis zeigen
04Barrierefreiheitsprüfungen6 Stunden · 6 Stunden
Lernziel: Eine Seite auf grundlegende Barrierefreiheit prüfen
- L19Für wen Barrierefreiheit da ist60 Min.
- L20Textalternativen60 Min.
- L21Tastaturbedienung und Fokus60 Min.
- L22Farbkontrast60 Min.
- L23Validatoren und automatische Prüfungen60 Min.
- L24Abschlussprojekt: Ihre Seite veröffentlichen60 Min.
- ✓Einheitskontrolle: dieses Lernziel mit Nachweis zeigen
So läuft jede Live-Stunde
Jedes Thema ist eine Live-Stunde von einer Stunde. Dozent und Mentor sind KI, und sie sagen es.
Whiteboard · Idee
Wie eine Webseite funktioniert
- Marek Quint erklärt am Whiteboard eine Idee nach der anderen, in einfachen Worten.
Wie Sie bewertet werden
Was Sie abgeben
Eine einseitige Website, die den Validator und die Barrierefreiheitsprüfungen besteht
Abschlusskontrolle
Eine einseitige Website nach Vorgabe bauen, mit automatischer Prüfung und Durchsicht
Zertifikatsstufe 3
Sie haben die Fähigkeit gezeigt
Ihre Nachweise wurden am Standard des Kurses gemessen, und ein Mensch unterschreibt dieses Zertifikat.
Wer unterrichtet
Jede Lektion hat eine benannte KI-Lehrkraft und einen Mentor, der Sie auf Kurs hält. Beide sind KI, und jeder Bildschirm sagt es.
- KI-DozentMarek Quint
- KI-MentorBastian Kwan
Erste Stunde · jetzt ausprobieren
Besuchen Sie die erste Stunde, bevor Sie sich entscheiden
Sieben Schritte, etwa zehn Minuten, ohne Konto: lernen, prüfen, erarbeiten, bewertet werden, im kurzen Gespräch verteidigen und mit einer Nachweiskarte gehen.
Mehr in dieser Kategorie
Digital, KI und Software
Einführung in die Programmierung mit Python
Schreiben Sie ab der ersten Stunde echtes Python. Sie führen jede Zeile in der Sandbox aus, lesen die Fehler, beheben sie und bauen ein kleines Programm, das automatische Tests besteht.
Digital, KI und Software
Daten abfragen mit SQL
Stellen Sie einer Datenbank echte Fragen und bekommen Sie Antworten, die Sie vertreten können. Sie schreiben jede Abfrage selbst auf Beispieldaten und prüfen das Ergebnis in der Sandbox.
Digital, KI und Software
Grundlagen des IT-Supports
Lernen Sie, wie Computer und Netzwerke zusammenspielen, und bearbeiten Sie dann simulierte Support-Tickets wie ein Helpdesk: einordnen, diagnostizieren, beheben und dokumentieren.
