TIC 2º BACH 2021

Dado que el curso "Introducción a HTML/CSS: hacer páginas web" plantea, además de los desafíos que ya recogéis en una presentación de Drive, 4 proyectos más exigentes en cuanto esfuerzo y tiempo que los desafíos, esta tarea pretende puntuar esos proyectos. En este curso solo haréis uno con las características indicadas en esta tarea.

Copia el código del proyecto y pégalo en el bloc de notas con el nombre del tema seguido de tu nombre y apellido. Guárdalo con extensión .html en tu carpeta personal de Drive (carpeta HTML/CSS/JavaScript). Sería algo así como PaginaWebdeViajes_AngelAccion.html para el proyecto de página de viajes.

Guarda el archivo en la carpeta de equipo (HTML/CSS/JavaScript_NombreNombre) que esté alojada dentro de tu carpeta personal compartida conmigo y avísame en esta tarea cuando pueda corregirla. El alumnado que trabaje solo alojará el archivo en una carpeta denominada HTML/CSS/JavaScript_Nombre

RESUMIENDO o ACLARANDO: 

• Equipos de pareja. Cada carpeta personal contiene la carpeta HTML/CSS/JavaScript_NombreNombre   y, fuera de ella, el archivo  PaginaWebdeViajes_NombreApellido.html. La carpeta contendrá el archivo PaginaWebdeViajes_NombreNombre.html
• Equipo individual. Cada carpeta personal contiene la carpeta HTML/CSS/JavaScript_Nombre   y dentro de ella el archivo PaginaWebdeViajes_Nombre.html

Esta tarea permite subir el archivo  PaginaWebdeViajes_NombreApellido.html.

En el cuadro de texto entrega el enlace a la carpeta personal compartida conmigo y que debe contener la carpeta de HTML/CSS/JavaScript_* con el html de equipo dentro y la copia individual fuera. El texto será similar a:

Adjunto el archivo .html del proyecto del curso HTML/CSS de KhanAcademy y el enlace a la carpeta que lo contiene.

El enlace abrirá en ventana nueva y tendrá por título de accesibilidad "Enlace a la carpeta personal de Nombre Apellido en Drive. Abre en ventana nueva".

Nota: es normal que al visionar el html creado en lugar de los acentos aparezca un símbolo "raro". Por ahora no es necesario pararse a corregirlo.

Criterios de calificación:

• Página de recetas (2) o de viajes (2). Título, 5 ptos; índice horizontal con enlaces internos en cabecera, 10 ptos; 3 imágenes (CC0 y referenciadas [título, Autor, Alojamiento, Licencia] con enlaces externos), una centrada sin texto a la par y las otras 2 con texto lateral, una alineada a la derecha y la otra a la izquierda, 3 x 10 ptos; lista ordenada y desordenada, 10 ptos; tabla con bordes y sin ellos, 10 ptos; colores de fuente, 5 ptos; 2 fuentes, 5 ptos; 2 colores de fondo, 5 ptos; gif animado, 10 ptos; imagen "pop up" al colocar el cursor sobre otra, 10 ptos.

Correcciones a la nota:

• El acceso a los archivos es desde el AV no se calificará acudiendo a las carpetas compartidas, por lo tanto, comprobad que los enlaces funcionan. 
• Segunda y sucesivas correcciones conllevan un descuento del 10% por cada una de ellas.
• Descuento por retraso: 10% semanal (el 25 ya descuenta). Plazo ampliado al 24 de octubre.
• Descuento de 5 ptos si el texto no transmite toda la información requerida.
• Descuento de 5 ptos si enlace que no funcione y/o no abre en ventana nueva.
• Descuento de 5 ptos por título de accesibilidad inexistente o que no transmita las 2 informaciones que debe contener: a dónde lleva y cómo abre.

Entrega en 2 fases:

Los estudiantes tendrán que pulsar un botón de Entrega para declarar que es su entrega definitiva. Esto permite que los estudiantes puedan tener una versión borrador de su entrega en el sistema. 

Consejo:

Una vez enviado vuelves al enunciado de la tarea y abajo de la misma verás lo que has enviado y lo mismo que veré yo, comprueba que funciona el enlace y que no te has olvidado nada, si no fuese así vuelve a editarlo; no pierdas una oportunidad de envío por no comprobarlo.

Toda tarea entregada después de las 23:55 del 14 de noviembre será corregida/evaluada/calificada para la 2ª evaluación con un descuento del 20%.

Notas del Profesor (enlaces no públicos):

HTML/CSS_Nefer, HTML/CSS_Andrés_Óscar.

Pistas:

Pop-up con click

Pop-un pasando el ratón por encima