Nach diesem Seminar können Sie komplexe Layouts erstellen und mit HTML5 und CSS3 umsetzen. Sie können Inhalte semantisch strukturieren, Webseiten gestalten und responsive Layouts mit CSS Grid und Flexbox realisieren. Sie kennen die Möglichkeiten zur Anpassung an unterschiedliche Browser, Endgeräte und Ausgabemedien und verfügen über ein solides technisches Grundwissen für die Arbeit im Webdesign, Interface-Design oder UX-Design.
Begriffserklärungen für Element, Tag, Attribut, Kommentar und Style
Zeichenkodierung und Internationalisierung
Vorbereitungen für mobile Endgeräte
CSS-Grundlagen
Verknüpfen von CSS mit HTML
Gängige Selektoren im Überblick
CSS-Boxmodell verstehen
Unterschiede zwischen den Browsern abfangen
Layouts erstellen
Überschriften, Absätze und Listen erstellen und formatieren
Links, Bilder und Tabellen einsetzen und ausgestalten
Positionierungsmöglichkeiten von Inhalten
Einfache Formulare erstellen und dem Layout anpassen
Navigationselemente erstellen und positionieren
Verknüpfungen zwischen HTML-Seiten und zwischen Inhalten
3.-5. Tag auch separat buchbar als
Cross-Browser-Layouts und Debugging
Cross-Browser-Design
Browser-Feature-Tests
Elemente mit Browser-Entwicklertools untersuchen
Browser und Endgeräte simulieren
CSS-Vertiefung
CSS3-Selektoren kennen und anwenden
Pseudoklassen und Pseudoelemente
CSS3 Color Module: intuitive Farben und Transparenz
Farbverläufe
Typografie im Detail
Hintergrundbilder und abgerundete Rahmen
Schattenwurf für Inhaltsboxen und Text
Vertikale und horizontale Anordnungen
Floats und Clearfix in bestehenden Layouts
Inline-Formatierung
CSS-Tabellenmodell
Positionierung und Stapelung
Webdesign-Anwendungsfälle
Komplexe Formulare
Layouts für mobile Endgeräte
Individuelle Schriftarten verwenden
Bilder für hochauflösende Bildschirme
Horizontale, vertikale und verschachtelte Navigationen
Mehrspaltenlayouts
Gleich hohe Spalten
Flexible Box Layout
Responsive Layouts mit CSS Grid und Flexbox
Sticky Footer
Parallax Scrolling
Videohintergründe
Ausgaben für Medien anpassen
Druckausgabe formatieren
Media Queries einsetzen
Ausblick
Einsatz von JavaScript für das Design
Anwendungsfälle für jQuery und jQuery UI
Möglichkeiten von CSS-Frameworks
Zielgruppe:
Dieses Seminar richtet sich an angehende Webdesigner und UX-Designer, die Webseiten oder Web-Applikationen gestalten möchten, sowie an EDV-Verantwortliche, die Gestaltungsaufträge erteilen. Es bereitet Sie auch auf die Gestaltung von Web-Apps und hybriden Apps vor.
Teilnahmevoraussetzungen
Sie benötigen grundlegende Kenntnisse im Umgang mit einem PC.
Vorkenntnisse in HTML, CSS oder Webdesign sind nicht erforderlich.
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern.
Diese Cookies werden nicht automatisiert gesetzt.
Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren.
Weitere Informationen finden Sie hier.
