Elodie Sierra et Marie-Agnès Thibaut

---

Programme des deux jours

Jeudi 30/01/03	Vendredi 31/01/03
9h-10h30 Introduction : historique, philosophie, raster/vectoriel, exemples. 10h30-12h Structure d'un fichier svg, utilisation de Webdraw	9h-12h Bases de l'animation : Présentation culture générale (20 mn) Les balises : présentation de chaque balise / activité= création d'animations.(2h) Présentation d'exemples
13h15-14h30 Panorama des balises et attributs SVG 14h30-15h30 Présentation du système de coordonnée et de l'attribut transform 16h-17h Exercices	13h15-15h Quelques notions pour le "scripting": présentation d'exemples. 15h15-16h15 Lien svg/html et utilisation de XSLT pour présenter des données XML en SVG 16h15-17h Conclusion, présentation des exercices à faire, questions...

---

Introduction

---

Présentation d'un fichier SVG: structure

---

"Panorama" des balises et attributs SVG

---

Approfondissements : système de coordonnées, transformations.

---

L'animation

---

Scripting

---

Utilisation de XSLT pour présenter des données XML en SVG

---

Sources

Livres :

• SVG Essentials. J.David Eisenberg. O'Reilly. Site : http://www.oreilly.com/catalog/svgess/ et du même auteur voir aussi un "getting started" : http://www.xml.com/pub/a/2001/03/21/svg.html.
• SVG Programming: The graphical Web.KurtCagle.
  Site: http://www.apress.com/book/supplementDownload.html?bID=91&sID=729 (code) et http://www.apress.com/book/supplementDownload.html?bID=91&sID=577
  (chapitre2 du livre à downloader=Getting started: an SVG tutorial.).

Sites :

• http://www.w3.org/2002/Talks/0328-Amsterdam-IH/directoryslide.svgz : tutoriel en anglais trés complet et agréable.(site svg).
• http://www.kevlindev.com/ : tutoriel en anglais avec beaucoup d'exemples.
• http://www.euroclid.fr/Cours_SVG/plan.htm : tutoriel en français.
• http://www.esi.umontreal.ca/~moalv/blt6336/tutorielsvg.html : tutoriel en français.
• http://tecfa.unige.ch/guides/tie/html/svg-intro/svg-intro.html : tutoriel tecfa :)
• http://tecfa.unige.ch/guides/svg/pointers.html : la page des pointeurs tecfa svg.
• http://tecfa.unige.ch/staf/staf-g/nova/staf2x/svg/programme.html : cours SVG. Staf 2x 2002.tecfa.
• http://pilat.free.fr/home.htm : site avec exemples svg, scripting, animation...trés riche.
• http://www.adobe.com/svg/main.html : site d'adobe sur SVG : tutoriel, exemples, liens...trés riche aussi.
• http://www.w3.org/TR/SVG/ : site référence en anglais
• http://www.yoyodesign.org/doc/w3c/svg1/ : site référence en français

---

Activités

---

Exercice

---