Kurs Responsive Webdesign mit CSS3

geräteübergreifend dynamisch, barrierefrei und nachhaltig kommunizieren

Teilnehmerfeedback

"Bin hoch zufrieden mit dem Erlernten. Ich bedanke mich für die nette und fürsorgliche Betreuung Ihres Teams und werde bei der nächsten Schulung Ihr Unternehmen wieder in Anspruch nehmen." M. Mayer, Handwerkskammer Trier

Inhalte Responsive Webdesign Kurs

Eine moderne Webseite muss mittlerweile nicht nur auf dem klassischen Desktop-PC, Mac oder Laptop laufen, sondern auch auf einer kaum mehr überschaubaren Menge an Geräten wie iPhone, iPad, Smartphones mit Android und Windows Phone und Tablets. Das Zauberwort auf den Weg dorthin heißt "Responsive Design". In dieser Responsive Design Schulung lernen Sie alles, was Sie wissen müssen um Websites für die verschiedenen Endgeräte mit Hilfe von CSS3 zu optimieren. Abgerundet wird dieses Responsive Design Seminar mit Simulation und Testing der Responsive Design-Funktionalität sowie Performanceoptmierung.
Dieser CSS3 Kurs ist für Web-Entwickler, Konzepter und Mediendesigner mit Grundkenntnisse in HTML5 geeignet.
Sie haben viel vor, aber wenig Zeit? Werden Sie mit der Power-Woche: Mobile Entwicklung innerhalb 1 Woche fit in HTML5 und CSS3 und gestalten Sie im Handumdrehen Ihre eigene responsive Website. Sie sparen 100 € gegenüber der Einzelbuchung.

Preis: 949 € | Kursdauer: 2 Tage | Unterlage: Präsentation

Agenda CSS3 Schulung

Grundlagen

  • Bedeutung
  • Fluid Layouts
  • Layouttypen
  • Schriftgrößen
  • Flexible Raster (Grid Layout)
  • Feste und fluide Breiten mischen (Tabellenlayout)
  • CSS-Frameworks im Überblick

CSS

  • Grundlagen Webdesign
  • Trennung von Struktur und Layout
  • Box-Model-Layout
  • CSS-Selektoren
  • CSS-Formatierungen
  • Positionierung und Textfluss
  • Kaskadierung und Vererbung
  • Design und Typografie

Reponsive

  • Struktur von Media Queries
  • Medientypen (media type)
  • Medieneigenschaften (media features)
  • Reihenfolge von Media Queries
  • Media Queries schreiben
  • Breakpoints bestimmen
  • Viewport und Pixel
  • Praxisorientierter Workflow

Anwendung

  • Anpassungsfähigekeit
  • Responsive Hintergrundbilder
  • Scalable Vector Graphics (SVG)
  • Simulation und Testing
  • Performance-Tuning
  • Praxisbeispiele und Best Practice
  • Twitter Bootstrap
  • YAML

Responsive Webdesign Termine - jetzt buchen!


Ähnliche Schulungs Themen

ASP.NET MVC - Model View Controller
Power-Woche: ASP.NET Core und Angular
ASP.NET - WebForms mit Visual Studio entwickeln