Diseño Interfaces Web

Actividades UD1

UD1: PLANIFICACIÓN DE INTERFACES GRÁFICAS

SECCION 4: HTML - Revisa las transparencias (38-55) <form>

NOMBRE:
Título de la Actividad
Actividad 3: En los ejercicios propuestos pondremos en práctica los conceptos básicos
de HTML.

Objetivos
Repasar conceptos de HTML.
Temporalización
La duración de esta actividad está prevista en 2 horas
Proceso de desarrollo
El alumno deberá repasar los conceptos expuestos en los recursos educativos.

En cada ejercicio se muestra como debe quedar el resultado.

Ejercicio 1: Crea un control que nos permite ingresar un texto en una línea.

Solución:

Ejemplo
Resultado

Nombre:

Apellido:
 Diseño Interfaces Web
Actividades UD1

Ejercicio 2: Crea un control que nos permite que el usuario elija una sola opción de entre una serie de
posibilidades.

Solución:

Ejemplo
Resultado
¿Edad?

menor de 17

entre 18 y 60

mayor de 61

Ejercicio 3: Crea un control que al usuario elegir varias opciones entre todas las posibilidades.

Solución:

Ejemplo
Resultado
¿Pasatiempos?

TV

Libros

Música

Otros

Ejercicio 4: Crea un control que nos permita ingresar contraseñas.

Solución:

Ejemplo
Resultado

Nombre:

Password:

Ejercicio 5: Crea un control que nos permite envío de datos del formulario y un botón de reinicialización
que al ser pulsado reinicializa todos los controles a sus valores iniciales.
 Diseño Interfaces Web
Actividades UD1

Solución:

Ejemplo
Resultado

Nombre:

Contraseña:

Ejercicio 6: Crea un control que nos permita enviar archivos por medio de un formulario.

Solución:

Ejemplo
Resultado
Ingrese la foto:

Ejercicio 7: Crea un control que nos permite utilizar una imagen personalizada como botón de un
formulario.

Solución:

Ejemplo
Resultado

Nombre:

Contraseña:

Ejercicio 8: Crea un control que nos permita para crear un menú desplegable con las opciones, América,
Asia, Europa, África y Oceanía.
 Diseño Interfaces Web
Actividades UD1

Solución:

Ejemplo

Ejercicio 9: Crea un control de entrada de texto multilínea. La cantidad de filas será 5 y columnas que
tendrá el recuadro del área de texto serán 30.

Solución:

Ejemplo
Resultado

Ejercicio 10: Genera una página con la siguiente estructura:

Solución:
Diseño Interfaces Web
Actividades UD1