Laboratorio Digital Web

Bienvenido a Laboratorio Digital Web

En este espacio encontrarás los contenidos, tutoriales y actividades prácticas de la asignatura Laboratorio Digital Web.

El objetivo es acompañar tu proceso de aprendizaje desde la planificación y el diseño de interfaces hasta la implementación de sitios web funcionales y responsivos.

¿Qué aprenderás?

Durante el desarrollo de la asignatura trabajarás con herramientas y metodologías relacionadas con:

• Arquitectura de información y experiencia de usuario (UX).
• Diseño de interfaces de usuario (UI).
• Wireframes y prototipos en Figma.
• Implementación de sitios web con WordPress.
• Configuración del tema Blocksy.
• Edición de contenidos mediante Gutenberg.
• Diseño responsivo y accesibilidad.
• Optimización y publicación de sitios web.

Unidad III — Implementación y optimización web

En esta unidad trabajaremos en la implementación y mejora de un sitio web utilizando WordPress, Blocksy y Gutenberg.

El proyecto práctico consiste en desarrollar un portafolio profesional de un diseñador gráfico especializado en UX/UI.

Utilizaremos el prototipo desarrollado previamente en Figma como referencia para construir y ajustar el sitio.

Semana 12 — Diseño responsivo

Actividad 3.3: Ajustando el diseño responsivo

Aprenderás a:

1. Identificar problemas de visualización en distintos dispositivos.
2. Utilizar las herramientas de diseño responsivo de Blocksy.
3. Adaptar el encabezado y el pie de página.
4. Ajustar bloques y composiciones en Gutenberg.
5. Comprobar el funcionamiento del sitio utilizando Chrome DevTools.
6. Aplicar criterios básicos de experiencia de usuario y accesibilidad.

Los tutoriales de esta semana estarán disponibles progresivamente en el menú de navegación.

Metodología de aprendizaje

Cada lección incluirá:

• Explicaciones conceptuales.
• Instrucciones paso a paso.
• Capturas reales de las herramientas.
• Ejemplos aplicados al proyecto.
• Ejercicios prácticos.
• Listas de verificación.
• Enlaces a documentación oficial.

Sobre este material

Material educativo desarrollado por Leandro Fuentes para apoyar el aprendizaje de los estudiantes de Laboratorio Digital Web.

Este recurso docente es independiente y no corresponde a un sitio institucional oficial.