Introducción
El objectivo de este moódulo de aprendizaje online es promocionar el diseño eco de servicios digitales teniendo en cuenta un enfoque low-tech en internet.
Contenido
Lección 1
-
¿Significa lo mismo "Digital" que "Ecológico"?
- Noción 1 - ¿Cuál es el impacto medioambiental del mundo digital?
- Noción 2 - Evaluar las emisiones de carbono de Internet.
- Noción 3 - ¿Cuál es el impacto medioambiental de nuestros hábitos de trabajo? (dispositivos)
- Noción 4 - ¿Cuál es el impacto medioambiental de nuestros hábitos laborales? (servicios)
- Noción 5 - En el diseño es donde se produce la sostenibilidad.
- Noción 6 - Repaso de los conceptos principales.
Lección 2
-
Entender la sobriedad digital
- Noción 7 - ¿Qué es la sobriedad digital?
- Noción 8 - Economías azul y verde
- Noción 9 - ¿Cómo introducir el concepto de la sobriedad digital en las empresas?
- Noción 10 - Cómo reducir tu huella de carbono como usuario mejorando tus hábitos laborables
- Noción 11 - ¿A qué dispositivos podemos dar preferencia?
- Noción 12 - Los principales retos de la sobriedad digital
- Noción 13 - Elementos clave sobre la contaminación digital y ventajas para tu empresa
- Noción 14 - ¿Cuáles son las ventajas de la sobriedad digital para los clientes?
- Noción 15 - Repaso de la lección
Lección 3
-
Los principios del diseño web sostenible
- Noción 16 - ¿Qué es el diseño web sostenible y cuáles son sus principios fundamentales?
- Noción 17 - Conviertete en un diseñador consciente de la huella de carbono
- Noción 18 - Las estrategias de diseño web también implican al departamento de contenido y marketing
- Noción 19 - Evalúa y reconoce una página web sostenible de una insostenible (análisis de estudios de caso: 1 a 3) • una página web con JavaScript recargado • una página web con contenido multimedia pesado • una página web que no responde
- Noción 20 - Ya estás preparado: El Manifiesto de la Web Sostenible.
- Noción 21 - Repaso del diseño web sostenible y sus principios fundamentales
Lección 4
-
Para empezar con el diseño eco de tu web: elige el host adecuado
- Noción 22 - Cómo se mantiene tu sitio web: Dominio - Alojamiento - Servidor - Centro de datos.
- Noción 23 - What is green web hosting and which criteria you should look for when choosing a green web host?
- Noción 24 - Clasificación PUE y aplicaciones web eficientes.
- Noción 25 - El mejor alojamiento ecológico a tener en cuenta.
- Noción 26 - El autoalojamiento, ¿una buena idea?
- Noción 27 - Repaso/evaluación
Lección 6
-
Primero, el contenido
- Noción 33 - Estrategia de contenidos (objetivos, audiencia y propósito).
- Noción 34 - Piensa en un diseño inclusivo y equitativo (prácticas JEDI).
- Noción 35 - Por qué y cómo deberías evitar los patrones oscuros.
- Noción 36 - Contenido accesible.
- Noción 37 - Fecha de caducidad del contenido.
- Noción 38 - SEO y palabras clave.
- Noción 39 - Análisis de casos: Menos es más. (https://a-k-apart.com/)
- Noción 40 - Repaso / evaluación
Lección 7
-
Fuentes web, plantillas de color y sostenibilidad
- Noción 41 - Tipos de fuente.
- Noción 42 - Impacto de la fuente en la carga de la página.
- Noción 43 - Opciones de fuentes web accesibles y sostenibles
- Noción 44 - Paletas de colores eficientes energéticamente
- Noción 45 - Encuentra un equilibrio entre la eficiencia energética y una paleta de colores accesible.
- Noción 46 - Repaso/Evaluación
Lección 8
-
Optimización de imágenes y carga lenta
- Noción 47 - Diferencia entre imágenes rasterizadas y vectoriales.
- Noción 48 - Selecciona el tipo de archivo correcto.
- Noción 49 - Ajusta la calidad de una imagen.
- Noción 50 - Comprende la compresión de imágenes.
- Noción 51 - Utiliza sprites CSS.
- Noción 52 - ¿Qué es el nuevo formato WebP?
- Noción 53 - Herramientas para la optimización de imágenes.
- Noción 54 - Repaso/evaluación
Lección 9
-
Optimización de audio y video para tu web
- Noción 55 - ¿Cuál es el impacto del almacenamiento de multimedia en la plataforma GAFAM?
- Noción 56 - Da prioridad a las experiencias UX
- Noción 57 - ¿Se necesita audio o vídeo?
- Noción 58 - Tipos de archivos de vídeo más comunes
- Noción 59 - Optimización de archivos de audio
- Noción 60 - Optimización de archivos de vídeo
- Noción 61 - Alojamiento de audio y vídeo
- Noción 62 - Repaso
Lección 10
-
Primero el móbil como estrategia sostenible
- Noción 63 - ¿Qué es el diseño mobile-first?
- Noción 64 - ¿Por qué el diseño mobile first es una estrategia de diseño más sostenible?
- Noción 65 - Algunas cuestiones importantes que hay que tener en cuenta al diseñar sitios web con el diseño mobile first
- Noción 66 - Limitaciones del mobile first y consejos útiles
- Noción 67 - Repaso
Lección 11
-
Almacenando datos de tus visitantes
- Noción 68 - La importancia de Analytics y sus ventajas
- Noción 69 - Adaptación de los contenidos a partir de los análisis: problemas detectados en el sitio web, tiempo de permanencia en las páginas
- Noción 70 - Alternativas a Google Analytics (autoalojamiento, menor consumo de datos, ligereza)
- Noción 71 - El RGPD y las cookies
- Noción 72 - Repaso
Lección 12
-
SEO
Lección 13
-
Tecnologías web
- Noción 77 - Página web estática y dinámica: ¿cuáles son las diferencias?
- Noción 78 - Cómo funcionan las bases de datos y cuál es su impacto ecológico
- Noción 79 - ¿Es un sitio web estático una solución para el ecodiseño web?
- Noción 80 - ¿Qué es un CMS?
- Noción 81 - ¿Qué es WordPress?
- Noción 82 - ¿Por qué optimizar WordPress?
- Noción 83 - ¿Cómo optimizar WordPress?
- Noción 84 - Cómo convertir WordPress en un sitio web estático
- Noción 85 - Comprueba si has entendido los conceptos principales de la lección.
Lección 14
-
Para profundizar, algunas prácticas de código
- Noción 86 - Introducción a las prácticas de código de diseño web ecológico con el proyecto The Good Manager
- Noción 87 - Código limpio para la eficiencia energética
- Noción 88 - Código asíncrono: hacer más en menos tiempo
- Noción 89 - Servidores más eficaces y con menos recursos
- Noción 90 - Gestión de la carga de trabajo del servidor
- Noción 91 - Uso de bibliotecas externas: el ejemplo de las CDN de Bootstrap
- Noción 92 - Repaso de las prácticas de codificación
Lección 16
-
Herramientas para comprobar si tu web es sostenible
- Noción 97 - Cómo calcular la huella de carbono de un sitio web
- Noción 98 - Cómo determinar si un sitio web utiliza un alojamiento ecológico
- Noción 99 - ¿Puedes evaluar tu mismo la huella de carbono y la sostenibilidad del alojamiento de un sitio web?
- Noción 100 - Cómo comprobar otras métricas de sostenibilidad web
- Noción 101 - ¿Puedes evaluar tu mismo otras métricas de sostenibilidad de un sitio web?