Formation SVG Fundamentals

Introduction

Vue d'ensemble du graphisme vectoriel Scalable

• Comprendre le graphique vectoriel
• SVG Principes de base
• Utilisations et applications SVG

Apprendre les bases de l'utilisation SVG

• Création d'une SVG
• Utilisation de SVG en tant qu'images
• Créer une image SVG

Approfondir le code SVG

• Comprendre la disposition, la structure et les attributs SVG
• Introduction aux Elements SVG
• Travailler avec des Elements graphiques SVG
• Travailler avec des SVG conteneurs Elements
• Travailler avec le SVG dégradé Elements

Utiliser SVG avec HTML et CSS

• Intégrer SVG
• Modifier et styliser SVG avec CSS
• Rendre SVG réactif

Création de sprites SVG

• Aperçu des sprites d'image
• Utilisation de HTML Sprites SVG en ligne
• Référencement de sprites externes SVG dans HTML
• Utilisation de CSS sprites SVG en ligne
• Utilisation des identificateurs de fragments SVG

Optimiser SVG

Animer avec SVG

• Utilisation de CSS pour SVG Animation
• Utiliser SMIL pour SVG Animation
• Utilisation de JavaScript pour SVG Animation

Création de votre premier projet de logo SVG Animation

• Configuration de votre environnement de travail
• Dessiner le SVG
• Modifier le code SVG pour styliser le SVG
• Optimiser le SVG
• Animer le SVG

Dépannage

Remarques finales