SVG

Schulung

Scalable Vector Graphics (SVG) ist ein offener, auf XML basierender W3C-Standard zur Auszeichnung von zweidimensionalen skalierbaren Vektorgrafiken. Die Vorzüge von SVG werden in vielen Tätigkeitsfeldern geschätzt und genutzt – Web-Anwendungen, mobilen Geräten & Anwendungen, Benutzeroberflächen uvm.

Das Seminar führt in die Arbeit mit SVG ein. Praxisnah und exemplarisch an zahlreichen Beispielen und Übungen werden einfache bis komplexe SVG-Graphiken erstellt. Sie lernen die grundlegenden Typen von SVG-Elementen kennen, darüber hinaus – das Zeichnen von vordefinierten Formen und beliebigen Pfaden und die Arbeit mit Texten und Zeichensätzen. Sie erfahren wie Sie Transformationen, Farben, CSS und Filter einsetzen, Animationen erstellen und interaktive Elemente einbetten. Sie erhalten Einblick in die Möglichkeiten von SVG in Verbindung mit HTML und anderen XML-Sprachen.

Inhalt:

Einführung
  • Was ist SVG?
  • Raster vs. Vektoren, Zusammensetzung einer Vektorgrafik
  • Anwendungsbereiche von SVG
  • SVG-Editoren und SVG-Viewer
Grundlagen
  • Grundgerüst eines SVG-Dokuments
  • Typen von Elementen
  • Koordinatensystem, Maßeinheiten
  • Struktur- und Referenzelemente
  • Pfade und Formen: Zeichnen von vordefinierten Formen und beliebigen Pfaden, Erstellung von Pfeilen, grafische Formatierung
  • Texte und Zeichensätze: Auszeichnung, aktuelle Textposition, Hervorhebung, Mehrzeiler, Referenzierung, Text am Pfad, Formatierung, Erstellung von Zeichensätzen
  • Grafische Transformationen – Skalierung, Rotation, Translation, Neigung, Matrizentransformation
Styling & Farben
  • Styling mit CSS
  • Styling mit XSL
  • Farbdefinition und ICC-Farbprofile
Grafische Effekte
  • Koordinatensystem, Verläufe, Füllmuster
  • Clipping-Masken, Alphamasken, Filtereffekte
Interaktivität
  • Hyperlinks: XLink, Anker, Zielansichten
  • Scripting: Einbindung, Aktivierung über Events
Animationen
  • Animations-Elemente, Zeiteinheiten & -angaben
  • Fundamentale und optimierende Bestandteile
SVG in HTML und anderen XML-Sprachen
  • SVG in HTML – Grafik einbetten, Grafik mit HTMLFormularen verknüpfen, Einbindung in Frames
  • Namensräume, das Element <foreignObject>
  • Optimierung von SVG-Dateien fürs Web

 


Voraussetzungen: HTML- und XML-Kenntnisse
Ausstattung: Sie sollten einen Laptop mit dem Betriebssystem Windows ab der Version XP mitbringen. Auf Anfrage kann auch ein Rechner gestellt werden.
Termine: auf Anfrage
Dauer: 2 Tage
Preis: nach Vereinbarung
Anmeldung: Anmeldeformular an schulung@data2type.de oder per Fax: 06221 - 7391266
Kontakt: data2type GmbH
Wieblinger Weg 92a
69123 Heidelberg
Tel.: 06221 - 7391260

 

Druckversion des Inhalts.

AGBs

   

<< zurück vor >>