L3 info Techno Web Fiche html5 / css3 Exercice 1 Insérer une

L3 info Techno Web
Fiche html5 / css3
Exercice 1
Insérer une musique et une vidéo dans votre page grâce aux balises html5.
Exercice 2
Utiliser la propriété css3 transition par exemple pour modifier la taille d’un élément lorsque la souris
passe dessus.
Exercice 3
Télécharger un kit de police sur www.fontsquirrel.com et utiliser cette police.
Exercice 4
Définir des éléments déplaçables (bordure de la zone ou des éléments en tirets
gris, curseur modifié) et créer une zone de réception. Ajouter les fonctions
javascript pour effectuer le drag & drop.
Exercice 5
1. Essayer les différentes propriétés css3 pour faire des dégradés.
2. Ajouter un reflet.
3. Mettre plusieurs images de fond : une répétée et l’autre non.
4. Tester les boites flexibles.
5. Tester les images en bordure.
Exercice 6
1. Utiliser les différentes balises html5 pour afficher des barres de progression. Tester plusieurs
navigateurs.
2. Créer une liste avec des propositions en auto-complétion.
3. Utiliser la balise « résumé ».
Exercice 7
Tester les différentes transformations : rotation, mise à l’échelle, translation et biais.
Exercice 8
Créer un dessin avec la balise canvas
Exercice 7
Tester la géolocalisation