[MUSIC]
Dans la leçon précédente, j'ai fait référence à la classe nav utilisée dans Bootstrap pour
créer des structures de navigation.
Nous avons exploré le nav navbar déjà dans le module précédent.
Dans cette conférence,
nous allons explorer les onglets de navigation et les pilules de navigation un peu plus en détail.
Et l'exercice qui suit, nous allons
voir comment nous en faisons usage pour créer une structure de navigation pour notre page Web.
Les onglets et les pilules fournissent une structure de navigation intéressante pour notre page Web.
Ils vous permettront de placer du contenu à l'intérieur de votre page Web que
l'utilisateur peut naviguer parmi le contenu sans recharger
la page Web vers une autre page Web.
Donc, si vous avez une certaine quantité de contenu à présenter dans votre page Web,
mais que vous voulez afficher seulement
une partie du contenu sur votre page Web, tout en fournissant à l'utilisateur la possibilité de naviguer vers d'autres parties du contenu,
alors les onglets et les pilules peuvent être très utiles à cette fin.
Quoi de mieux que d'aller jeter un oeil à l'utilisation des onglets et des
pilules dans la navigation ? En
regardant un exemple de l'utilisation des onglets dans la navigation,
vous verrez que dans ce cas particulier, vous avez les
informations sur le leadership d'entreprise dans notre page aboutus.html,
entourées d'onglets avec l'onglet de navigation construit en haut.
Ainsi, vous pouvez voir que vous avez les quatre différents leaders d'entreprise
représentés dans leur propre onglet ici.
Et le contenu actuellement révélé sur la page web ne sont que
les détails sur le premier leader d'entreprise.
Donc, si vous voulez passer à d'autres, vous cliquez simplement sur
l'onglet correspondant, puis révélez ce contenu dans votre page Web.
Notez donc que nous ne naviguons pas vers une autre page web, mais
nous révélons simplement le contenu en utilisant cet onglet de navigation ici.
Au lieu de cela, dans certains cas, vous pouvez trouver
une navigation basée sur des pilules plus utile à votre but.
Donc, une navigation basée sur des pilules fonctionne comme ça.
Donc, vous avez toujours la même structure de navigation ici, mais
les informations actuellement affichées seront mises en évidence comme une pilule ici.
Donc, si vous passez à une autre partie de votre navigation, remarquez comment
cet élément particulier est mis en surbrillance dans la page Web,
et les informations correspondantes sont affichées dans le contenu de l'onglet ci-dessous.
Il s'agit donc d'une navigation basée sur des pilules.
Donc, cela utilise des pilules de navigation au lieu des onglets de navigation pour
la classe appliquée à la classe de navigation là-bas.
Maintenant que vous avez vu un exemple de l'utilisation de la navigation par onglets
dans une page Web, je suis sûr que vous êtes curieux de savoir comment il est réellement construit.
C' est ce que nous allons explorer lors de l'exercice suivant.
Nous allons donc utiliser la navigation par onglets, puis utiliser le contenu de
l'onglet et les volets d'onglet pour organiser le contenu réel qui sera affiché sur notre page Web.
[ MUSIQUE]