Construye webs 10 veces más rápido con Webflow
Crea webs 10 veces más rápido con Webflow
Construye páginas web, 10 veces más rápido, sin saber código gracias a Webflow.
Al acabar el curso, serás capaz de crear webs impactantes de manera rápida, y eficiente, para que puedan dar vida a tus proyectos.
1
Una bienvenida personal
¡Bienvenido al curso de Webflow!
🙋🏻♂️ Únete a la comunidad en SinOficina
La estructura del curso
Para cualquier duda, aquí me tienes
2
Aprender haciendo.
¿Por qué no hay (tantos) vídeos?
Ponte en contacto conmigo, si lo necesitas
Me encantaría saber un poco más de ti
3
¿Qué es y no es Webflow?
Venciendo la resistencia inicial
El modelo de cajas de la web.
Atributos básicos
Entendiendo el "Border"
Entendiendo el "Padding"
Explicando los conceptos con cuadros.
Margin: La separación entre elementos
Div: El cuadrado básico
Entendiendo las Clases.
Entendiendo las posiciones de los elementos
El "flow" del documento y cómo posicionar elementos
Entendiendo la Position Static y Relative
Entendiendo la posición Absoluta
Entendiendo las Flexbox
4
Primero: Unas definiciones
Dando estructura a la web
Dando contenido a una sección
Ordenando el contenido: Padres e "hijos"
Los tipos de elementos más utilizados
5
¿Qué vamos a crear?
Creando la Navbar
Creando la "Hero Section" v2
Haciendo la sección Responsive
Creando la primera sección de contenido
Creando las secciones de dos elementos
Duplicando secciones y cambiando elementos
Creando el footer de la página
Footer en 3 columnas
Repasando y conclusiones...
¿Qué te ha parecido esta lección?
6
Contenido que puedas cambiar
Collections 101
Collections 102: Configurando los campos
Collections 103: Las Collection List
Creando el blog
Creando la página de entradas
🙌 Ya dominas el CMS
✨ Un paso extra: El SEO
7
Inspiración para tu CMS
Añade logos de empresas con el CMS
Sección de Testimonials
8
¿Qué vamos a construir?
Estructurando la página con Grids
La estructura de la Collection
Creando la estructura básica de la web
Creando la Galería de entradas
Haciendo la Grid Responsive
Creando el resto de elementos de la Web
9
Dando vida a los elementos de Webflow
Animaciones 101: Los estados
Animaciones 102: El panel de animaciones
Animaciones 103: Animaciones complejas
Animaciones 104: Animaciones en Scroll
Creando un menú animado
Creando la animación del menú
Lottie Animations: Introduciendo animaciones personalizadas
10
Las buenas prácticas (y consejos) de Webflow
La guía de estilos
Los símbolos
El SEO en Webflow
Olvídate del ratón: Los atajos
Nombrando clases
Los ajustes del proyecto
Editor: Haciendo cambios a tu web de manera rápida
‼️ Filters: Modifica las imágenes en el propio Webflow
12
Has acabado el curso...¿no?
Descubre el potencial de Webflow - Directo
📈 Añadir Google Analytics a Webflow
Cómo crear landing page automáticamente en Webflow - SharingAway