Tarea / Operaciones

PIAD-218
FUNDAMENTOS DE
PROGRAMACIÓN WEB

Ingeniería de Software con

Inteligencia Artificial
Semestre II

1
2
FORMACION PRACTICA REMOTA

Nombre de la tarea / Desarrolla página web utilizando conceptos

Operaciones: semánticos

OBJETIVO DEL TRABAJO

Realizar un trabajo basado en una Aplicación Web personal, que tiene como finalidad
publicitar su Hoja de vida y su experiencia ganada en los años de estudios obtenidos
hasta el momento. El resultado será publicar todos sus conocimientos, experiencia y
habilidades personales en una aplicación web que sea fácil de recorrer, atractiva y muy
dinámica.

DESCRIPCIÓN DE LA TAREA / OPERACIONES

El presente proyecto, busca el planteamiento de propuestas que presenten los

estudiantes durante el semestre a desarrollar. Estas se fundamentarán con el
conocimiento de cuatro tareas con sus respectivas operaciones que se describen a
continuación; y que pertenecen al curso de Fundamentos de Programación Web.
1. Desarrolla página web utilizando conceptos semánticos.
• Desarrolla el diseño convencional y semántico de una página web.
• Utiliza etiquetas HTML5 para el desarrollo de una web.
• Inserta barra de navegación
• Utiliza etiquetas CSS dentro de una web.
2. Inserta recursos multimedia en páginas web.
• Utiliza etiquetas semánticas.
• Emplea recursos multimedia.
• Enlaza hojas de estilo externas en una web.
3. Desarrolla aplicaciones interactivas utilizando JavaScript.
• Utiliza diferentes tipos de datos y operadores.
• Escribe funciones aritméticas.
• Escribe programas utilizando elementos dinámicos para JavaScript
4. Desarrolla formularios web para recolectar.
• Utiliza etiquetas para el ingreso y salida de datos.
• Diseña formularios empleando botones de acción
• Procesa datos de un formulario mediante las acciones Get y Post.
Es Importante señalar que el problema planteado es a términos generales, puede Ud.
complementar el caso si lo desea, dosificándolo según las capacidades del grupo de
alumnos que esté a cargo. Estas variantes o precisiones que haga le permitirán a no
tener propuestas o soluciones únicas de todos los grupos, enriqueciendo las
propuestas de ellos y sobre todo que perdure en el tiempo. Sin embargo, las cinco
3
FORMACION PRACTICA REMOTA

tareas con sus operaciones indicadas anteriormente no podrán ser modificadas; y los
participantes durante el semestre, deberán presentar cinco entregables, los mismos
que deberán ser calificados, la nota final es el promedio de estos. Los alumnos
pueden agruparse de 2 a 5 participantes como máximo.

1. Tarea 1: Desarrolla página web utilizando conceptos semánticos:

Crea una página web que contenga un formulario con los siguientes campos de
información:
• El nombre, con un control de tipo texto.
• Los apellidos, con un control de tipo texto.
• El sexo, con dos opciones excluyentes hombre o mujer.
• El correo electrónico, con un control de tipo texto.
• Una casilla de verificación con el texto "Deseo recibir información sobre
novedades y ofertas".
• Una casilla de verificación con el texto "Declaro haber leido y aceptar las
condiciones generales del programa y la normativa sobre protección de
datos".
• Un botón de envío.

Además, tienes que tener en cuenta los siguientes requisitos:

• El título de la página debe ser Formulario de registro - Mi web.
• El método de envío del formulario debe ser GET.
• El destino del envío del formulario debe ser "".
• La longitud máxima de entrada de datos de los controles para el nombre y
los apellidos debe ser 50 caracteres.
• La casilla de verificación con el texto "Deseo recibir información sobre
novedades y ofertas" debe estar activada por defecto.
Al formulario anterior le tienes que añadir los siguientes campos de información:
• Población, una lista desplegable con las opciones Alicante, Madrid, Sevilla
y Valencia.
• Descripción, un área de texto multilínea.
Además, tienes que asociar la etiqueta de cada control a su control para mejorar
la usabilidad y la accesibilidad.

Debes crear una página web que tenga el mismo aspecto que la siguiente imagen:
4
FORMACION PRACTICA REMOTA
5
FORMACION PRACTICA REMOTA

Introducción del curso:

La programación web se refiere al desarrollo de aplicaciones y sitios web que se
ejecutan en navegadores web. Esta área de desarrollo de software ha evolucionado
significativamente a lo largo de los años, y actualmente, se utiliza una variedad de
tecnologías para crear experiencias interactivas y atractivas en la web.
6
FORMACION PRACTICA REMOTA

Resolución del problema: