Introduction aux Boutons Interactifs
Objectifs
Les objectifs de cette vidéo sont les suivants :
- Comprendre l'utilisation des propriétés CSS pour masquer et afficher du contenu.
- Savoir créer des boutons interactifs en HTML.
- Apprendre à structurer et commenter le code pour une meilleure lisibilité et maintenance.
Résumé
Apprenez à créer des boutons interactifs en HTML et CSS pour afficher et masquer du contenu sans recharger la page.
Description
Cette leçon se concentre sur la manière de créer une interactivité dans une page web en utilisant des boutons HTML et des styles CSS. Nous allons voir comment configurer des boutons, tels que le bouton compas et le bouton éponge, pour afficher ou masquer certains éléments de contenu sur la page sans avoir à recharger cette dernière. La technique repose sur l'utilisation des propriétés display de CSS telles que display: none et display: block. Nous aborderons également comment copier et réutiliser des sections de page tout en maintenant leur style et structure cohérents. Enfin, nous passerons en revue comment masquer et afficher ces éléments à l'aide de JavaScript pour une meilleure expérience utilisateur.
Questions fréquentes
display: none est utilisé pour masquer un élément.
onclick est utilisé pour détecter un clic sur un bouton.
Programme détaillé
Module 1 - Introduction
Module 2 - Généralités sur le marché des mobiles
Module 3 - Rappel HTML
Module 4 - Rappel CSS
Module 5 - Notions de HTML5 et CSS3
Module 6 - Concevoir une webApp
Module 7 - Les simulateurs
Module 8 - Construire sa première WebApp
Module 9 - Vérifier et compresser
Module 10 - Construire une webApp avec JQuery Mobile
Module 11 - Annexe 1 | Notions de bande passante
Module 12 - Annexe 2 | Les usages
Module 13 - Annexe 3 | Les librairies disponibles
Module 14 - Conclusion
