Plan du cours

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

Pré requis

  • Arrière-plan en HTML & ; CSS
  7 heures
 

Nombre de participants


Début

Fin


Dates are subject to availability and take place between 09:30 and 16:30.
Les formations ouvertes requièrent plus de 3 participants.

Cours Similaires

Catégories Similaires