TP Plasticité des IHMs / HTML5

Introduction

Supports de cours utilisés :

• Transparents HTML5 de présentation de Michel Buffa pour la conférence WWW 2012: http://mainline.essi.fr/HTML5slides/index.html#1 contiennent des exemples interactifs.
• Cours HTML5 powerpoint au format PDF, contient des sections sur CSS3 et sur le support pour devices mobiles,

Références / tutoriaux disponibles :

• Nombreux liens sur la page des ressources HTML5 que je vous ai préparée : http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Option_web_2.0_Master_1_informatique_2011/HTML5 cette page contient de nombreux liens vers des sites webs sur HTML5, classés par catégories.
• Le site HTML5rocks, une grosse référence, très orientée Google Chrome : http://www.html5rocks.com/en/ contient notamment des tutoriaux sur "mobifying your web site", voir http://www.html5rocks.com/en/mobile/mobifying/
• Le cours HTML5 de w3schools.com : http://www.html5rocks.com/en/mobile/mobifying/
• Il existe aussi de nombreux tutoriaux dédiés au HTML5 canvas, aux formulaires, etc, vous trouverez leurs références à côté des exemples étudiés pendant le TP.

Dans ce TP vous allez prendre contact avec HTML5 au travers de nombreux exemples interactifs, ce qui vous occupera une quarantaine de minutes. Prenez le temps de modifier le code source qui vous est proposé, de consulter les cours qui se réfèrent aux différentes parties, etc.