OBTÉN 25% DE DESCUENTO CON EL CUPÓN “2024OFF”

Currícula

Al final del curso, serás capaz de diseñar un prototipo de sitio web en Figma, y luego construirlo y ponerlo en línea usando WordPress y Elementor.

1.1. Conceptos básicos del diseño web.

  • ¿Qué es el diseño web?
  • Componentes del diseño web
  • Diferencia entre diseño web y desarrollo web
  • Tendencias actuales en diseño web
  • La importancia del contenido en el diseño web

1.2. Herramientas modernas para el diseño y desarrollo web.

  • Herramientas de diseño web
  • Herramientas de desarrollo web
  • Gestores de contenido (CMS)
  • Herramientas de optimización y pruebas
  • Herramientas para la colaboración y la gestión de proyectos

 

2.1. ¿Qué es Figma y por qué usarlo?

  • Introducción a Figma
  • Características clave de Figma
  • Ventajas de usar Figma
  • Figma en el flujo de trabajo del diseño web


2.2. Interfaz y herramientas básicas.

  • Exploración de la interfaz de usuario de Figma.
  • Herramientas básicas y su uso
  • Trabajando con capas y grupos
  • Principios básicos de diseño en Figma

 

2.3. Creación de un nuevo proyecto.

  • Creación de un diseño coherente y estéticamente agradable.
  • Uso de rejillas y guías.
  • Consejos para mantener un flujo de trabajo eficiente.

 

  • 3.1. Creación de frames (marcos) para las páginas web.
  • 3.2. Diseño de elementos básicos: cabecera, pie de página, menú, entre otros.
  • 3.3. Implementación de grids y layouts.
  • 3.4. Importación y uso de imágenes y tipografías.
  • 3.5. Creación de prototipos interactivos.
  • 3.6. Compartiendo y obteniendo feedback sobre el diseño.
  • 4.1. ¿Qué es WordPress y por qué es una herramienta poderosa?
  • 4.2. Instalación de WordPress en un hosting.
  • 4.3. Configuración inicial y ajustes.
  • 4.4. Introducción a los temas y plugins.
  • 5.1. ¿Qué es Elementor y cómo puede ayudar en el desarrollo web?
  • 5.2. Instalación y activación del plugin de Elementor.
  • 5.3. Interfaz y herramientas básicas de Elementor.
  • 5.4. Creación de una nueva página con Elementor.
  • 6.1. Traduciendo el diseño de Figma a Elementor.
  • 6.2. Trabajando con secciones, columnas y widgets.
  • 6.3. Personalización de tipografías, colores y espaciados.
  • 6.4. Integrando elementos interactivos: formularios, carruseles, entre otros.
  • 6.5. Optimización para dispositivos móviles.
  • 6.6. Testeo y corrección de errores.
  • 7.1. Configuración de SEO básico con plugins como Yoast SEO.
  • 7.2. Asegurando y optimizando la velocidad del sitio.
  • 7.3. Creación de copias de seguridad y actualizaciones.
  • 7.4. Lanzamiento del sitio y monitorización.
  • 8.1. Mejores prácticas en diseño y desarrollo web.
  • 8.2. Mantenimiento y actualización del sitio web.
  • 8.3. Recursos adicionales y aprendizaje continuo.

BONO 1

Aprende a crear chatbots y automatizaciones

Valorizado en: $199
GRATIS

BONO 2

Aprende a crear chatbots y automatizaciones

Valorizado en: $199
GRATIS

Desata Tu Creatividad Digital

¡Únete a Nuestros Cursos y Desarrolla Habilidades en Diseño y Desarrollo Web! Inscríbete Ahora para Abrazar un Mundo de Oportunidades.