Introducción

Este ejercicio está enfocado al uso del lenguaje HTML que utilizaremos para generar un sitio web. Su
estética será básica y no se utilizarán ningún tipo de estilos.

Para la realización deberéis utilizar un editor de texto plano y escribir manualmente todos los
archivos. El uso de herramientas que generan páginas web de forma distinta a la que se
persigue en este ejercicio supondrá una calificación de cero.

Debéis seguir la siguiente estructura de carpetas/archivos:

Se deben utilizar rutas relativas para hacer referencia a otras paginas y a las imágenes del
sitio web.

Evaluación
Objetivo Valor Objetivo Valor

Estructura HTML5 correcta y sin errores 0,25 Method y action 0,5

Title y favicon 0,5 Label asociados 0,5

Dos niveles de headings 0,25 Validaciones HTML x4 1

Todos el texto etiquetado y párrafos 0,25 Campos formulario x5 1,25

Lista ordenada y Lista desordenada 0,5 Placeholder 0,25

Los enlaces 0,75 Fieldset y legend 0,25

Imagen, thumbnail y enlace 0,5 Botón envío y reinicio 0,25

Pie de pagina 0,25 Atributo name 0,5

Estilos de texto 0,5

Tabla 0,5

Etiquetas semanticas 0,25

Etiqueta media 0,25

VIdeo Youtube y mapa de Google Maps 0,5

Subirlo a Github como página web 0,75

La página index.html
Deberéis buscar una temática personalizada para el sitio web, y apta para su uso en el instituto.

Será la primera página que visitarán los usuarios. Su aspecto será parecido al de la siguiente
imagen, pero no se puede “copiar” la página de ejemplo.

Requisitos
● La pagina tendra un título y un icono (que se ve en la pestaña del navegador)
● Al menos dos niveles distintos de títulos.
● Utilizar párrafos.
● Dos listas, ordenada y desordenada) con al menos 3 ítems cada una.
● Un enlace a otra página, un enlace a un sitio externo, y un enlace de sección.
● Al menos una imagen que tenga thumbnail y al pulsar nos muestre la foto ampliada.
● Un pie de página separado por una línea horizontal, con los nombres y fecha.
● Utilizar los estilos de texto (bold, italic or underline)
● Al menos una tabla de al menos 3x3, utilizando rowspan y/o colspan, th.
● Utilizar etiquetas semánticas.
● Utilice al menos una etiqueta de media
● Tenga un video incrustado de Youtube.
● Tenga un mapa incrustado de Google Maps.

La otra página, el formulario.

Puede ser un formulario de contacto, de reserva, de registro, etc. Siempre que cumpla las siguientes
condiciones:
● Se especifique el modo de envío y la página de destino de la información.
● Todas las etiquetas tengan un label correctamente asociado.
● Se utilicen validaciones HTML
● Se utilicen 5 tipos distintos de campos.
● Se utilice el atributo placeholder.
● Se utilicen las etiquetas fieldset y legend.
● Se utilice un botón de envío y otro de reinicio.
● Todos los campos tengan un atributo name que describa correctamente su contenido.
Como subir tu pagina a GitHub
Para subir a Internet nuestra página web utilizaremos el servicio que proporciona Github,
conocido como Github Pages.

El proceso se puede realizar de varias maneras.

● A continuación os dejo un video donde se muestra el proceso y utilizan comando

GIT para subir el contenido.
Video tutorial: https://www.youtube.com/watch?v=KQ3W1WgenDw

● Este mismo proceso puede hacerse a través de la web subiendo los archivos y sin
necesidad de instalar o utilizar GIT.

¿Qué tenéis que entregar?

Podeis enviarme la URL del repositorio donde habéis subido vuestro código fuente. En caso
que no lo hayáis subido a Github deberéis adjuntar el código en un archivo comprimido.