Créer des fichiers SVG, les optimiser et les modifier
Animer des images SVG grâce à la SMIL, aux CSS et à JavaScript
Rendre ces animations interactives
Intégrer ces animations dans des pages HTML.
Niveau requis
Avoir une bonne connaissance de la création de page Web (HTML et CSS). Avoir des notions de base JavaScript. Maîtriser un logiciel de dessin vectoriel (Illustrator, Inkscape...) est un plus.
Public concerné
Webmasters, maquettistes, infographistes, responsables de communication, chefs de projets et directeurs artistiques.
Programme
Formats d'image
Matriciel
Vectoriel
Insertion classique et data URI
Dessiner dans une page HTML
SVG VS Canvas
Déclaration VS programmation
Intérêt du DOM SVG
Les modes d'insertion dans la page HTML
Dessiner avec SVG
Les outils : Illustrator, Inkscape...
Optimiser les exports
Déclaration XML
ViewBox
Les formes simples : lignes, rectangles, ellipses
Les formes complexes : polygones et lignes polygonales