InteliCenter
  • 🧠Bienvenido a Intelicenter
  • ✍️Lecciones del Curso MFSL
    • Lección Intro a BrainmuscleAI
    • 1. Alfabetización Digital (Lección 1)
    • 📇2. ¿Que es la programación? (Lección 1)
      • ¿Que es la programación? (Lección 2)
    • 3. Fundamentos del Desarrollo Web (Lección 1)
      • ¿Como crear una cuenta en Webflow?
    • 4. ¿Que es la Inteligencia Artificial? (Lección 1)
    • 5. Proyecto: Crea una "Hero section" en Webflow (Lección 1)
      • 5. Proyecto. Crea un portfolio digital o blog en Webflow (lección 2)
      • ¿Que es Webflow?
  • Frases básicas para comunicarse en inglés
  • ¿Que es el Mindfulness?
  • Introducción a Figma para Principiantes
  • Introducción a la salud mental en el trabajo.
  • Gramática inglesa
  • Partes de la oración - Una introducción a la gramática inglesa
  • Crea una cuenta en Webflow para crear un blog
  • ¿Que es la Ética?
  • MFSL "Nuestra teoría”
  • Inteligencia Artificial Generativa: Revolucionando la Creación Contemporánea
  • Inteligencia Artificial Generativa: Una Introducción
  • El Contenido en Negocios, Emprendimiento y la Vida
  • La Historia del Contenido
  • Comunicación para Principiantes
  • Comunicación y Contenido
  • Fundamentos del Diseño Web
  • Prototipado Interactivo con Figma
  • Animaciones Sorprendentes con Spline y Jitter
  • Storytelling Digital para Cautivar tu Audiencia
  • Creatividad - Un Músculo que Debes Ejercitar Todos los Días
  • Introducción al Design Thinking
  • SEO Y Optimización de Contenidos
  • Marketing de Contenidos
  • Page 3
  • Page
  • Page 1
  • Page 2
  • Page 4
  • Page 5
  • Page 6
  • Page 7
  • Page 8
  • Page 9
  • Page 10
  • Page 11
  • Page 15
  • Page 16
  • Page 14
  • Page 13
  • Page 12
  • Page 17
  • Page 18
  • ✨Lección de Inglés para Principiantes: Parte 6 - Describir Cosas✨
  • Page 20
Con tecnología de GitBook
En esta página

¿Te fue útil?

  1. Lecciones del Curso MFSL
  2. 5. Proyecto: Crea una "Hero section" en Webflow (Lección 1)

¿Que es Webflow?

Anterior5. Proyecto. Crea un portfolio digital o blog en Webflow (lección 2)SiguienteFrases básicas para comunicarse en inglés

Última actualización hace 8 meses

¿Te fue útil?

Webflow:

Webflow es una herramienta de diseño y hosting web todo en uno que permite a los usuarios crear sitios web profesionales sin la necesidad de escribir código. Ofrece un editor visual intuitivo que facilita el diseño de interfaz de usuario, animaciones y la interactividad. Webflow también maneja todo el hospedaje, asegurando la seguridad y escalabilidad de los sitios web.

Características destacadas de Webflow:

  • Webflow: Esta herramienta funciona directamente en tu navegador, lo que permite a los equipos colaborar en diseños en tiempo real y a estudiantes como tu, ahorrarles el procesamiento de todo en tu computadora, en otras palabras, no importa que computadora tengas, Webflow es una Web App asi que mientras tengas Chrome, pues funcionara perfectamente.

  • Editor visual sin código: Diseño de sitios web a nivel profesional sin necesidad de editar código manualmente, aun así puedes aprender a escribir código solo entendiendo su interfaz. <dicho de otra forma, al aprender usar Webflow, estarás al mismo tiempo y poco a poco aprendiendo a programar. Webflow utiliza clases para darle las mismas caracteristicas a un objeto. Ademas de que sus elementos tienen el mismo nombre que usualmente se ocupa en la programación.

  • Responsive Design: Herramientas para garantizar que tu sitio funcione en cualquier dispositivo (móviles, tabletas y escritorios). En la misma interfaz de Webflow encontrarás diferentes tipos de dispositivos. (breakpoints)

  • Interacciones y animaciones: Crea efectos visuales sin escribir JavaScript directamente en el editor, Webflow a hecho un trabajo increible en cuanto a animación de elementos, tambien integrando SPLINE.

  • CMS Integrado: Gestiona contenido dinámico fácilmente a través de un sistema de gestión de contenido flexible y sin servidor.

  • SEO integrado: Mejora la visibilidad en motores de búsqueda con herramientas SEO integradas, meta tags, ALT text, y otros tipos de información necesaria para que los moteores de busqueda como google, te den un mejor ranking y tengas mayor auge.

  • Exportación de código: La capacidad de exportar tu diseño en HTML, CSS y JS limpio, directamente desde la interafaz tu puedes exportar todo lo que has hecho en JS, HTML y CSS.

  • Integraciones: Vincula tu sitio con otras herramientas y servicios como Zapier, Mailchimp y más. Lo mejor de Webflow es la integración de otras herramientas, dandole a esta herramienta muchisimo más versatilidad en cuanto a funciones de tu sitio.

Recursos en ingles

  • en ingles

  • en ingles

Estos recursos te ayudarán a aprender más acerca de Webflow y cómo puede ayudarte a construir tu presencia en línea de manera efectiva y profesional.

✍️
Tutorial oficial de Webflow
Webflow Ebooks