Vous n'êtes pas connecté. Connexion
|
|
Partie 1: Application PictionnaryDe $1Table des matières
Cette partie va durer 3 séances de 3h. Prenez l'habitude d'utiliser les outils de développement de votre navigateur pour étudier le DOM, les échanges réseau, le javascript, le CSS, ... PréparationVérifiez que vous avez bien installé et configuré PHPStorm avec la dernière version de PHP et de MySQL. Discussion/découverte des nouveautés de HTML5.Resources supplémentaires: Parcourez la liste des fonctionnalités HTML5 sur le site http://html5test.com/
Parsing RulesComparez les deux débuts de document HTML suivant. Validez chacun de ces documents html dans le validateur du w3c
Prenez l'habitude de valider vos documents. (X)HTML 4.01 <!doctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>My first HTML document</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="monStyle.css"> <script type="text/javascript" src="monSript.js"></script> </head> <body> <div>...</div> </body> </html> HTML5
<!doctype html> <html> <head> <title>My first HTML document</title> <meta charset="UTF-8"> <link rel="stylesheet" href="monStyle.css"/> <script src="monSript.js"></script> </head> <body> <div>...</div> </body> </html> Formulaireshttp://www.phpeasystep.com/phptu/6.html http://dmouronval.developpez.com/tut...ulaires-html5/ On va créer un petit projet PHP avec base de données MySQL pour faire une page de connexion avec des formulaires intéressants Web MobileOn va réfléchir aux différentes solutions possibles pour adapter note site web aux mobiles c.f., choix du site lemonde.fr, ou feuille de style avec sélecteur user-agent. Avantages/Inconvénients ? Activité: faire en sorte que notre formulaire s'affiche bien sur mobile. tester.
Canvasquand on est loggué, on redirige vers une page paint.html, on va créer un paint interactif très simple, avec un peu de javascript. Juste des cercles de différentes tailles, et un sélecteur de couleurs avec summary/details.
http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0%2F%2FHTML5_Rabat_2012-2013
On veut enregistrer dans le navigateur chaque évènement souris, pour pouvoir l'envoyer au serveur plus tard, et le rejouer ensuite sur un autre appareil. On étudie les solutions de stockage interne dans le navigateur, leur adaptation par les navigateurs existants,
|
Powered by MindTouch Deki Open Source Edition v.8.08 |