Backgrounds en CSS

Author: jporraa

Created: 2018-06-12 06:18am

Edited: 2018-06-13 03:42am

Keywords: background, css, propiedades, fondo

Description:

En este LD el alumno o alumna conocerá y utilizará las diferentes propiedades que hay en CSS para personalizar el background de un elemento.

Intended Learning Outcomes:

  • Identificar los diferentes tipos de formato de color
  • Incorporar imágenes en el background
  • Personalizar la apariencia de la imagen en el background
Resources Tasks Supports

Manual didáctico
Referencias web
Editor de CSS

Introductoria (¿Qué puedo cambiar en el background?)

Portfolio

Manual didáctico
Referencias web
Editor de CSS
Simulador de W3Schools

Intermedia (efecto de las propiedades)

Portfolio

Manual didáctico
Referencias web
Aplicación web para la creación de mapas conceptuales

Conceptualización. Creación un mapa conceptual

Mapa conceptual

Manual didáctico
Referencias web
Editor de CSS

Final. Creación de muestras representativas

Portfolio
Rúbrica

Additional information

Tiene como destinatarios alumnos de un curso de Diseño Web dentro de una formación no reglada.
Contenidos
El color en el fondo
Imágenes
Imágenes personalizadas

Competencias
Utiliza el color en el formato correcto dentro del background
Personaliza el color en formato RGB de acuerdo a las especificicaciones
Incorpora imágenes en el background
Sitúa las imágenes en la posición deseada del background
Restringe la apariencia de las imágenes en el estilo.

El modelo pedagógico elegido es el Ciclo de Kolb que sigue una perspectiva cognitiva en la que el aprendizaje se construye transformando las estructuras cognitivas internas pasando el estudiante por cuatro etapas que se van a construir gracias a una serie de actividades que guiarán al alumno en el proceso.