Dos buenos bancos de imágenes son Unplash y Pexel
Introducción a Webflow
¿Qué aprenderás sobre Webflow?
¿Qué es Webflow y para qué sirve?
The Box Model: modelo de caja en páginas web
Introducción a Webflow Designer
Proyecto: portafolio
Sección Hero: estructura básica
Sección Hero: detalles
Navbar: barra de navegación
Sección de servicios
Colección de proyectos y CMS
Sección de portafolio
Sección "sobre mi"
Haciendo el footer
Diseño responsivo en Webflow
Creando la navegación en mobile
Interacciones en Webflow
Introducción a las interacciones en Webflow
Formulario de contacto
Creando pop-ups
Detalles finales
Optimización y publicación del proyecto
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Sección Hero: estructura básica
5/18Recursos
Aportes 5
Preguntas 4
Ordenar por:
En la sección de Spacing, podemos usar la tecla SHIFT y arrastrar hacia la izquierda (para reducir el valor) o hacia la derecha (para incrementar el valor) y así cambiaremos simultáneamente el valor del padding sin tener que hacerlo uno a uno.
Información resumida de esta clase
#EstudiantesDePlatzi
-
Es una buena practica definir estilos tipográficos de nuestro proyecto
-
Podemos subir nuestra tipografía
-
Es recomendable utilizar un sistema de cuadricula de cuatro pixeles para los tamaños, márgenes, etc
-
Seleccionamos un elemento del panel izquierdo y en el panel derecho del asignamos un className
-
4em significa 4 veces ese estilo de fuente base
-
El container que nos sugiere Webflow tiene estilos y predeterminados y no es bueno usarlo
-
Sección, contenedor y columna
Estructura del sitio:
- Sección
- Contenedor
- Columna
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?