-
La página principal se llamará index.html (botón Agregar Entrega)
-
Deberá subir todos los ficheros del proyecto a algún servicio de alojamiendo como por ejemplo www.260mb.net o https://www.000webhost.com/o incluso puede hacerlo en el propio neocities. Incluya en esta tarea el enlace (botón Agregar Entrega)
-
Además deberá realizar una exposición oral el 22 de diciembre presentada ante el resto de la clase explicando el sitio web realizado.
COMO SE EVALÚA
Consulte la rúbrica de evaluación que aparece al final de la tarea.
EJERCICIOS A REALIZAR
El alumnado debe realizar un sitio web de una tienda/ un evento/ una empresa/ una ong/ una asociación/ un club o cualquier otra actividad que sea de su interés. Debe servir principalmente para dar la información principal de este organismo. No pretende ser una tienda online, ni un blog, simplemente un punto inicial de referencia de la empresa. Desde esta web podríamos acceder a las redes sociales u otros servicios que ya tenga la empresa. Para ello
-
Ponte en contacto con alguna empresa/entidad/asociación para ofrecerte de forma altruista a realizarles una página web. ES OBLIGATORIO ESTE PUNTO. En la memoria deberá aparecer la forma de contacto con dicho organismo.
-
Utilice bootstrap5 https://www.w3schools.com/bootstrap5/default.asp para maquetar el sitio web. Puede para que sea más fácil tomar la siguiente plantilla como punto de inicio https://www.w3schools.com/bootstrap5/bootstrap_templates.php
-
En el icono que aparece en la pestaña del navegador web de todas las páginas del sitio web debe aparecer el logotipo de la empresa. Si la empresa no dispone de logotipo deberás crear uno. Puede hacerlo en gimp o en https://www.favicon.cc/ Cuide de incluir el siguiente código dentro de la cabecera <head>
-
<link rel="icon" href="favicon.ico" type="image/x-icon" />
-
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
-
-
Debes incluir las etiquetas <meta> en el <head> necesarias para intentar mejorar lo más posible la visibilidad de nuestra web en los buscadores. Puede consultar este enlace para saber que poner http://deteresa.com/etiquetas-meta/
-
Debes hacer que en la página haya el mayor número de etiquetas vistas en clase. Es decir, deben aparecer textos formateados, cabeceras, listas, tablas, formularios (de google drive a través de iframe), iframes, imagenes, vídeos, audios, enlaces...
-
Debes hacer que la página sea completa, coherente y de utilidad. Deberá estar validada en http://validator.w3.org/ Deberá insertar el logo del w3c correspondiente.
-
Además debés validar el css en https://jigsaw.w3.org/css-validator/.Deberá insertar el logo del w3c correspondiente.
-
Verifique la accesibilidad de su página en http://wave.webaim.org/
-
Una vez creada la página deberá publicarla en Internet en un proveedor de servicios de Internet como por ejemplo www.260mb.net o https://www.000webhost.com/o incluso puede hacerlo en el propio neocities
-
La página principal se llamará obligatoriamente index.html que será la página de presentación de tu futuro sitio web.
-
Verifique la visibilidad de la página web en pc, tablets y portátiles (para esta labor puede probar adicionalmente usar la Vista Adaptable que aparece en el navegador Firefox). Incluso pruebe a verla en distintos navegadores y verifique que se ve bien. Una opción para ello es usar la página http://browsershots.org
-
Y sobre todo, no deje de disfrutar haciendo esta actividad!!