Mettre en place une navigation par icône en CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
37m29
de formation
7
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Mettre en place une navigation par icône en CSS

4.8/5 Trustpilot (1400 avis) Satisfait ou remboursé
37m29
de formation
7
leçons vidéo
1
chapitre

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Présentation du travail à réaliser
Leçon 2
Mise en place du HTML
Leçon 3
Mise en place des items de la nav
Leçon 4
Grossissement des items
Leçon 5
Apparition du H4 et du span
Leçon 6
Mise en place du responsive
Leçon 7
Conclusion

Table des matières

Leçon 1

Présentation du travail à réaliser

02m18
Leçon 2

Mise en place du HTML

06m22
Leçon 3

Mise en place des items de la nav

10m
Leçon 4

Grossissement des items

07m38
Leçon 5

Apparition du H4 et du span

04m12
Leçon 6

Mise en place du responsive

04m39
Leçon 7

Conclusion

02m20

Aperçus

Avis des apprenants

Détail des avis
101
Apprenants
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 17/02/2025
Merci Carl pour ce cours hyper sympa sur la mise en place d’une navigation par icône en CSS ! J’ai particulièrement apprécié la simplicité et l’efficacité de l’approche, notamment avec l’utilisation astucieuse de Flexbox et des effets de survol. La mise en page responsive est fluide et intuitive, et le fait de ne s’appuyer que sur du CSS pur rend le tout léger et performant. Une belle démonstration de la puissance du CSS ! Validé 100%. 👍
Carl Brison
Carl Brison
Merci beaucoup Alain, pour votre commentaire vraiment très gentil ;-)
Valérie Arno
Valérie Arno
Publié le 10/08/2021
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.
Carl Brison
Carl Brison
Merci à vous Valérie ;-)
Jean Philippe
Jean Philippe
Publié le 20/11/2020
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 !
Carl Brison
Carl Brison
Merci beaucoup, c'est très gentil ;-)

Vos questions sur le cours

Que contient le fichier source ?

Le code source de ce tutoriel.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
8,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
37m29 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 777 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1429 tutos gratuits

Notre politique de protection des données