1
00:00:00,042 --> 00:00:04,268
[MUSIC]

2
00:00:04,268 --> 00:00:09,793
Dans la leçon précédente, j'ai fait référence à la classe nav utilisée dans Bootstrap pour

3
00:00:09,793 --> 00:00:12,790
créer des structures de navigation.

4
00:00:12,790 --> 00:00:17,376
Nous avons exploré le nav navbar déjà dans le module précédent.

5
00:00:17,376 --> 00:00:21,660
Dans cette conférence,

6
00:00:21,660 --> 00:00:26,700
nous allons explorer les onglets de navigation et les pilules de navigation un peu plus en détail.

7
00:00:26,700 --> 00:00:29,350
Et l'exercice qui suit, nous allons

8
00:00:29,350 --> 00:00:33,927
voir comment nous en faisons usage pour créer une structure de navigation pour notre page Web.

9
00:00:36,020 --> 00:00:41,300
Les onglets et les pilules fournissent une structure de navigation intéressante pour notre page Web.

10
00:00:42,640 --> 00:00:47,608
Ils vous permettront de placer du contenu à l'intérieur de votre page Web que

11
00:00:47,608 --> 00:00:52,201
l'utilisateur peut naviguer parmi le contenu sans recharger

12
00:00:52,201 --> 00:00:55,460
la page Web vers une autre page Web.

13
00:00:55,460 --> 00:01:00,190
Donc, si vous avez une certaine quantité de contenu à présenter dans votre page Web,

14
00:01:00,190 --> 00:01:04,700
mais que vous voulez afficher seulement

15
00:01:04,700 --> 00:01:09,855
une partie du contenu sur votre page Web, tout en fournissant à l'utilisateur la possibilité de naviguer vers d'autres parties du contenu,

16
00:01:09,855 --> 00:01:13,340
alors les onglets et les pilules peuvent être très utiles à cette fin.

17
00:01:14,390 --> 00:01:18,290
Quoi de mieux que d'aller jeter un oeil à l'utilisation des onglets et des

18
00:01:18,290 --> 00:01:19,790
pilules dans la navigation ? En

19
00:01:20,860 --> 00:01:25,430
regardant un exemple de l'utilisation des onglets dans la navigation,

20
00:01:25,430 --> 00:01:28,890
vous verrez que dans ce cas particulier, vous avez les

21
00:01:29,910 --> 00:01:34,570
informations sur le leadership d'entreprise dans notre page aboutus.html,

22
00:01:34,570 --> 00:01:40,240
entourées d'onglets avec l'onglet de navigation construit en haut.

23
00:01:40,240 --> 00:01:44,740
Ainsi, vous pouvez voir que vous avez les quatre différents leaders d'entreprise

24
00:01:44,740 --> 00:01:47,270
représentés dans leur propre onglet ici.

25
00:01:47,270 --> 00:01:52,080
Et le contenu actuellement révélé sur la page web ne sont que

26
00:01:52,080 --> 00:01:55,270
les détails sur le premier leader d'entreprise.

27
00:01:55,270 --> 00:02:00,280
Donc, si vous voulez passer à d'autres, vous cliquez simplement sur

28
00:02:00,280 --> 00:02:05,520
l'onglet correspondant, puis révélez ce contenu dans votre page Web.

29
00:02:05,520 --> 00:02:08,610
Notez donc que nous ne naviguons pas vers une autre page web, mais

30
00:02:08,610 --> 00:02:13,590
nous révélons simplement le contenu en utilisant cet onglet de navigation ici.

31
00:02:15,030 --> 00:02:17,980
Au lieu de cela, dans certains cas, vous pouvez trouver

32
00:02:17,980 --> 00:02:22,650
une navigation basée sur des pilules plus utile à votre but.

33
00:02:22,650 --> 00:02:25,150
Donc, une navigation basée sur des pilules fonctionne comme ça.

34
00:02:25,150 --> 00:02:29,210
Donc, vous avez toujours la même structure de navigation ici, mais

35
00:02:29,210 --> 00:02:34,270
les informations actuellement affichées seront mises en évidence comme une pilule ici.

36
00:02:34,270 --> 00:02:39,760
Donc, si vous passez à une autre partie de votre navigation, remarquez comment

37
00:02:39,760 --> 00:02:45,600
cet élément particulier est mis en surbrillance dans la page Web,

38
00:02:45,600 --> 00:02:49,500
et les informations correspondantes sont affichées dans le contenu de l'onglet ci-dessous.

39
00:02:49,500 --> 00:02:51,790
Il s'agit donc d'une navigation basée sur des pilules.

40
00:02:51,790 --> 00:02:56,680
Donc, cela utilise des pilules de navigation au lieu des onglets de navigation pour

41
00:02:56,680 --> 00:03:02,030
la classe appliquée à la classe de navigation là-bas.

42
00:03:02,030 --> 00:03:06,770
Maintenant que vous avez vu un exemple de l'utilisation de la navigation par onglets

43
00:03:06,770 --> 00:03:12,180
dans une page Web, je suis sûr que vous êtes curieux de savoir comment il est réellement construit.

44
00:03:12,180 --> 00:03:16,310
C' est ce que nous allons explorer lors de l'exercice suivant.

45
00:03:16,310 --> 00:03:20,418
Nous allons donc utiliser la navigation par onglets, puis utiliser le contenu de

46
00:03:20,418 --> 00:03:25,940
l'onglet et les volets d'onglet pour organiser le contenu réel qui sera affiché sur notre page Web.

47
00:03:25,940 --> 00:03:29,369
[ MUSIQUE]