9,00

Tuto Objectif Frontend : Comment créer facilement une Sidebar ? avec CSS, HTML

9,00

  • Une formation vidéo de 32m20s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Objectif Frontend : Comment créer facilement une Sidebar ?

ajouter ce cours aux favoris retirer ce cours des favoris

Dans ce cours en ligne, je vous propose d'apprendre comment créer une sidebar sans langage de programmation, et uniquement du langage CSS !

Cette sidebar nous permettra de gagner de la place sur la largeur de l'écran, en affichant par défaut que des pictogrammes.
C'est en passant le pointeur de la souris sur la sidebar que nous verrons alors apparaître les liens de notre menu de navigation.
Ce type de menu en sidebar est beaucoup utilisé dans les interfaces d'administration. De plus, cela permet de donner un effet moderne et agréable en terme ergonomique. Vous pourrez ainsi proposer ce type de navigation moderne à vos clients ou bien l'appliquer à vos propres développements.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Je fournis les codes de ce tuto CSS avec le tuto.

Table des matières de cette formation CSS, HTML (durée : 32m20s)

    • Mise en place du code HTML 00:09:03
    • Mise en forme de la Sidebar avec le CSS 00:11:25
    • Fonctionnement de la Sidebar 00:05:47
    • Ajouter une zone article à côté de la Sidebar 00:06:05



Formateur : Carl Brison

Carl Brison a publié 277 tutoriels et obtenu une note moyenne de 4,9/5 sur 17 649 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

4,8
note moyenne

6
avis laissés
5 étoiles
5
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    HTML 5, CSS 3
  • Que contient le fichier source ?
    Le code complet de ce tutoriel
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1461 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données