Diseño de Interfaces de Programación

Guía de Laboratorio De la Semana N°13 -14

COMPETENCIAS

1. Identifica un framework para el desarrollo web.

2. Construir un web site.

EQUIPOS, MATERIALES, PROGRAMAS Y RECURSOS

● PC Personal.
● Sistema operativo Windows 10.
● Material disponible desde Tecsup Virtual.
● Software requerido.

SEGURIDAD

● Colocar las mochilas en el gabinete para evitar caídas en caso de sismo.

● No ingresar con bebidas ni comidas.
● Apagar los equipos y los monitores al culminar la sesión.

PREPARACIÓN

El Alumno debe revisar previamente el material teórico del curso en Tecsup Virtual y revisar su
texto.

CASO PRÁCTICO

1. Elabore un programa HTML utilizando Bootstrap, que muestre una fila con tres
columnas de igual tamaño. Elija un tema libre y en cada columna, coloque un
texto relacionado y debajo de ella un botón con el texto "Ver más".

Código JavaScript (Captura de pantalla)

2. Cree un programa HTML con Bootstrap, el cual contenga un formulario de

contacto, con campos para ingresar
a. Nombre
b. Apellido
c. DNI (8 caracteres numéricos)
d. Correo electrónico (debe contener una “@”)
e. Mensaje de usuario
Cada dato del formulario deberá ser validado por código para asegurar su
correcto llenado. Además, debe incluir un botón de envío con el texto "Enviar
mensaje".

Tecnología Digital. - Diseño y Desarrollo de Software

Diseño de Interfaces de Programación

Código JavaScript (Captura de pantalla)

3. Haga el código de un programa HTML utilizando Bootstrap, que muestre una

tarjeta con un título, subtítulo y un botón.

Código JavaScript (Captura de pantalla)

4. Elabore el programa HTML con Bootstrap que muestre un botón de "Comprar"

en un color llamativo. Al hacer clic en el botón, se debe mostrar un formulario
emergente (modal), con campos para ingresar la cantidad y la dirección de
envío.

Código JavaScript (Captura de pantalla)

Envíe por medio del Canvas, este documento y adjunte también los archivos
desarrollados.

CONCLUSIONES

Indicar las conclusiones a las que han llegado.

1. …….
1. ….....
1. …….

Tecnología Digital. - Diseño y Desarrollo de Software