Diseño Responsivo y Media Queries
Los alumnos diseñan páginas web que se adaptan a diferentes tamaños de pantalla utilizando técnicas de diseño responsivo y media queries.
Preguntas clave
- ¿Cómo aseguraríais que vuestra página web se visualice correctamente en un móvil y en un ordenador?
- ¿Qué importancia tiene el diseño responsivo para la experiencia del usuario?
- ¿Cómo utilizaríais las media queries para aplicar estilos específicos a diferentes dispositivos?
Competencias Clave LOMLOE
Sobre este tema
Publicar contenido digital implica conocer las normas que regulan la propiedad intelectual y elegir conscientemente como compartir el trabajo propio. Este tema introduce a los alumnos de 3º de ESO en el marco legal de los derechos de autor, las licencias Creative Commons como alternativa flexible al copyright tradicional, la diferencia entre software libre y software privativo, y los criterios para elegir una plataforma de alojamiento adecuada para un proyecto digital.
El enfoque de la LOMLOE vincula este contenido con la ciudadania digital y la responsabilidad en el entorno en linea. Los alumnos aprenden que publicar en Internet no es un acto anonimo ni sin consecuencias: sus creaciones tienen un marco legal que las protege y que tambien limita lo que pueden hacer con el trabajo ajeno. Comprender esto les convierte en usuarios y creadores mas responsables.
La mejor forma de trabajar la propiedad intelectual es con casos concretos y decisiones reales. Cuando los alumnos deben elegir una licencia para su propio proyecto web o decidir que imagenes pueden usar libremente en su trabajo escolar, la abstraccion legal se convierte en una eleccion practica con implicaciones que entienden porque las han vivido.
Ideas de aprendizaje activo
Simulacion: El consejo de licencias
Cada grupo representa a un tipo diferente de creador: un artista independiente, una empresa de software, una institucion educativa y un periodista. Deben decidir que licencia aplicarian a un mismo conjunto de materiales y defender su eleccion ante el resto, debatiendo los conflictos de intereses entre modelos.
Investigacion: Recursos libres para tu proyecto
Los alumnos tienen la tarea de completar un proyecto multimedia usando unicamente recursos con licencias que permitan su uso. Deben documentar cada recurso encontrado, la licencia que tiene y como la han respetado en su trabajo, creando un registro de creditos completo.
Debate formal: ¿Debe el conocimiento ser libre?
Se presentan argumentos a favor y en contra del software libre, del acceso abierto a la investigacion cientifica y de la cultura libre. Los alumnos asumen posiciones distintas, incluyendo la de los creadores que necesitan monetizar su trabajo, y buscan modelos que equilibren la accesibilidad con la sostenibilidad economica.
Piensa-pareja-comparte: ¿Puedo usar esto?
Se presentan cinco situaciones concretas de uso de contenido ajeno, como usar una fotografia de Flickr en un trabajo de clase o compartir un fragmento de una cancion en una presentacion. Los alumnos deciden individualmente si cada uso es legal, lo contrastan en parejas y el debate de grupo construye criterios practicos de uso responsable.
Atención a estas ideas erróneas
Idea errónea comúnCreer que lo que esta en Internet es de dominio publico y se puede usar libremente.
Qué enseñar en su lugar
Publicar algo en Internet no elimina los derechos de autor. Por defecto, todo contenido creado esta protegido por copyright desde el momento de su creacion, aunque no lleve una marca de copyright visible. Solo los contenidos con licencia explicita que lo permita o en dominio publico real pueden usarse libremente.
Idea errónea comúnPensar que el software gratuito y el software libre son lo mismo.
Qué enseñar en su lugar
El software gratuito simplemente no cuesta dinero, pero puede tener restricciones severas de uso, modificacion y redistribucion. El software libre garantiza cuatro libertades fundamentales: usar, estudiar, modificar y distribuir. El termino libre se refiere a libertad, no a precio.
Idea errónea comúnAsumir que las licencias Creative Commons son todas iguales.
Qué enseñar en su lugar
Existen seis combinaciones principales de Creative Commons segun cuatro condiciones: atribucion, uso no comercial, sin obras derivadas y compartir igual. Cada combinacion crea un regimen de derechos diferente. Usar un buscador de licencias CC para filtrar imagenes segun el uso previsto es la forma mas practica de aprender estas diferencias.
Metodologías sugeridas
¿Estáis listos para enseñar este tema?
Generad una misión de aprendizaje activo completa y lista para el aula en segundos.
Preguntas frecuentes
¿Que son las licencias Creative Commons y como se usan?
¿Cual es la diferencia entre derechos de autor y propiedad intelectual?
¿Que criterios debo seguir para elegir un servidor donde alojar un proyecto digital?
¿Como ayuda el aprendizaje activo a comprender la propiedad intelectual?
Más en Creación de Contenidos y Diseño Web
Estructura de Documentos Web con HTML
Los alumnos aprenden a estructurar el contenido de una página web utilizando etiquetas HTML semánticas.
2 methodologies
Estilos Visuales con CSS: Selectores y Propiedades
Los alumnos aplican estilos visuales a elementos HTML utilizando CSS, comprendiendo selectores y propiedades básicas.
2 methodologies
Principios de Usabilidad (UX) y Experiencia de Usuario
Los alumnos exploran los principios de la usabilidad y la experiencia de usuario (UX) para crear interfaces intuitivas y agradables.
2 methodologies
Diseño de Interfaz de Usuario (UI) y Prototipado
Los alumnos aprenden a diseñar interfaces de usuario (UI) atractivas y funcionales, utilizando herramientas de prototipado.
2 methodologies
Accesibilidad Web para Todos los Usuarios
Los alumnos aplican principios de accesibilidad web para garantizar que sus creaciones digitales sean utilizables por personas con diversas capacidades.
2 methodologies