UNIVERSIDAD NACIONAL AUTÓNOMA DE NICARAGUA, León

GUÍA DE APRENDIZAJE 5

I. DATOS GENERALES:

1.1 Facultad: Ciencias y Tecnología

1.2 Carrera: Ingeniería en Sistemas de Información / Ingeniería en Telemática
1.3 Modalidad: Diurna
1.4 Nombre del Componente Curricular: Diseño de Páginas Web
1.5 Unidad: Introducción a HTML5
1.6. Tema: Diseño Web con Bootstrap
1.7 Tiempo requerido: Presencial 1 hora No presencial 3 hora
1.8. Fecha: Inicio 26 de septiembre Finalización: 3 de octubre (sesión de laboratorio)
1.9. Profesor (a): M.Sc. Denis Espinoza, M.Sc. Johanna Hernández, M.Sc. Álvaro Altamirano,
M.Sc. Eduardo Molina, M.Sc. Wilmer Matamoros, M.Sc. Juan Leytón.
1.11. Año académico: 2022
1.12. Puntuación asignada a la actividad: 10 puntos

II. COMPETENCIA DEL COMPONENTE CURRICULAR A LA QUE SE APORTA CON ESTA

ACTIVIDAD:
Diseña páginas web para cambiar dinámicamente los contenidos, el aspecto y manejar su
estructura de objetos utilizando HTML, CSS, JavaScript y DOM.

III. INTRODUCCIÓN:

En esta guía realizaremos un sitio web con Bootstrap para conocer este framework y a la vez
experimentar las facilidades que trabajar con él nos ofrece.

IV. ACTIVIDADES A REALIZAR POR LOS ESTUDIANTES:

Orientación de actividades a desarrollar:

En esta práctica se desarrollará un sitio web que emplee Bootstrap tomando en cuenta las
siguientes consideraciones:
 • El sitio deberá contener al menos 3 páginas enlazadas entre sí como una temática
claramente definida.
• Empleando el sistema de grilla, deberá crearse la siguiente estructura para el sitio:

• En el header se deberá colocar un menú superior que permita navegar entre las tres
páginas.
• En la zona del sidebar1, se deberá crear una especie de menú lateral empleando listgroup
o algún otro elemento de bootstrap.
• En la parte central de la página se pide emplear:
o Table, para la primera página.
o Card, para la segunda página.
o Accordion, para la tercera página.
• En el sidebar2, cree un formulario de contacto, logín o comentarios.
• En el footer, deberá colocar información general de la página.

Recursos didácticos para utilizar

• Materiales del tema 5.
V. EVALUACIÓN DE LOS APRENDIZAJES:

Criterios
• Que el estudiante cree la estructura que se pide empleando el sistema de grilla.
• Que en cada una de las secciones, se empleen los elementos de bootstrap que se indican.
• Que el sitio tenga 3 páginas con una temática claramente definida.

Evidencias a presentar
• Se deberá entregar como evidencia al profesor, el sitio web completamente funcional y
cumpliendo con los criterios que se especifican.

VI. BIBLIOGRAFIA:
• https://getbootstrap.com/docs/5.0/getting-started/introduction/