Está en la página 1de 9

ESCUELA PROFESIONAL DE INGENIERIA DE SISTEMAS

GUIA DE LABORATORIO Nro. 02


ESCUELA : INGENIERÍA DE SISTEMAS
ASIGNATURA : INGENIERIA WEB
CICLO : VI
TURNO : Mañana/Tarde
SEMESTRE : 2021-02
DOCENTE : Franklin Román Nano

I. TEMA: Formularios.

II. OBJETIVOS

Al finalizar la práctica, el estudiante estará en capacidad de construir formularios


básicos y complejos, Formularios y sus elementos. Arrays de recepción de datos,
Cookies, Sesiones, usando las distintas etiquetas de HTML necesarias.

III. METODOLOGIA

 El docente plantea un conjunto de ejercicios y los estudiantes los resuelven


realizando programas en HTML, mientras el docente va supervisando la correcta
resolución de los mismos, realizando la retroalimentación adecuada .

IV. RECURSOS

1. Equipo computacional con conexión a internet


2. Lenguaje de Programación HTML
3. Utilizar la plataforma Blackboard para entregar el laboratorio
4. Utilizar la plataforma de Zoom para la Sustentación del Laboratorio

V. DESARROLLO DE ACTIVIDADES:

1.1 Descripción:
La guía de laboratorio busca afianzar de manera práctica los conocimientos
adquiridos por el estudiante durante la sesión el desarrollo de la teoría por parte
del docente.
1.2 Proceso

Estimado participante, en la sesión Nº 02, se procede aplicar formularios en


nuestra aplicación web. Para ello necesitamos desarrollar los siguientes
ejercicios.

Desarrollar los siguientes formularios:

1. Haciendo uso del tag form

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form method="post">
<fieldset>
<legend>Datos personales</legend>
<p>Nombre: <input type="text" name="nombre" size="40"></p>
<p>Año de nacimiento: <input type="number" name="nacido" min="1900"></p>
<p>Sexo:
<input type="radio" name="hm" value="h"> Hombre
<input type="radio" name="hm" value="m"> Mujer
</p>
<p>
<input type="submit" value="Enviar">
<input type="reset" value="Borrar">
</p>
</fieldset>
</form>
</body>
</html>
2. Aplicando el atributo: required

3. Aplicando el atributo: size

4. Aplicando el atributo: placeholder


5. Aplicando el atributo: maxlength y minlength

6. Aplicando el atributo: hidden

7. Aplicando menú de opciones: select


8. Aplicando menú de opciones:select optgroup

9. Haciendo uso del método GET del formulario


EJERCIOS PROPUESTOS

Verifiquemos este proceso para lo cual es preciso resolver el siguiente caso


propuesto.

1. Construya un formulario de la forma siguiente


2. Construya un formulario de libro de reclamaciones:
Información para los combos:

 Entregue el archivo en formato digital en la sesión de clase.

VI. RESULTADOS

 El alumno presenta una página Web utilizando Formularios y sus elementos. Arrays
de recepción de datos, Cookies, Sesiones y las principales etiquetas HTML
VII. RÚBRICA DE LA EVALAUCIÓN (en relación a la competencia del EC)

DESCRIPCTORES.
CRITERIO
4-5 2-3 1 0 Puntaje
La entrega de los
La entrega de No posee orden
Orden en la entrega ejercicios dados es
los ejercicios en la entrega de
de los ejercicios incompleta pero los
PRESENTACIÓN dados es los ejercicios
dados. que presenta posee
incompleta. dados.
orden.
Realiza identación de Realiza
ORGANIZACIÓN DE Código fuente y identación Código fuente No presenta
INFORMACIÓN: comentarios parcial de desordenado código fuentes.
CÓDIGO FUENTE explicativos código fuente
Programa
Programa sin No presenta
METODOLOGIA DE Programa de acuerdo parcialmente al
respetar Formularios metodología de
PROGRAMACIÓN al código solicitado. código fuente
HTML programación
solicitado
Participa e
Participa e interactúa Se conecta a la
interactúa de No se conecta a
de forma adecuada, videoconferencia
VIDEOCONFERENCIA forma la
asertiva y plantea sin mayor
adecuada, videoconferencia
soluciones participación
asertiva
TOTAL

También podría gustarte