Unidad III — Implementación y optimización web

Bienvenido a la Unidad III de Laboratorio Digital Web.

En esta unidad aplicaremos los conocimientos de diseño y experiencia de usuario para implementar, adaptar y optimizar un proyecto web funcional.

Proyecto de la unidad

Desarrollaremos un portafolio profesional para un diseñador gráfico especializado en UX/UI.

Partiremos del prototipo diseñado anteriormente en Figma y utilizaremos WordPress, Blocksy y Gutenberg para construir su versión web.

Objetivos de aprendizaje

Al finalizar este recorrido, podrás:

• Comprender la estructura y configuración de WordPress.
• Utilizar Blocksy para configurar la apariencia global del sitio.
• Implementar páginas y contenidos mediante Gutenberg.
• Adaptar el diseño a dispositivos móviles y de escritorio.
• Identificar y corregir problemas de usabilidad.
• Conocer herramientas de optimización web.
• Aplicar conceptos fundamentales de infraestructura y posicionamiento web.

Ruta de aprendizaje

Semana 12 — Diseño responsivo

Actividad 3.3: Ajustando el diseño responsivo

Aprenderás a diagnosticar y corregir problemas de visualización en diferentes dispositivos.

Trabajaremos con:

• Configuración global de Blocksy.
• Header y Footer Builder.
• Gutenberg y bloques responsivos.
• Chrome DevTools.
• Pruebas de usabilidad y accesibilidad.

Semana 13 — Optimización con inteligencia artificial

Exploraremos herramientas y aplicaciones de inteligencia artificial que pueden apoyar los procesos de optimización de sitios web.

Semana 14 — Infraestructura web y presupuestos

Estudiaremos los elementos necesarios para publicar y mantener un proyecto web, incluyendo alojamiento, dominios y estimaciones de costos.

Semana 15 — Posicionamiento SEO y GEO

Introduciremos conceptos y buenas prácticas de posicionamiento en motores de búsqueda y sistemas de búsqueda basados en inteligencia artificial.

¿Cómo utilizar este portal?

Los contenidos están organizados en lecciones progresivas.

Cada tutorial incluirá explicaciones, procedimientos técnicos, ejemplos aplicados y referencias oficiales.

También encontrarás actividades prácticas y listas de verificación para evaluar tu propio avance.

Comencemos

El primer recorrido corresponde a la Semana 12: Diseño responsivo.

Desde allí aprenderemos a revisar y ajustar nuestro portafolio UX/UI para diferentes tamaños de pantalla.

Las lecciones estarán disponibles a medida que se incorporen al portal.