Controlar el color de fondo con HTML

Hemos visto cómo crear algunos códigos simples en HTML para dar formato a textos y para crear tablas.

A continuación vimos cómo dar color al texto que va dentro de una tabla. Debes hacerlo hoy si no lo hiciste el día pasado. El resultado queda publicado en tu blog y puesto como comentario en dicha entrada.

Ahora veremos cómo ir insertando colores de fondo en la tabla : No es lo mismo el color que tomas para

Color de FONDO

que el

Color del TEXTO

En esta web tienes los códigos de pruebas para ir insertando en tu página.

El resultado final tiene que ser:

  • Una tabla con 6 filas 6 columnas
  • Un horario en ella (Lunes a viernes) con actividades en 5 franjas horarias – inventa las actividades –
  • La primera fila debe tener un mismo color de letra, igual que la primera columna (la celda 1,1 pertenece a ambas,sin fondo ) Sin ningún color de fondo
  • El resto debe tener un color de fondo distinto para cada fila y un color de letra para cada celda.

Una vez hayas terminado, publica en tu blog y el enlace en este blog.

Programación con VEXcode

Vamos a utilizar la siguiente plataforma online de programación por bloques:

vr.vex.com

Ábrela en una nueva pestaña y no cierres esta para que puedas leer las instrucciones

(Sí: esto es algo que repito constantemente, pero que uds no hacen nunca, estarán ahorrando memoria RAM? 😉 )

Si te fijas a la izquierda tienes los bloques de intrucciones:

Son las posibles instrucciones que das a tu robot para ejecutar acciones.

Esos bloques los moverás arrastrando a la parte central de tu pantalla o zona de trabajo, para conseguir que tu robot haga lo que deseas:

Este programita de la imagen anterior consigue que tu robot haga una vuelta completa.

Ahora ejecutas el programa, pinchando en ‘comienzo’

Si quieres guardar el código ejecutado pinchas en ‘compartir’

ACTIVIDADES:

  1. Realiza el programa anterior y ejecútalo en el escenario ‘mapa de cuadrícula’
  2. Modifica el programa para que ocupe todo el borde exterior del ‘mapa de cuadrícula’
  3. Realiza un recorrido que trace las dos diagonales del mapa de cuadrículas
  4. Comparte los dos códigos anteriores conmigo.

La hora del código Canarias 2020-2021

Volvemos a participar en la Hora del Código.

Desde tecnología nos proponemos la actividad ‘El explorador sin huellas’ con los niveles de 1º y 2º de ESO.

En la web de ATE describen la actividad

 El explorador debe caminar alrededor del tablero desde el punto de salida hasta la meta tratando de pasar por todas las casillas. A medida que el explorador avanza va dejando huellas de colores que permiten al robot seguir los pasos interpretando dichos colores. El juego se vuelve aún más intrigante cuando el explorador elimina las huellas dejando solo los colores. (ver más en la web de ATE)

Los alumnos de 2º aprovecharán sus miniproyectos de ‘hundir la flota’ para tener un tablero de juego dispuesto donde mover las figuras.

Los alumnos de 1º construirán un tablero de cartón donde pondrán sus circuitos.

En la página web de Codeweek puedes encontrar todo el proyecto .

En concreto, el tablero y las fichas están aquí.

Nuestra participaciones anteriores:

Hora del código 2019

Hora del código 2018

Actividad con motivo de la Hora del Código Canaria

Como comentábamos recientemente,  desde el departamento de Tecnología hemos hecho una actividad relacionada con la Hora del Código Canaria.

Aquí tienen unas fotos de muestra de los circuitos, las tarjetas de instrucciones y los códigos generados, Espero que les gusten