[MUSIC]
Nella lezione precedente ho fatto riferimento alla classe nav utilizzata in Bootstrap per
creare strutture di navigazione.
Abbiamo esplorato il navigatore della barra di navigazione già nel modulo precedente.
In questa lezione,
andremo ad esplorare le schede di navigazione e le pillole di navigazione in un po 'più dettagliato.
E l'esercizio che segue questo,
vedremo come facciamo uso di questo per creare una struttura di navigazione per la nostra pagina web.
Tabulazioni e pillole forniscono una struttura di navigazione interessante per la nostra pagina web.
Essi vi permetterà di racchiudere contenuti all'interno della vostra pagina web che
l'utente può navigare tra i contenuti senza ricaricare
la pagina web in una pagina web diversa.
Quindi, se hai una certa quantità di contenuti da presentare nella tua pagina web,
ma vuoi mostrare solo
una parte del contenuto sulla tua pagina web, ma comunque fornire all'utente la possibilità di navigare ad altre parti del contenuto,
allora schede e pillole possono essere molto utili per questo scopo.
Cosa c'è di meglio che andare a dare un'occhiata all'uso di schede e
pillole nella navigazione?
Dando un'occhiata a un esempio dell'uso delle schede nella navigazione,
vedrai che in questo caso particolare, hai
le informazioni di Corporate Leadership nella nostra pagina aboutus.html,
racchiuse all'interno delle schede con la scheda di navigazione costruita sopra.
Quindi puoi vedere che hai i quattro diversi leader aziendali
rappresentati nella loro scheda qui.
E il contenuto attualmente rivelato sulla pagina web sono solo
i dettagli sul primo leader aziendale.
Quindi, se vuoi passare ad altri, fai semplicemente clic
sulla scheda corrispondente e quindi rivela quel contenuto nella tua pagina web.
Quindi si noti che non stiamo navigando su una pagina web diversa, ma
stiamo semplicemente rivelando il contenuto utilizzando questa scheda di navigazione qui.
Invece, in alcuni casi potresti trovare
una navigazione basata su pillole più utile per il tuo scopo.
Quindi una navigazione basata su pillole funziona in questo modo.
Quindi hai ancora la stessa struttura di navigazione in alto qui, ma
le informazioni attualmente visualizzate saranno evidenziate come una pillola qui.
Quindi, se si passa a un'altra parte della navigazione, si noti come
quel particolare elemento viene evidenziato nella pagina web
e le informazioni corrispondenti vengono visualizzate nel contenuto della scheda in basso.
Quindi questa è una navigazione basata su pillole.
Quindi questo usa le pillole di navigazione invece delle schede di navigazione per
la classe applicata alla classe nav lì.
Ora che hai visto un esempio dell'uso della navigazione a schede e pull
in una pagina web, sono sicuro che sei curioso di sapere come è effettivamente costruito.
Questo è ciò che andremo ad esplorare nel prossimo esercizio.
Quindi useremo la navigazione a schede e quindi utilizzare il contenuto della
scheda e riquadri scheda per organizzare il contenuto effettivo che verrà visualizzato nella nostra pagina web.
[ MUSIC]