Erstellen Sie responsive Websites mit HTML5 und CSS3 – eLearning
450,00 EUR
- 20 hours
Baue dir ein solides Fundament in moderner Webentwicklung mit HTML5 und CSS3 – den Kerntechnologien hinter jeder Website im Internet. Dieser Kurs ist darauf ausgelegt, dir zu helfen, von Grund auf ansprechende, responsive und benutzerfreundliche Webseiten zu erstellen. Du beginnst mit den Grundlagen der HTML-Struktur und arbeitest dich schrittweise zu fortgeschrittenen Gestaltungstechniken mit CSS3 vor, einschließlich Flexbox, Grid, Animationen und Prinzipien des Responsive Designs. Durch praktische Übungen und realitätsnahe Projekte lernst du, wie du professionelle Websites entwirfst und entwickelst, die nahtlos auf verschiedenen Geräten funktionieren.
Hauptfunktionen
Sprache
Kurs und Materialien auf Englisch
Stufe
Anfänger- bis Mittelstufenniveau
Zugriff
1 Jahr Zugang zur Lernplattform
Über 7 Stunden Videomaterial auf Abruf
mit einer empfohlenen Lernzeit von über 20 Stunden
34 geführte praktische Übungen
8 automatisch bewertete Prüfungen
3 Aufgaben
mit 60 Wiederholungsquizzen
Zertifizierung
Bescheinigung über den Abschluss des Programms enthalten
Lernergebnisse
Am Ende dieses Kurses werden Sie in der Lage sein:
Typen
Verstehen Sie die verschiedenen Arten von HTML-Eingabeelementen und wie Sie sie verwenden, um interaktive Webformulare zu erstellen
Validieren
Lerne, wie du Formulareingaben mit HTML validierst, um die Datenqualität und die Benutzererfahrung zu verbessern.
Tags
Strukturiere Webinhalte effektiv mit semantischen HTML-Tags, um Lesbarkeit und Barrierefreiheit zu verbessern.
CSS
Wende CSS‑Stile kaskadierend an, um zu steuern, wie Regeln priorisiert und auf einer Webseite dargestellt werden.
Pseudo
Verwende CSS-Pseudoelemente, um das Design zu verbessern und Stileffekte hinzuzufügen, ohne zusätzliches HTML-Markup zu benötigen.
Flexbox
Arbeite mit Flexbox, um flexible, responsive Layouts zu erstellen und Ausrichtung sowie Abstände von Elementen effizient zu verwalten.
Kurszeitplan
Einführung in die Webentwicklung
Lektion 01
- Was ist HTML
- Was ist CSS
- Einrichten der Umgebung
- Hallo Welt!
- VS Code mit Live Reload verwenden
- Verwendung von Emmet und Online-Tools
- Verwendung der Chrome-Entwicklertools
Einführung in HTML
Lektion 02
- HTML-Elemente und -Tags
- Einfache und Paartags
- Aufbau einer HTML-Seite
- Überschriften- und Absatz-Tags
- Attribute in HTML
- Bilder
- Links – intern und extern
- Listen
- Tabellen
- Das Style-Attribut
- Farben in HTML
- Semantische HTML5-Tags
- HTML5-Audio- und -Video-Tags
- Grundlegende HTML-Tags und -Attribute
- Bild-Tag und Attribute
- Links – intern und extern
- Listen – geordnet und ungeordnet
- Tabellen in HTML
- Das Style-Attribut
- Farben in HTML
- Semantische HTML5-Elemente
- HTML-Audio- und -Videoelemente
Formulare und Eingabefelder
Lektion 03
- Das Form-Tag
- Verwendung des Label-Tags
- HTML-Eingabe-Tag
- Auswahl und Textbereich
- Schaltflächen
- Datenliste
- Erstellen eines Kontaktformulars
- Einfaches Formularelement
- Beschriftungen und Eingabefelder
- Grundlegende HTML-Tags und -Attribute
- Auswahlen und Optionen
- E-Mail-, Passwortfelder und Schaltflächen
- Datenlisten in HTML
Einführung in CSS
Lektion 04
- Verwendung des Style-Tags
- HTML-Elemente ansprechen
- Verschachtelte HTML-Elemente ansprechen
- Verwendung externer Stylesheets
- CSS-Stile überschreiben
- Gängige CSS-Eigenschaften
- CSS-Einheiten
- Das CSS-Box-Modell
- Weitere CSS-Eigenschaften
- CSS-Pseudoklassen
- Verwenden des Style-Elements
- HTML-Elemente in CSS ansprechen
- Verschachtelte HTML-Elemente ansprechen
- Verwendung externer Stylesheets
- Gestaltung mit externen Stylesheets
Fortgeschrittenes CSS
Lektion 05
- CSS-Positionierung – Static, Relative und Absolute
- CSS-Positionierung – Fixed und Sticky
- CSS-Pseudoelemente ::before und ::after
- CSS-Variablen
- Benutzerdefinierte Schriftarten in CSS
- Externe Stylesheets importieren
Übergänge und Animationen
Lektion 06
- Was sind CSS-Übergänge
- Grundlegende Übergänge und CSS-Eigenschaften
- CSS-Animationen und -Eigenschaften
- Keyframes definieren
Responsives Webdesign
Lektion 07
- Media Queries
- Was ist CSS Flexbox
- Zeilen und Spalten erstellen
- Weitere Flexbox-Eigenschaften
- Was ist CSS Grid Layout
- Zeilen und Spalten im Raster
- Zellen zuweisen
- Grid-Vorlagenbereiche
- Erstellen einer responsiven Bildergalerie
- Media Queries
- CSS-Flexbox-Eigenschaften
- Erweiterte Flexbox-Eigenschaften
- CSS Grid
- CSS-Grid-Eigenschaften
- Rasterbereiche in CSS Grid
Für wen ist dieses Programm geeignet?
Voraussetzungen
Keine vorherige Programmiererfahrung erforderlich. Interesse an Webdesign und -entwicklung ist erforderlich.
Angehende Webentwickler
Einsteiger in der Frontend-Entwicklung
UI/UX-Designer, die ihre Designs programmieren möchten
Alle, die daran interessiert sind, Websites von Grund auf zu erstellen
Aussagen
Lizenzierung und Akkreditierung
Dieser Kurs wird gemäß der Partnerprogramm-Vereinbarung angeboten und entspricht den Anforderungen der Lizenzvereinbarung.
Gleichstellungspolitik
Kandidaten werden ermutigt, sich während des gesamten Prozesses der Bereitstellung von Vorkehrungen für Beratung und Unterstützung an das AVC zu wenden.
Häufig gestellte Fragen
Benötigen Sie Unternehmenslösungen oder eine LMS-Integration?
Haben Sie nicht den Kurs oder das Programm gefunden, das für Ihr Unternehmen geeignet wäre? Benötigen Sie eine LMS-Integration? Schreiben Sie uns! Wir werden alles lösen!