Diseño web y posicionamiento SEO en Valencia

Curso para crear una web desde cero con elementor

Convierte tu diseño en una web real.

CURSO
web

Descubre como se realiza una web a medida totalmente personalizada en este curso de unas 20 horas.

FIGMA + ELEMENTOR PRO

Diseño web desde cero

Diseño web de Figma a Elementor

Durante este curso, exploraremos cada etapa del proceso. A lo largo de las lecciones, nos centraremos en aspectos clave como la coherencia del sistema de diseño a través de las fuentes, los espaciados y la paleta de colores. Adaptaremos la maquetación a todos los dispositivos (maquetado responsive y cross browser), buscaremos la escalabilidad del proyecto mediante la creación de plantillas, elementos de loop y elementos globales, y daremos un paso más allá aplicando código CSS y JS custom cuando sea necesario.

XUFA ESTUDIO

Lecciones del curso Creando una Web Profesional

Te guiaremos paso a paso en construir tu propia web desde cero utilizando herramientas como Figma y WordPress con Elementor PRO.

Módulo 1: Entorno de trabajo

En este curso tendremos tres herramientas principales. Figma, como referencia del diseño, WordPress como gestor de contenido y Elementor Pro como herramienta de construcción visual. Antes de empezar analizaremos y revisaremos cómo configurarlos para obtener los mejores resultados.

Módulo 2: Manteniendo la Coherencia

Antes de comenzar a construir pararemos a analizar el diseño para poder preparar las fuentes, colores, containers y breakpoints, asegurándonos de simplificar y unificar todo el proceso de maquetado. Además, haremos hincapié en la optimización de imágenes y recursos que emplearemos en la maquetación.

Módulo 3: Diseño Responsivo

Explorando la importancia del diseño móvil y cómo adaptar tus diseños para una experiencia de usuario óptima en dispositivos móviles.

Loops, plantillas y elementos globales: Identificaremos en el diseño aquellos elementos que se repiten y reutilizan para poder crear plantillas dinámicas, optimizando así todo el proceso de construcción.

Módulo 4: Loops, Plantillas y Elementos Globales

Creación de Plantillas Dinámicas: Cómo identificar y utilizar elementos repetitivos en tus diseños para crear plantillas que faciliten la gestión y actualización de contenidos, mejorando la escalabilidad del proyecto.

Módulo 4: Post types

Tras una breve explicación sobre los distintos tipos de contenido que WordPress ofrece, construiremos páginas, posts, proyectos, páginas de archivo y error 404 a través del Theme Builder de Elementor.

Módulo 5: Organización del contenido

Agregaremos funcionalidades interactivas como pestañas y filtros de taxonomías para mejorar la navegación y organización del contenido en tu sitio web a través de los widgets nativos de Elementor Pro.

Módulo 6: Bonus - Contenido dinámico

Una vez hayamos aprendido a montar nuestra web, añadiremos campos dinámicos a través del plugin Advanced Custom Fields para ir un paso más allá en la creación de componentes personalizados.

¿Que aprenderas en nuestro curso de Figa, WordPress y Elementor Pro?

Este curso está diseñado para llevarte desde los conceptos básicos de diseño gráfico hasta la implementación técnica en un entorno de WordPress, asegurando que adquieras las habilidades necesarias para desarrollar proyectos web completos y personalizados.

De figma a
WordPress

Convertir un diseño de Figma en WordPress requiere de tener en cuenta muchos detalles técnicos.

Maquetación en
Elementor PRO

Elementor PRO permite diseñar páginas web personalizadas con facilidad.

Web en
WordPress

Crear una web en WordPress con Elementor PRO es rápido y sencillo.

¿Qué es lo que vas a aprender
en este curso?

# 01

De un diseño
a una web real

Serás capaz de diseñar páginas web profesionales desde cero, sin conocimientos técnicos en programación.

 
 

# 02

Curso WordPres Valencia

Dominio de rodeno

# 03

Webs
Profesionales

Preguntas frequentes sobre el
curso de creación de webs profesionales

¿Necesito saber de figma?

Lo ideal sería tener nociones básicas pero al final puedes llevar a web cualquier diseño que se te ocurra. Los profesionales suelen diseñar interfaces limpias y eficientes usando Figma, aprovechando su potente sistema de diseño para crear coherencia visual a través de fuentes, espaciados y paletas de colores.

Esta lección te ayudará a entender como funciona Figma en el caso de que no tengas experiencia.

¿Usaremos Elementor como maquetador de la web?

Usaremos diseños en WordPress utilizando Elementor Pro para construir sitios web responsivos y optimizados para todos los dispositivos.

¿Tengo que pagar elementor PRO?

Si estás desarrollando tu web podrás instalar elementor de forma gratuita. Si quisieras añadir elementro PRO tendrías que comprar la suscripción en la web oficial de elementor.

¿Aprenderé las cosas más técnicas sin tener nociones de programación?

Podrás aprender a crear y gestionar contenido dinámico con técnicas avanzadas, incluyendo la integración de campos personalizados con plugins como Advanced Custom Fields para una mayor funcionalidad.

PAGO ÚNICO

Precio asequible para todos los públicos

Pago único

Ahorra con el págo único

250€

(Pago único)

Financiado 3 meses

Pago fraccionado

85€ / mes

(3 Meses)