SchulungenWebprogrammierungCSSCSS3 – Der neue Standard im Web
Lade Schulungen
vollständiger Stern vollständiger Stern vollständiger Stern vollständiger Stern halber Stern
4.2
(56)

CSS3 – Der neue Standard im Web Schulung

Lerne die Neuerungen von CSS3 kennen
CSS3 – Der neue Standard im Web

In dieser zweitägigen Schulung lernst du die faszinierenden Möglichkeiten von CSS3 kennen, mit denen du völlig neue Möglichkeiten der Gestaltung erhältst. Du lernst in dieser Schulung die Hintergründe von CSS3 kennen und lernst den Umgang mit CSS3-Selektoren, Transformationen, Boxen und Rahmen, Farben und Farbverläufe, Schrifteinbettung und -gestaltung und mit Effekten und Animationen kennen. Es werden CSS3-Tools vorgestellt. Die Teilnehmer erhalten zwei Tage geballtes Wissen zu Cascading Stylesheets und modernem Layout. CSS3 bringt viel Neues und kann das Web wieder etwas dynamischer und "schöner" machen. Ob dieser Anspruch erfüllt wird, weißt du am Ende dieses Trainings.

Inhalte

CSS3 Schulung
Akkordion öffnen
  • Überblick und Hintergründe von CSS3

    • Ähnlich wie HTML5 hat CSS3 eine bewegte Geschichte hinter sich – so ist CSS3 nicht etwa die dritte Ausfertigung des CSS-Standards, sondern die vierte.
    • Des weiteren zeigen viele Tendenzen in modernem CSS eindeutig in die Vergangenheit und vieles ist gar nicht so neu, wie es den Anschein hat.
  • CSS3-Selektoren

    • Heutiges HTML-Markup ist häufig von sogenannter „Classitis“ geplagt, also einer Vielzahl von Klassen, die einfach nur als Hooks für das Design dienen.
    • Classitis verletzt die Trennung von Markup und Design und macht die Wartung von Webseiten unnötig schwer.
    • Die Lösung für dieses Problem sind die neuen CSS3-Selektoren, die ganz neue Möglichkeiten für die gezielte Ansprache von DOMElementen bieten.
  • Transformationen

    • Auch mit CSS3 besteht Webdesign im wesentlichen aus lauter kleinen Boxen, doch dank Transformationen lassen sich diese Boxen erstmals transformieren.
    • Neben 2D-Transformationen (verschieben, verzerren, rotieren) öffnet sich für CSS-Autoren in modernen Browsern auch die dritte Dimension.
  • Boxen und Rahmen

    • Abgerundete Ecken von Boxen sind das Vorzeige-Feature von CSS3, allerdings bei weitem nicht das einzige, was CSS in Zukunft für die Gestaltung von Boxen und Rahmen bereit hält – auch skalierbare Hintergründe, Sprite-Borders und vieles mehr stehen auf dem Programm.
  • Farben und Farbverläufe

    • Neben einer handvoll neuer Farbmodelle führt CSS3 auch Farbverläufe ein.
    • Dieses in jedem Fall nützliche, aber auf den ersten Blick etwas unspektakuläre Feature bietet mehr als man meinen möchte, denn neben einfachen Farbübergängen kann man aus CSS3-Farbverläufen auch komplexe Texturen zaubern.
  • Schrifteinbettung und -gestaltung

    • Schrifteinbettung mit @font-face wird oft zu CSS3 gezählt, ob wohl die Technologie eigentlich steinalt ist und selbst im Internet Explorer 6 funktioniert.
    • Ungeachtet dessen gibt es allerlei Fußangeln, die bei der Einbettung zu beachten sind und CSS3 bringt für die Schriftgestaltung durchaus auch eine oder andere wirklich neue Feature mit.
  • Effekte und Animationen

    • Animationen werden heutzutage meist per jQuery und andere JavaScript-Bibliotheken umgesetzt.
    • Da dies langsame JavaScript-Engines und das noch langsamere DOM nutzt, sind diese Animationen langsam und ineffizient – ganz anders als die einfachen und vor allem sehr schnellen CSS3- Animationen und -Transitionen.
  • CSS3-Tools

    • Als wäre CSS3 an sich nicht komplex genug, verkomplizieren Vendor-Prefixes, alte Browser und die Notwendigkeit von kreativen Hacks die Umsetzung von Webdesigns zunehmend.
    • Abhilfe können hier nur die richtigen Tools schaffen, die vom einfachen, webbasierten Code-Generator über JavaScript bis hin zum CSS-Compiler reichen.
  • Media Queries und Responsive Design

    • CSS3 und vor allem HTML5 werden wahre Wunderdinge für die mobile Webentwicklung nachgesagt und Media Queries halten dieses Versprechen.
    • Mit nur wenigen Zeilen CSS-Code lassen sich Regeln ganz gezielt je nach Art und Formfaktor des Ausgabegeräts anwenden.
    • Wichtig ist dies für responsive design, polyvalentes Webdesign, das Nomal- Tablet- und Handy-Layout auf einmal ist.
  • CSS3-Layout

    • Heutiges Webseiten-Layout – egal ob es Tabellen, Floats, oder andere Techniken einsetzt – besteht nur aus Notbehelfen.
    • Echte Layout-Techniken werden nämlich erstmals mit CSS3 eingeführt.
    • Egal ob Mehrspaltigkeit oder Grid-Layout – am Ende fragt man sich, wie man je ohne CSS3-Layouts arbeiten konnte.
  • Ausblick

    • Obwohl manche Browser bis heute CSS3 nicht voll unterstützen, ist bereits CSS4 in Arbeit.
    • Erste Spezifikationen für CSS4-Selektoren, Variablen werden bereits geschrieben und auch jenseits der W3C-Gremen tut sich einiges.
    • Präprozessoren verwandeln CSS in ein reines Compiler-Ziel und die stetig wachsende Komplexität wird auch den Beruf der Webdesigner und -entwickler verändern.

Wir schulen auch bei dir vor Ort!

Diese CSS3 Schulung führen wir auch bei dir im Unternehmen als individualisierte CSS3-Firmenschulung durch.

Entscheidungshelfer

CSS3 Schulung
Akkordion öffnen

Zielgruppe

Webdesigner, die mit HTML5 arbeiten möchten und die wesentlich Möglichkeiten der Webseitengestaltung mit CSS3 effektiv nutzen wollen.

Voraussetzung

Grundkenntnisse in HTML und CSS2

Bewertungen

CSS3 Schulung
Daumen nach oben (Bewertungsübersicht)
4.2
56 Bewertungen
vollständiger Stern vollständiger Stern vollständiger Stern vollständiger Stern
Kundenstimme
Dimitri B.
HSBC Trinkaus
vollständiger Sternvollständiger Sternvollständiger Sternvollständiger Sternvollständiger Stern
Sehr informativ und in der Praxis wiederverwendbar.
Kundenstimme
Mausolf B.
Struers GmbH
vollständiger Sternvollständiger Sternvollständiger Sternvollständiger Sternvollständiger Stern
Tolle Schulung - kompetenter Trainer, der geduldig auf alle Fragen einging, diese beantworten konnte und darüber hinaus viele neue Anregungen mit auf den Weg gab. Die Schulung hat Spaß gemacht.
Kundenstimme
Thomas M.
Aldi GmbH & Co. KG
vollständiger Sternvollständiger Sternvollständiger Sternvollständiger Sternvollständiger Stern
Lernen in einem sehr entspannten und angenehmen Klima. Prima!
Close Modal

Seminarzeiten

Schulungsort

Online Schulung

Technische Voraussetzungen

Hinweise zur Anreise

Hinweise zum Schulungsort

Leistungspaket

Delivery Partner

Delivery Partner Image

Anfrage

Ihre Daten für die gewünschte Anfrage

Hidden
Bitte gib eine Zahl von 1 bis 99 ein.
Einwilligung*
Dieses Feld dient zur Validierung und sollte nicht verändert werden.