In diesem Modul lernen Sie die Kerntechnologien HTML und CSS kennen, die Sie in die Lage versetzen, dynamische und visuell ansprechende Websites zu erstellen. Sie lernen, Webinhalte mit semantischen HTML5-Elementen zu strukturieren und so Barrierefreiheit und SEO-Freundlichkeit zu gewährleisten. Wenn Sie CSS beherrschen, können Sie das Layout, die Typografie und die Farbgestaltung Ihrer Websites steuern.
Ein wichtiger Schwerpunkt dieses Moduls ist das responsive Webdesign, mit dem sich Websites nahtlos an verschiedene Bildschirmgrößen und Geräte anpassen lassen. Sie lernen, wie Sie CSS-Media-Queries, Flexbox und Grid-Layouts verwenden, um responsive Layouts zu erstellen, die ein optimales Nutzererlebnis bieten.
Außerdem lernen Sie fortgeschrittene CSS-Techniken wie CSS-Animationen und -Übergänge kennen, mit denen Sie Ihren Webprojekten Interaktivität und visuelle Attraktivität verleihen können. Am Ende dieses Moduls werden Sie in der Lage sein, moderne, responsive und ansprechende Websites zu erstellen, die den Anforderungen der heutigen digitalen Landschaft gerecht werden.
Nach Abschluss dieses Moduls können Sie
gut strukturierte HTML-Dokumente erstellen: Sie können HTML5 nutzen, um semantische und barrierefreie Webseiten zu erstellen.
CSS-Stile effektiv anwenden: Sie können CSS einsetzen, um das Layout, die Typografie und das visuelle Erscheinungsbild von Webseiten zu steuern.
responsive Websites erstellen: Sie werden in der Lage sein, Websites zu erstellen, die sich mit Techniken wie Media Queries, Flexbox und CSS Grid an unterschiedliche Bildschirmgrößen und Geräte anpassen.
fortgeschrittene CSS-Techniken einsetzen: Sie können fortgeschrittene CSS-Techniken wie Animationen und Übergänge einsetzen, um dynamische und ansprechende Webseiten zu erstellen.
Das Modul HTML & CSS besteht aus den folgenden Classes:
HTML5 ist die Grundlage eindrucksvoller Websites. In dieser umfangreichen Class erlernen Sie die wichtigsten Konzepte und Elemente von HTML und wie Sie diese für ein effektives Webdesign einsetzen können. Schritt für Schritt üben Sie, ein HTML-Grundgerüst zu erstellen, verschiedene Inhaltselemente zu verwenden und die Strukturierung von Websites von anderen Techniken wie Javascript und CSS abzugrenzen. Zahlreiche Schritt-für-Schritt-Anleitungen, Beispiele und Übungen vermitteln praxisorientiertes Wissen zu den Einsatzmöglichkeiten und syntaktischen Regeln von HTML5. Nach Abschluss dieser Class sind Sie in der Lage, mit HTML5 ansprechende und funktionsfähige Websites zu erstellen und verfügen über ein solides Fundament für weiterführende Themen wie Javascript und CSS. Damit sind Sie gerüstet für eine vielfältige berufliche Karriere im Frontend.
Websites werden heute nicht mehr nur am PC und auf großen Bildschirmen betrachtet. In Zeiten rasant wachsender Zahlen mobiler Endgeräten wie Tablets und Smartphones müssen Webdesigner:innen anpassbare – responsive – Websites für die unterschiedlichsten Bildschirmgrößen erstellen. Eine Herkulesaufgabe, die u. a. hervorragend mit dem Einsatz von CSS gelöst werden kann. Diese Class zu responsivem Webdesign führt ein in die Verwendung von CSS und vermittelt in praktischen Übungen das Einbinden von CSS in eine Website und deren Test. Hinzu kommen grundlegende Kenntnisse zu Vererbung, Farbmodellen und Farbzuweisungen, Klassen, IDs und Selektoren, Layoutbereichen, Hintergründen, Webfonts und in der präzisen Positionierung von Elementen. Abgerundet wird die Class durch die elegante Anwendung von Pseudoklassen und Pseudoelementen, die die Arbeit mit responsivem Webdesign erleichtert und Ihnen aktuelle Fähigkeiten für professionelle Aufgaben verleiht.
Ein responsives Design verbessert die Benutzererfahrung und hilft dabei, mehr Besucher:innen auf Ihrer Website zu halten. Unser fortgeschrittener CSS-Kurs baut auf den grundlegenden Kenntnissen aus dem ersten Teil auf und ergänzt sie durch die neuesten Techniken zur Verbesserung der Usability. Sie lernen Flexbox und CSS-Grids kennen, um mühelos responsive Designs zu erstellen. Darüber hinaus erlernen Sie verschiedene Animations- und Transformationstechniken, um Bewegung und Interaktivität in Ihre Webseiten zu integrieren. Mit Media Queries wenden Sie unterschiedliche Stile basierend auf den Geräteeigenschaften an, um ein optimales Erlebnis auf verschiedenen Bildschirmgrößen zu gewährleisten. Das Ziel des Kurses ist es, Ihnen die Werkzeuge und das Wissen zu vermitteln, um beeindruckende Websites zu gestalten und Ihre CSS-Fähigkeiten für eine erfolgreiche Karriere im Webdesign auf die nächste Stufe zu heben.
Dieses Modul hat einen Workload von ca. 157 Stunden. Der Workload umfasst die Gesamtzeit, die Sie für den erfolgreichen Abschluss des Moduls benötigen.
Der Workload ist ein Durchschnittswert, der vom Web Professional Institute (WPI) berechnet wurde. Der tatsächliche Arbeitsaufwand in einem Kurs kann von dem hier angegebenen Durchschnittswert abweichen, da Lernumgebung und -methoden bei unseren Trainingspartnern variieren und zudem jeder Mensch unterschiedlich lernt.
Die Dauer des Kurses hängt von der wöchentlichen Lernzeit ab. Sie können den Schieberegler verwenden, um herauszufinden, wie lange der Kurs dauert.
Dieses Modul ist für die folgenden WPI-Zertifizierungen erforderlich:
Möchten Sie mehr über diese Zertifizierungen erfahren? Klicken Sie auf die Links, um die Vorteile jeder einzelnen Zertifizierung für Sie persönlich zu entdecken.
Sie haben noch nicht das Passende gefunden? Erkunden Sie unser gesamtes Angebot an Zertifizierungen und entdecken Sie neue Möglichkeiten.