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

2
00:00:04,268 --> 00:00:09,793
Nella lezione precedente ho fatto riferimento alla classe nav utilizzata in Bootstrap per

3
00:00:09,793 --> 00:00:12,790
creare strutture di navigazione.

4
00:00:12,790 --> 00:00:17,376
Abbiamo esplorato il navigatore della barra di navigazione già nel modulo precedente.

5
00:00:17,376 --> 00:00:21,660
In questa lezione,

6
00:00:21,660 --> 00:00:26,700
andremo ad esplorare le schede di navigazione e le pillole di navigazione in un po 'più dettagliato.

7
00:00:26,700 --> 00:00:29,350
E l'esercizio che segue questo,

8
00:00:29,350 --> 00:00:33,927
vedremo come facciamo uso di questo per creare una struttura di navigazione per la nostra pagina web.

9
00:00:36,020 --> 00:00:41,300
Tabulazioni e pillole forniscono una struttura di navigazione interessante per la nostra pagina web.

10
00:00:42,640 --> 00:00:47,608
Essi vi permetterà di racchiudere contenuti all'interno della vostra pagina web che

11
00:00:47,608 --> 00:00:52,201
l'utente può navigare tra i contenuti senza ricaricare

12
00:00:52,201 --> 00:00:55,460
la pagina web in una pagina web diversa.

13
00:00:55,460 --> 00:01:00,190
Quindi, se hai una certa quantità di contenuti da presentare nella tua pagina web,

14
00:01:00,190 --> 00:01:04,700
ma vuoi mostrare solo

15
00:01:04,700 --> 00:01:09,855
una parte del contenuto sulla tua pagina web, ma comunque fornire all'utente la possibilità di navigare ad altre parti del contenuto,

16
00:01:09,855 --> 00:01:13,340
allora schede e pillole possono essere molto utili per questo scopo.

17
00:01:14,390 --> 00:01:18,290
Cosa c'è di meglio che andare a dare un'occhiata all'uso di schede e

18
00:01:18,290 --> 00:01:19,790
pillole nella navigazione?

19
00:01:20,860 --> 00:01:25,430
Dando un'occhiata a un esempio dell'uso delle schede nella navigazione,

20
00:01:25,430 --> 00:01:28,890
vedrai che in questo caso particolare, hai

21
00:01:29,910 --> 00:01:34,570
le informazioni di Corporate Leadership nella nostra pagina aboutus.html,

22
00:01:34,570 --> 00:01:40,240
racchiuse all'interno delle schede con la scheda di navigazione costruita sopra.

23
00:01:40,240 --> 00:01:44,740
Quindi puoi vedere che hai i quattro diversi leader aziendali

24
00:01:44,740 --> 00:01:47,270
rappresentati nella loro scheda qui.

25
00:01:47,270 --> 00:01:52,080
E il contenuto attualmente rivelato sulla pagina web sono solo

26
00:01:52,080 --> 00:01:55,270
i dettagli sul primo leader aziendale.

27
00:01:55,270 --> 00:02:00,280
Quindi, se vuoi passare ad altri, fai semplicemente clic

28
00:02:00,280 --> 00:02:05,520
sulla scheda corrispondente e quindi rivela quel contenuto nella tua pagina web.

29
00:02:05,520 --> 00:02:08,610
Quindi si noti che non stiamo navigando su una pagina web diversa, ma

30
00:02:08,610 --> 00:02:13,590
stiamo semplicemente rivelando il contenuto utilizzando questa scheda di navigazione qui.

31
00:02:15,030 --> 00:02:17,980
Invece, in alcuni casi potresti trovare

32
00:02:17,980 --> 00:02:22,650
una navigazione basata su pillole più utile per il tuo scopo.

33
00:02:22,650 --> 00:02:25,150
Quindi una navigazione basata su pillole funziona in questo modo.

34
00:02:25,150 --> 00:02:29,210
Quindi hai ancora la stessa struttura di navigazione in alto qui, ma

35
00:02:29,210 --> 00:02:34,270
le informazioni attualmente visualizzate saranno evidenziate come una pillola qui.

36
00:02:34,270 --> 00:02:39,760
Quindi, se si passa a un'altra parte della navigazione, si noti come

37
00:02:39,760 --> 00:02:45,600
quel particolare elemento viene evidenziato nella pagina web

38
00:02:45,600 --> 00:02:49,500
e le informazioni corrispondenti vengono visualizzate nel contenuto della scheda in basso.

39
00:02:49,500 --> 00:02:51,790
Quindi questa è una navigazione basata su pillole.

40
00:02:51,790 --> 00:02:56,680
Quindi questo usa le pillole di navigazione invece delle schede di navigazione per

41
00:02:56,680 --> 00:03:02,030
la classe applicata alla classe nav lì.

42
00:03:02,030 --> 00:03:06,770
Ora che hai visto un esempio dell'uso della navigazione a schede e pull

43
00:03:06,770 --> 00:03:12,180
in una pagina web, sono sicuro che sei curioso di sapere come è effettivamente costruito.

44
00:03:12,180 --> 00:03:16,310
Questo è ciò che andremo ad esplorare nel prossimo esercizio.

45
00:03:16,310 --> 00:03:20,418
Quindi useremo la navigazione a schede e quindi utilizzare il contenuto della

46
00:03:20,418 --> 00:03:25,940
scheda e riquadri scheda per organizzare il contenuto effettivo che verrà visualizzato nella nostra pagina web.

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