Proyecto HTML5 y CCS

El proyecto consiste en realizar una web sobre alguna temática que te interese.

  1. El primer paso será elegir el contenido que quiere mostrar en ella.
  2. El segundo elegir el diseño. Para ello podrás utilizar plantillas CSS ya diseñadas. Descarga la que te guste y estudia el código, tanto el HTML como el CSS. Se valorará de forma positiva el uso de hojas de etilos adaptables para que se visualice de manera optima en dispositivos móviles.
  3. Modifica el HTML y el CSS de la plantilla para que se adapte a lo que necesitas.
  4. Una vez concluida la página web, debes darte de alta en un servicio de hosting gratuito y subir la página a dicho hosting.

Características que debe tener el sitio web realizado

  1. La página debe tener al menos 4 páginas webs enlazadas entre si.
  2. La página debe estar hecha en HTML5 y todas las páginas deberán ser válidas.
  3. La estructura del HTML debe tener al menos tres elementos de los siguientes: header,footer,aside,section,article.
  4. Se deben utilizar las etiquetas de texto estudiadas: títulos, párrafos, marcado de texto,…
  5. Debe existir enlaces a páginas externas a nuestro sitio web.
  6. Debe existir alguna lista ordenada y no ordenada.
  7. Se deben incluir imágenes.
  8. Debe existir al menos una tabla.
  9. Debe existir un formulario que envíe los datos http://www2.gonzalonazareno.org/josedom/resultado.php.
  10. Todas las páginas deben tener un favicon.

¿Qué debes entregar?

  • Tarea 1: Entrega la URL del repositorio GitHub donde has ido guardando los cambios realizados.
  • Tarea 2: Indica la página donde has encontrado la plantilla que vas a utilizar.
  • Tarea 3: Capturas de las cuatros páginas de tu sitio web servidas por tu servidor del cloud.
  • Tarea 4: Entrega la URL de la página donde tienes alojada la página.
  • Tarea 5: Explica cómo has subido la página al hosting gratuito que has elegido (¿Qué hosting has escogido? ¿Qué cliente FTP has utilizado para subir la página?, ¿A qué directorio del servidor remoto has tenido que subir la página?,…)
  • Tarea 6: Capturas de pantalla donde se vea la validación de cada una de las páginas (tiene que parecer la URL de la página). Utilizar el validador de W3C.