Creando un proyecto

Lo primero será ver cómo se crea un proyecto, y cuales son los primeros pasos que suelo seguir antes de empezar a trabajar en el. Mientras tanto, iremos echando un vistazo al dashboard o panel de control de Webflow.

Interfaz del designer

El Designer es la ventana que más usaremos para construir en Webflow, por lo que es importante empezar a familiarizarse con la disposición de las distintas secciones y herramientas, aunque la práctica será lo que nos de el "flow".

Elementos

En este módulo te cuento un poco sobre los elementos que recomiendo utilizar para construir nuestros proyectos, y que van a componer el HTML de nuestra web de la forma mas limpia y personalizada posible.

Clases

Sin duda, uno de los aspectos más importantes a la hora de trabajar con Webflow es dominar las clases. El uso que le des y las buenas prácticas que uses con ellas serán las que te darán la velocidad y eficiencia a la hora de construir o modificar proyectos.

Boxmodel y tamaños

En diseño web, todo se basa en el boxmodel. Es importante entender bien el concepto, aunque hasta que no empecemos a trabajar una estructura real no veremos cómo funciona exactamente. Al igual que con las clases, es importante tener buenas prácticas para ahorrar tiempo a la hora de construir y mantener proyectos.

También veremos sobre las diferentes formas de dar tamaño a nuestros elementos.

Layouts y espaciados

En este contenido veremos las formas que suelo usar para distribuir elementos entre sí. Sin duda, una de las partes a dominar para no sentirnos limitados a la hora de crear.

Posiciones

Una breve introducción sobre las diferentes posiciones. Durante el desarrollo del proyecto veremos algunas más que nos servirán para que nuestro proyecto tenga el aspecto y comportamiento que queremos.

Estilos

Una introducción de las distintas funciones que Webflow nos ofrece para dar estilo a nuestros elementos. Es importante conocerlas bien para a la hora de diseñar nuestro proyecto tener más recursos creativos que añadir.

Componentes y variantes

Una función de Webflow que ayuda muchísimo a reutilizar estructuras.

Contenido dinámico con CMS

Explicación e introducción del sistema de colecciones de Webflow (CMS) para añadir contenido dinámico en las webs.

Animaciones

Breve introducción sobre el panel de animaciones y los distintos tipos de triggers.