« STIC:Atelier graphisme, animation, interactivité et HTML5 » : différence entre les versions
Aller à la navigation
Aller à la recherche
Ligne 9 : | Ligne 9 : | ||
* Distinguer entre le langage (balises) et les interfaces pour programmeurs | * Distinguer entre le langage (balises) et les interfaces pour programmeurs | ||
[[Fichier:HTML5-Ikac.jpg|800px|vignette|néant|Balises sémantiques (par [http://stojmenovic.info Ikac], 2014)]] | |||
[[image:HTML5-APIs-and-related-technologies-oct-2014.svg|thumb|800px|none|HTML5 related APIs. HTML5 & CSS3 Quick Reference by Sergey Mavrody updated by Wikipedians. Source and copyright: [http://en.wikipedia.org/wiki/HTML5#mediaviewer/File:HTML5_APIs_and_related_technologies_taxonomy_and_status.svg Wikipedia] ]] | [[image:HTML5-APIs-and-related-technologies-oct-2014.svg|thumb|800px|none|HTML5 related APIs. HTML5 & CSS3 Quick Reference by Sergey Mavrody updated by Wikipedians. Source and copyright: [http://en.wikipedia.org/wiki/HTML5#mediaviewer/File:HTML5_APIs_and_related_technologies_taxonomy_and_status.svg Wikipedia] ]] |
Version du 27 janvier 2015 à 22:44
Atelier Graphisme, animation, interactivité et Html5
- Cours SEM-10638, Session : SEM14-1
- Date du cours : Jeudi 29 janvier 2015
- Formateur-trice-s : Daniel Schneider (UNIGE)
Programme provisoire
Quoi de neuf dans HTML5 ?
- Distinguer entre le langage (balises) et les interfaces pour programmeurs
Composants multimédia
- Vidéo
- Audio
- Graphisme vectoriel (SVG)
- Graphisme vectoriel animation avec SMIL
- Canevas
- Animation CSS via DOM
- API Drag and Drop (pas encore fiable)
- ......
Video et audio
- en:HTML5 audio and video (en Anglais)
- API Javascript
- Soustitres (track)
SVG statique
Editeur SVG en ligne:
Animation et interactivité avec SVG / SMIL
Canevas
Animation et interactivité avec Greensock
Animation CSS et interactivité avec JavaScript et JQuery
Programmation HTML DOM
- ...
JQuery de base
- Tutoriel: JQuery
Application glisser - poser avec JQuery UI
- Tutoriel: JQuery UI
- Ressources à utiliser de http://code.jquery.com/ si vous utilisez un éditeur en ligne
Logiciels et bibliothèques
- Navigateur récent
- Editeur SVG en ligne:
- Editeurs d'animation HTML (en dévelopement)
- Adobe Muse
- Google web designer
- Editeur de programme ou alternativement un éditeur en ligne comme:
- Bibliothèques (librairies JavaScript) à télécharger
- JQuery
- JQuery UI
- GreenSock
- Bibliothèques (librairies JavaScript) à inclure directement dans votre code (déconseillé pour un vrai projet)
- JQuery
- JQuery UI
- GreenSock