Práctica N° 1
HTML 5
Escriba una página denominada index.html que contenga los datos del estudiante y un
menú de opciones para mostrar los siguientes ejercicios, de acuerdo al siguiente detalle:
Ejercicios
1. Crear una página que muestre la estructura básica de un archivo html
2. Crear una página para mostrar las noticias de un periódico, el titular debe estar en
el nivel 1, los títulos del nivel 2 son las categorías de las noticias como ser: políticas,
sociales, deportivas, etc, para cada sección colocar al menos dos artículos que
incluyan imágenes.
3. Crear tres páginas con una foto cada una (foto1.jpg, foto2.jpg y foto3.jpg) además
cada página debe tener opciones para mostrar la imagen siguiente y la anterior
4. Una empresa que vende pizzas tiene 3 ofertas. Las mismas son (1- 1 muzzarella y
una bebida cola a 5 pesos, 2- 2 muzzarellas a 6 pesos y 3 - 4 muzarrellas a 10
pesos). Crear una página que disponga tres hipervínculos a cada una de esas
ofertas. Al ser presionadas abrir el cliente de correo y enviar la promoción
correspondiente. En el título indicar si se trata de la promoción 1, 2 o 3. En el cuerpo
del mensaje pedir que ingrese la dirección y teléfono de la persona que hace el
pedido.
5. Crear una lista no ordenada que contenga hipervínculos a distintos periódicos que
usted conoce. Agregar tantos ítem como periódicos conoce.
6. Crear una página para mostrar los conceptos de tecnologías front-end y back-end
(Sugerencia usar etiquetas <dl>, <dt> y <dd>)
7. Crear una página con una lista ordenada que contenga 10 de los lenguajes de
programación más populares (Sugerencia, averiguar cuáles son esos lenguajes)
8. Crear una tabla que muestre una planilla de salarios con al menos 5 registros.
(Sugerencia: numero, paterno, materno, nombres, ci, haber básico, categoría,
descuentos, total)
9. Escriba un formulario de login con captcha
10. Desarrolle un formulario que permita ingresar el nombre de una persona, su mail,
su carnet y finalmente su curriculum (este último dato hacerlo utilizando un textarea)
11. Desarrolle un formulario que solicite el ingreso de mail de una persona y luego pida
el ingreso de su clave dos veces para comprobar si la clave es la misma (recordar
inicializar la propiedad name del elemento input con distintos nombres para cada
control)
12. Desarrolle un formulario que solicite el ingreso de un mail, una clave y luego
muestre una serie de títulos de películas con su respectivo checkbox. Disponer
también del botón de tipo submit para el envío de datos al servidor.
13. Desarrolle un formulario que solicite el ingreso del nombre de una persona y permita
votar en el sitio, El visitante puede elegir entre las siguientes opciones: Excelente,
Muy Bueno, Bueno, Regular y Malo. (usar type=”radio”)
14. Desarrolle un control de tipo select con los nombres de paises de América y Europa.
Agrupe los paises por continente. (Sugerencia: usar etiqueta <optgroup>)
15. Desarrolle un formulario para subir archivos al servidor (Usar en form
enctype=”multipart/form-data” y en input type=”file”)
NOTA. Para la ejecución y prueba de los diferentes ejercicios debe suscribirse a un
servicio de hosting y publicar sus archivos.
Fecha de entrega: 5 de marzo de 2020
Formato: Dirección URL donde se puede ver la práctica
subida a la plataforma http://virtual.emergentes.tk
