Schulungsübersicht

Einführung

Überblick über Scalable Vektorgrafiken

  • Verständnis von Vektorgrafiken
  • SVG Grundlagen
  • SVG Verwendungen und Anwendungen

Erlernen der Grundlagen der Verwendung SVG

  • Erstellen eines SVG
  • Verwendung von SVG als Bilder
  • Ein SVG-Bild erstellen

Tief in den SVG-Code eindringen

  • Verstehen des SVG-Layouts, der Struktur und der Attribute
  • Einführung in SVG Elements
  • Arbeiten mit SVG-Grafiken Elements
  • Arbeiten mit SVG Container Elements
  • Arbeiten mit SVG Gradient Elements

Verwendung von SVG mit HTML & CSS

  • Einbetten SVG
  • Ändern und Gestalten von SVG mit CSS
  • SVG Reaktionsfähig machen

Erstellen von SVG Sprites

  • Überblick über Bild-Sprites
  • Verwendung von HTML Inline-SVG-Sprites
  • Externe SVG-Sprites in HTML referenzieren
  • Verwendung von CSS Inline-SVG-Sprites
  • Verwendung von SVG-Fragmentbezeichnern

Optimieren von SVG

Animieren mit SVG

  • Verwendung von CSS für SVG Animation
  • Verwendung von SMIL für SVG Animation
  • Verwendung von JavaScript für SVG Animation

Ihr erstes SVG Logo Animation Projekt erstellen

  • Einrichten Ihrer Arbeitsumgebung
  • Zeichnen des SVG
  • Modifizieren des SVG-Codes zur Gestaltung des SVG
  • Optimieren des SVG
  • Animieren des SVG

Fehlersuche

Schlussbemerkungen

Voraussetzungen

  • Hintergrund in HTML & CSS
  7 Stunden
 

Teilnehmerzahl


Beginnt

Endet


Die Termine sind abhängig von der Verfügbarkeit und finden zwischen 09:30 und 16:30 statt.
Offene Schulungskurse erfordern mindestens 5 Teilnehmer.

Kombinierte Kurse

Verwandte Kategorien