Dans ce tutoriel vidéo, je vous propose d'apprendre à mettre en place un menu de navigation par icône qui contiendra également des effets de survol modernes. Cette barre de navigation sera évidemment responsive afin qu'elle puisse d'adapter à toutes les situations.
La technologie utilisée pour les besoins de cette formation en ligne, sera du CSS et uniquement du CSS ! Pas de langage de programmation. Du code simple et ultra léger.
Nous ferons appel aux positionnements CSS ainsi qu'au Flexbox.
Si vous avez besoin de réviser les positionnements CSS ainsi que les flexbox, je mets à votre disposition des tutoriels traitant précisément de ces sujets :
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Table des matières de cette formation CSS (durée : 37m29s)
-
- Présentation du travail à réaliser gratuit 00:02:18
- Mise en place du HTML 00:06:22
- Mise en place des items de la nav 00:10:00
- Grossissement des items 00:07:38
- Apparition du H4 et du span 00:04:12
- Mise en place du responsive 00:04:39
- Conclusion 00:02:20
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Un petit retour au CSS avec une petite barre de navigation plutôt sympa. Le CSS permet de faire tellement de choses. Pas facile les positionnements, j'ai peut-être besoin d'une révision, je les utilise rarement :-) Merci pour ce partage.
-
N'étant pas complètement débutant en Css, j'apprends toujours des règles dont j'ignorais l'existence, merci à vous pour cet excellent tutoriel, 5 étoiles !
-
Un petit tuto aussi rafraîchissant et pétillant qu'un cocktail estival ! Concocté par le toujour brillant, Carl Brison et servi on the rock, avec une rondelle de citron ! 100% pur fun, 0% d'alcool. À consommer sans modération !
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS
-
Que contient le fichier source ?Le code source de ce tutoriel.
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés