Mise en forme et interactions avec CSS et HTML
Objectifs
L'objectif de cette vidéo est de vous apprendre à créer un menu interactif en liste en utilisant des balises HTML et CSS, et à ajouter des actions de masquage et d'affichage des éléments de la page via un simple clic.
Résumé
Apprenez à créer un menu interactif sous forme de liste en utilisant des balises HTML et CSS, ainsi que l'ajout d'actions interactives par simple clic.
Description
Ce tutoriel vous guide pas à pas dans la création d'un menu interactif en utilisant des balises HTML pour structurer votre liste et des styles CSS pour améliorer l'apparence et l'intuitivité du menu. Nous commençons par définir une liste avec des éléments UL et LI basiques, puis nous intégrons des liens cliquables à l'aide de la balise A. Ensuite, nous détaillons les étapes pour ajouter des styles CSS, incluant un fond noir, des bordures et une image d'arrière-plan en forme de flèche pour indiquer la cliquabilité de chaque élément. Afin de rendre le menu fonctionnel et esthétiquement plaisant, nous ajoutons également des marges, des hauteurs minimales et des ajustements de padding. Finalement, nous examinons le rendu dans un simulateur pour s'assurer que le menu est conforme aux attentes. Ce tutoriel est idéal pour ceux qui souhaitent améliorer leurs compétences en front-end et créer des interfaces web modernes et interactives.
Questions - réponses
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
