5 mins.
¿Cómo publicar una web en Framer?
Finalmente, una vez terminada nuestra web, toca publicarla para que todo el mundo pueda verla.
En esta lección te mostramos cómo personalizar los ajustes y cómo publicar tu web en un dominio.
Continúa aprendiendo
Hemos diseñado un programa específicamente pensado para que puedas aprender las bases en el menor tiempo posible, a la vez que creas un proyecto real.
Lección: 1
7 mins.
Principios básicos sobre Framer
En este vídeo te introducimos a la herramienta Framer y vemos el funcionamiento base para en las próximas lecciones verlo más en profundidad.
Lección: 2
11 mins.
Creando la hero section
Vamos a ver cómo crear la primera pantalla que toda persona que entra en tu web verá: la Hero Section.
Nos va a servir para profundizar en la herramienta replicando la hero que está en el link del Figma que te hemos compartido en la anterior lección.
Recuerda añadir el breakpoint de tablet y phone al empezar a crear tu web, en la siguiente lección veremos mejor cómo hacer diseños responsive.
Lección: 3
6 mins.
Haciendo nuestra web responsive
Algo indispensable a la hora de crear webs es hacerlas responsive para que puedan verse bien desde los diferentes dispositivos.
En este vídeo vamos a ver cómo hacer responsive la Hero section previamente diseñada.
Lección: 4
9 mins.
Nueva sección: servicios
Vamos a seguir aprendiendo a maquetar en Framer creando una nueva sección: la sección de servicios.
Lección: 5
8 mins.
Nueva sección: sobre nosotros
Y seguimos profundizando en la maquetación en Framer, en este caso con una sección algo más compleja para hacer nuestra web más completa. La sección "sobre nosotros".
Lección: 6
10 mins.
Componentes: qué son y cómo crearlos
Los componentes son elementos indispensables que debes conocer para crear webs en Framer. Nos ayudan a crear webs escalables y a reutilizar elementos ya creados previamente para mantener coherencia a lo largo de nuestra web.
En esta lección vamos a ver qué son y cómo crearlos para hacer uso de ellos.
Lección: 7
8 mins.
Nueva sección: portfolio
Seguimos creando nuestra web añadiendo una nueva sección: nuestro portfolio.
Y vamos a ver en la práctica como utilizar componentes creados por defecto en Framer, principalmente el carrousel.
Lección: 8
6 mins.
Añadiendo animaciones a nuestra web
Ahora vamos a ver cómo dar vida a nuestra web añadiendo animaciones a la misma.
Las animaciones ayudan a que nuestra web sea más inmersiva y capte más la atención de la gente que la visita. En este vídeo vamos a ver cómo crear animaciones en Framer.
