Día: 20 de noviembre de 2022

Materia: TIC 2º Bachillerato.

Unidad didáctica nº 2: Hoja de estilo CSS.

Buenos contenidos digitales para enriquecer mi clase:

• REA: Diseño web funcional: Hojas de estilo «CSS».

• • Tipo: Recurso Educativo Abierto, del Banco de Recursos Educativos de Andalucía.
  • Descripción: Describe claramente los elementos del currículo para la unidad didáctica nº 2 de la materia de TIC de 2º Bachillerato. Con este recurso se pretende que el alumnado conozca todas las piezas clave de la programación usando CSS, a nivel básico describiendo las características principales del lenguaje CSS para realizar la maquetación web con estilos.
  • Características:
    • Es una actividad de ampliación (el alumnado parte sin nociones del tema).
    • Dirección web: https://edea.juntadeandalucia.es/bancorecursos/items/a81b2676-4b9e-4abf-bfe3-18a1dd1e3259/1/viewscorm.jsp?.vi=file
    • REA, incorpora ejemplos, imágenes sobre los resultados de aplicar esos ejemplos, mapa conceptual de la unidad, opciones de ampliar conocimientos y formularios de autoevaluación.
    • Ofrece interactividad con cuestionarios.
    • Es responsive en cuanto al diseño web y  ofrece opción de descarga del archivo en PDF.
    • Forma parte de una unidad mayor llamada «Diseño web funcional», cuya dirección web es: https://www.juntadeandalucia.es/educacion/permanente/materiales/index.php?etapa=4&materia=49&unidad=2#spaceLicencia: la estructura y diseño de los mismos son de autoría propia de la Consejería de Desarrollo Educativo y Formación Profesional que promueve la producción de los mismos. la licencia es Creative Commons Reconocimiento-NoComercial-CompartirIgual 4.0 Internacional
      http://creativecommons.org/licenses/by-nc-sa/4.0/Esto implica que usted es libre de:
      • Copiar, distribuir y comunicar públicamente la obra.
      • Hacer obras derivadas.

      Bajo las condiciones siguientes:

      • Reconocimiento – Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).
      • No comercial – No esta permitido usar el material con fines comerciales.
      • Compartir bajo la misma licencia – Si altera o transforma esta obra, o genera una obra derivada, solo puede distribuir la obra generada bajo una licencia idéntica a esta, es decir, bajo una licencia Creative Commons by- nc – sa.

      ---

• • Infografías CSS: «Introducción a CSS», «Sintaxis de CSS» y «5 Tips para aprender CSS»

• • • Tipo: Infografías descriptivas de elementos concretos de la unidad.
    • Descripción: Con estas infografías se plasma de una manera gráfica/visual los aspectos fundamentales de la unidad. En la primera, el alumnado aprende las nociones básicas CSS, en la segunda, afianza la idea principal de la sintaxis de CSS (que tiene que memorizar) y en la tercera, las ideas clave de la unidad aprendida.
    • Características:
      • Se trata de 3 infografías, una de introducción (la primera), otra de afianzamiento de ideas clave (la segunda) y otra de refuerzo (una vez estudiada la unidad, con las 5 tips fundamentales de la unidad).
      • Direcciones web:
        • https://ed.team/comunidad/aprendiendo-css-a13da746-732e-4f32-9a42-ca7ce0bb7e88
        • https://www.facebook.com/EDteamLat/photos/a.634364769952437/2769503726438520/?type=3
        • https://platzi.com/clases/1640-frontend-developer-2019/23403-5-tips-para-aprender-css/
      • Infografías que incorporan elementos gráficos para captar la atención sobre el contenido.
      • Es responsive.
      • No ofrecen interactividad, son estáticas.
      • Licencias: todas tienen derechos de autor, las dos primeras de EDTeam Cursos y la última de Platzi Escuela de Javascript.

• • Vídeo «Aprende CSS en 15 minutos»

• • • Tipo: Vídeo de aplicación práctica con un ejemplo de desarrollo web utilizando HTML y CSS.
    • Descripción: Con este vídeo, el alumnado puede desarrollar el mismo ejemplo propuesto y afianzar lo aprendido en la unidad.
    • Características:
      • Se trata de una actividad de ampliación.
      • Dirección web: https://www.youtube.com/watch?v=3yM5uXp-T_0
      • Vídeo que desarrolla desde cero un ejemplo práctico de la unidad.
      • Es un vídeo de Youtube, permite ver subtítulos y la transcripción del mismo.
      • Licencia: Victor Robles WEB (https://victorroblesweb.es/master-css)