[MUSIC]
En la lección anterior me referí a la clase de navegación que se usa en Bootstrap para
crear estructuras de navegación.
Exploramos el navegador de la barra de navegación ya en el módulo anterior.
En esta conferencia,
vamos a explorar pestañas de navegación y pastillas de navegación con un poco más de detalle.
Y el ejercicio que sigue,
veremos cómo hacemos uso de esto para crear una estructura de navegación para nuestra página web.
Las pestañas y píldoras proporcionan una interesante estructura de navegación para nuestra página web.
Le permitirán incluir contenido dentro de su página web que
el usuario pueda navegar entre el contenido sin volver a cargar
la página web a otra página web.
Así que si usted tiene una cierta cantidad de contenido para ser presentado en su página web,
pero desea mostrar sólo
una parte del contenido en su página web, pero aún así proporcionar al usuario la capacidad de navegar a otras partes del contenido,
entonces las pestañas y píldoras pueden ser muy útiles para este propósito.
¿ Qué es mejor que simplemente ir y echar un vistazo al uso de pestañas y
píldoras en la navegación?
Echando un vistazo a un ejemplo del uso de pestañas en la navegación,
verá que en este caso particular, tiene
la información de liderazgo corporativo en nuestra página aboutus.html,
encerrada dentro de pestañas con la pestaña de navegación construida en la parte superior.
Así que usted puede ver que usted tiene los cuatro líderes corporativos diferentes
representados en su propia pestaña aquí.
Y el contenido actualmente revelado en la página web es sólo
los detalles sobre el primer líder corporativo.
Así que si desea cambiar a otros, simplemente haga clic en
la pestaña correspondiente y luego revele ese contenido en su página web.
Así que tenga en cuenta que no estamos navegando a una página web diferente, pero
simplemente estamos revelando el contenido usando esta pestaña de navegación aquí.
En su lugar, en algunos casos puede encontrar
una navegación basada en píldoras más útil para su propósito.
Así que una navegación basada en píldoras funciona así.
Así que todavía tiene la misma estructura de navegación en la parte superior aquí, pero
la información que se muestra actualmente se resaltará como una píldora aquí.
Por lo tanto, si cambia a otra parte de su navegación, observe cómo
ese elemento en particular está siendo resaltado en la página web,
y la información correspondiente se muestra en el contenido de la pestaña abajo.
Así que esta es una navegación basada en píldoras.
Entonces, esto usa píldoras de navegación en lugar de pestañas de navegación para
la clase que se aplica a la clase de navegación allí.
Ahora que ha visto un ejemplo del uso de la navegación con pestañas y de extracción
en una página web, estoy seguro de que tiene curiosidad por saber cómo se construye realmente.
Eso es lo que vamos a explorar en el próximo ejercicio.
Así que usaremos la navegación con pestañas y luego usaremos el contenido de las
pestañas y los paneles de pestañas para organizar el contenido real que se mostrará en nuestra página web.
[ MÚSICA]