Introduction au Format SVG
Objectifs
Les objectifs de cette vidéo sont :
- Comprendre l'importance du format SVG.
- Apprendre à créer et enregistrer des illustrations SVG.
- Intégrer des SVG dans une page HTML de manière efficace.
Résumé
Cette leçon explore l'utilisation du format SVG pour des images telles que des logos et des illustrations afin d'améliorer le Responsive Web Design.
Description
La philosophie du Responsive Web Design consiste à adapter les pages et les éléments en fonction de la fenêtre du navigateur. Par conséquent, le format SVG, qui est décrit en langage XML, est particulièrement adapté aux images telles que les logos et les illustrations. Grâce à son format vectoriel, le SVG est très léger. Par exemple, notre logo en format JPEG est quatre fois plus volumineux qu'en SVG.
Le format SVG est largement accepté par la plupart des navigateurs, à l'exception de IE7 et IE8, pour lesquels des alternatives existent. Il est possible de créer des images SVG en utilisant des logiciels comme Adobe Illustrator, Inkscape, ou SVG Edit.
Enregistrer une illustration en format SVG dans Illustrator est simple. Il suffit de sélectionner la commande 'enregistrer sous', choisir le format SVG et configurer les paramètres appropriés. Il est recommandé de vectoriser les textes dans les illustrations pour éviter les problèmes liés à l'intégration des polices.
Questions - réponses
Programme détaillé
Module 1 - Introduction video
Module 2 - Principes généraux
Module 3 - Réaliser une maquette en responsive Design
Module 4 - Maitriser l'intégration en Responsive Design
Module 5 - Le travail des textes
Module 6 - Intégrer des images optimisées
Module 7 - Une réalisation complète
Module 8 - Connaissances complémentaires
Module 9 - Conclusion
