L3 info Techno Web Fiche html5 / css3 Exercice 1 Insérer une
Transcription
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