Universidad Católica Santo Toribio de Mogrovejo

Curso: Diseño Web

Práctica Nº: 04
Alumno:
Instrucciones:
Para iniciar
• Usar imágenes de buena definición, pero a la vez que no sean pesadas. Recuerde que al comprimir su
carpeta no debe pasar de 10 Mb para poder subir al aula virtual.

Parte 01: Wireframe para el cover o portada de su sitio web

• Debe usar componentes de Bootstrap
• Carrusel debe tener mínimo tres imágenes
• Mejorar el Footer, considerar mínimamente los tres bloques propuestos (puede agregar más elementos)
• Enlaces a páginas no solicitadas mostrar una general con el texto “EN CONSTRUCCIÓN”
• Considerar una empresa dedicada al rubro de ventas de productos de ferretería
• Debe cambiar el formato (Colores, tipos de letras, líneas, agregar las imágenes donde corresponde, etc.).
Mantener la estructura del wireframe
Parte 02: Enlace a página compras

1. Tanto del menú compras, como del botón con el icono del carrito de compras debe mostrar antes de ir a
dicha página una caja modal. Configurar textos e imágenes de la ventana modal. Ver en la siguiente imagen
caja modal.

Sugerencia, los elementos mínimos necesarios para la realización de esta página los encuentra en la documentación
de Bootstrap.
Parte 03: pagina compras:
• Los productos se pueden escoger entre los productos de una ferretería o accesorios diversos (seis mínimos).
• Los bloques y esquema del carrito son obligatorios. Puede realizarlos según wireframe o puede realizar algunos cambios
siempre y cuando se muestre la información solicitada.
Parte 04: Botón enviar compras:
• Enviar compra debe mostrar ventana modal con los datos de la compra
• Nueva compra, debe limpiar el carrito totalmente.
Parte 05: pagina proyectos:
• Los proyectos a revisar son:
o Proyecto1: Agenda versión 03
o Proyecto2: Animación corazón
o Proyecto3: Pagina Bootstrap
• Guardar en una carpeta todos los proyectos. Los enlaces deben llevarnos a dichos proyectos en una nueva
pestaña

Rúbrica de calificación