Creación de sitios web sin código con Webflow
Un curso de Jan Losert, Diseñador visual
Aprende los conceptos básicos para desarrollar desde cero un sitio web sin código completamente funcional con Webflow
Con Webflow es posible crear páginas profesionales y totalmente funcionales sin necesidad de código. Jan Losert, diseñador visual y experto en este programa, lo utiliza para potenciar la presencia online de particulares y empresas como Petal y Tiny Capital. Además, crea recursos para diseñadores y comparte su trabajo con sus más de 18 mil seguidores en Instagram.
En este curso, te enseñará a realizar tu propia web de forma sencilla con Webflow. Diseñarás un sitio promocional completamente desde cero para cualquier tipo de negocio y ayudarás a una marca a destacar online entre sus competidores. ¡Construye un sitio web increíble sin necesidad de tener experiencia con código!
¿Qué aprenderás en este curso online?
23 lecciones & 14 recursos adicionales
¿Qué incluye este curso?
Empezarás el curso conociendo a Jan Losert, tu profesor, que te hablará de sus inicios en la creación de foros para sus compañeros de clase y de cómo pasó al diseño de páginas para start-ups y grandes empesas. Asimismo, te mostrará las influencias que le inspiran en su trabajo y te proporcionará algunos consejos para lograr el éxito en la industria del diseño web.
Después de una introducción al desarrollo sin código, explorarás las características principales de Webflow y verás dónde encontrar imágenes libres de derechos de autor. El siguiente paso será crear una guía de estilo que contenga los elementos principales de tu diseño, desde colores hasta fuentes o botones y tipografía.
En la tercera unidad, construirás la versión de escritorio de tu página comenzando por el encabezado. Más tarde, pasarás al menú de navegación, a los estudios de caso y a los elementos de collage. Aprenderás a crear formularios y añadirás una sección de «Colaboraciones» antes de desarrollar el pie de página, en el que incluirás una llamada a la acción clara.
¡Ahora sí! Es el momento de ocuparte de que tu web sea responsiva. Te concentrarás en los diferentes formatos para poder visualizarla correctamente desde una tableta y desde un smartphone, tanto en formato vertical como horizontal. Entonces, comprobarás el funcionamiento de los formularios y de los elementos interactivos de la web, explorando cómo quieres introducirlos: al cargar la página o al deslizar la vista.
En la última fase del curso, perfeccionarás los detalles, analizarás las etiquetas SEO y el hosting, y explorarás el mantenimiento y los permisos de edición para terceros. Para finalizar, Jan te mostrará Webflow CMS y te enseñará a aprovechar todo su potencial.
- 99% valoraciones positivas (138)
- 7.717 estudiantes
- 23 lecciones (5h 17m)
- 14 recursos adicionales (4 archivos)
- Online y a tu ritmo
- Disponible en la app
- Audio: Inglés, Alemán, Español (Latam), Francés, indonesio, Italiano, Neerlandés, Polaco, Portugués, rumano, Türkçe
- Inglés · Español · Portugués · Alemán · Francés · Italiano · Polaco · Neerlandés · Türkçe · rumano · indonesio
- Nivel: Iniciación
- Acceso ilimitado para siempre
¿Cuál es el proyecto del curso?
Construirás un sitio web para un negocio completamente funcional con Webflow, además de una guía de estilo para realizar futuras modificaciones y ajustes.
Proyectos de estudiantes del curso
¿A quién está dirigido este curso online?
A cualquier persona interesada en aprender a crear witios web sin código, desde diseñadores que deseen ampliar sus habilidades hasta emprendedores que quieran construir su presencia online.
Requisitos y materiales
No se requiere experiencia previa.
En cuanto a los materiales, necesitarás un computador y una cuenta gratuita de Webflow. Para aprovechar al máximo el diseño de tu página, es recomendable que poseas una cuenta en Figma o Sketch, aunque no es imprescindible.
Opiniones
Jan Losert
Un curso de Jan Losert
Jan Losert es un diseñador visisual autodidacta y experto en Webflow afincado en Praga (República Checa). Con tan solo 15 años, empezó a crear foros para sus compañeros de clase. Más tarde, pasó a diseñar fondos de pantalla digitales y descubrió su pasión por el desarrollo web, que convirtió en su actividad principal tras darse a conocer compartiendo sus trabajos online.
Desde entonces, ha trabajado con más de 30 start-ups y grandes empresas, entre las que destacan Petal y Tiny Capital, para las que ha creado webs funcionales con un lenguaje visual coherente. Asimismo, elabora recursos para profesionales del sector, como kits de IU o tutoriales de Webflow, y ha impartido charlas sobre diseño de producto y sistemas de diseño de ventas, entre otros temas. Su perfil de Instagram cuenta con más de 18 mil seguidores, con quienes comparte su experiencia y sus materiales.
Contenidos
-
U1
Introducción
-
Sobre mí
-
Influencias
-
-
U2
Flujo web, descripción general sin código y creación de guía de estilo
-
Introducción a No-Code
-
Funciones principales de flujo web
-
Diseño
-
Guía de estilo
-
Creación de guía de estilo 1
-
Creación de guía de estilo 2
-
-
U3
Desarrollo de la versión de escritorio
-
Sección de héroe
-
Navegación
-
Secciones de caso de estudio 1
-
Secciones de caso de estudio 2
-
Collage Sección 1
-
Collage Sección 2
-
Sección de clientes y formulario sencillo de newsletter
-
Pie de página
-
-
U4
Desarrollo del sitio web receptivo
-
Vista de la tableta
-
Vista horizontal y vertical móvil
-
Formularios de prueba
-
Interacciones
-
-
U5
Detalle final, puesta en marcha y mantenimiento futuro
-
Optimización SEO y hosting
-
Panel de mantenimiento, editor y activos
-
Explorar el CMS
-
-
PF
Proyecto final
-
Creación de sitios web sin código con Webflow
-
Qué esperar de un curso de Domestika
-
Aprende a tu ritmo
Disfruta aprendiendo desde casa, sin horarios y a tu ritmo. Tú decides cuándo seguir con cada unidad.
-
Aprende de los mejores profesionales
Aprende los métodos y técnicas más útiles con los mejores profesionales del sector creativo.
-
Conoce a profesores expertos
Cada profesor te transmitirá sus conocimientos con pasión, ofreciéndote explicaciones claras y una perspectiva profesional en cada lección.
-
Certificados
PlusSi eres Plus, obtén un certificado personalizado y firmado por tu profesor. Compártelo en tu porfolio, en las redes sociales o donde quieras.
-
Ponte en primera fila
La alta calidad de los vídeos permitirá que no te pierdas ni un solo detalle. Gracias al acceso ilimitado, podrás ver las lecciones todas las veces que necesites para perfeccionar tus habilidades.
-
Comparte conocimientos e ideas
Pregunta, pide opinión y ofrece soluciones. Comparte tu experiencia de aprendizaje con otros estudiantes de la comunidad tan apasionados por la creatividad como tú.
-
Conecta con una comunidad creativa global
Esta comunidad cuenta con millones de usuarios de todo el mundo, personas curiosas y con ganas de explorar y expresar su creatividad.
-
Realiza cursos profesionalmente producidos
Domestika selecciona cuidadosamente los profesores y produce cada curso internamente para garantizar una experiencia de aprendizaje online excelente.
Preguntas frecuentes
Este curso es ideal para usuarios con algunos conocimientos básicos de diseño o web, pero los principiantes motivados también pueden seguirlo. Cubre funciones intermedias de Webflow, flujos de trabajo sin código y diseño responsivo, perfecto para quienes quieren crear sitios web dinámicos y profesionales sin programar.
Necesitarás una computadora con acceso a internet, una cuenta gratuita de Webflow y conocimientos básicos de conceptos web. Tener experiencia con Figma o herramientas de diseño ayuda, pero no es indispensable.
Aprenderás a crear sitios responsivos de marketing y portafolio en Webflow, usar herramientas sin código, aplicar SEO, animar elementos, conectar formularios y gestionar recursos para proyectos web profesionales, sin necesidad de programar.
Este curso te guía paso a paso para planificar, diseñar y publicar un sitio de marketing usando las herramientas visuales de Webflow, incluyendo diseño, navegación, formularios, SEO y ajustes responsivos para todo tipo de dispositivos.
Sí, el curso explica cómo trasladar diseños y recursos de Figma a Webflow, asegurando coherencia en el diseño y un flujo de trabajo eficiente desde el diseño hasta el desarrollo.
Por supuesto. El curso enseña principios de diseño responsivo, puntos de quiebre y ajustes de diseño para que tu sitio se vea genial en computadoras, tablets y móviles.
Sí, aprenderás a animar elementos, crear efectos de revelado suaves y mejorar la interactividad con las herramientas visuales de animación de Webflow, sin necesidad de código.
hasta el momento es justo lo que esperaba
Buena introducción a Webflow. Explicaciones claras y aplicadas siempre sobre un ejemplo práctico.
fluid and well explained
Muy creativo
Great course! The best instructor you can find for starting with Webflow.