Guía para principiantes para crear un sitio web

Si desea crear un sitio web único con ideas originales, los creadores de sitios web estándar como Wix y Squarespace solo pueden ayudarlo hasta cierto punto. Webflow es un poco más avanzado, con más opciones y características que su creador de sitios de bricolaje estándar. Sin embargo, esos extras pueden complicarse un poco, por lo que si es nuevo en la plataforma, es posible que necesite algunos tutoriales de Webflow para principiantes para comenzar.

A continuación, enumeramos los 9 mejores tutoriales de Webflow para que pueda aprender los entresijos de este software de creación de sitios. Pero primero, hablemos un poco sobre qué es Webflow y si es adecuado para usted.

portátil con varios bloques y un personaje encima de la creación de un sitio web
I

¿Qué es Webflow?

Webflow es una herramienta de diseño de sitios web para ayudar a las personas a crear sitios web sin tener que preocuparse por la codificación. Con una interfaz de arrastrar y soltar, el usuario crea el sitio que desea en el editor y, cuando finaliza, Webflow genera automáticamente el HTML, CSS o JavaScript adecuado.

Si está familiarizado con editores como Squarespace o Wix, Webflow usa una estructura similar, pero con más opciones. Esa es la ventaja que Webflow tiene sobre sus primos más realistas; Webflow ofrece funciones más avanzadas y más opciones de personalización, para que pueda “romper el molde” y crear sitios completamente originales. Si tiene una idea específica en su cabeza sobre cómo quiere que se vea su sitio, Webflow puede ayudarlo a darle vida.

Gif de demostración de la plataforma de Webflow

Por supuesto, más características significan una curva de aprendizaje más pronunciada. Los creadores de sitios aficionados acuden en masa a sitios como Wix o Squarespace porque es rápido y conveniente; Webflow tarda un tiempo en aprender si desea aprovecharlo al máximo. Es por eso que estos tutoriales de Webflow son tan útiles: si alguna vez se queda atascado y necesita respuestas, puede encontrarlas en uno de los nueve lugares a continuación.

1. Un tutorial de Webflow de principiantes absolutos (Revista Torque)

El tutorial de Webflow de Nick Schaferhoff para Torque Magazine es en realidad uno de los mejores para obtener una visión general amplia: todo está perfectamente organizado por categoría para que pueda encontrar lo que necesita, y no se atasca con detalles técnicos. La idea detrás de este artículo es mostrar a los lectores qué más hay, pero es sorprendentemente imparcial y elogia a Webflow cuando se lo merece.

Captura de pantalla del ejemplo del tutorial de Webflow: ¿Qué es Webflow? por Nick Schaferhoff

Esta es una mirada muy amplia a Webflow. Si bien puede cubrir algunos aspectos prácticos para usar la interfaz y lo que puede hacer con ella, en realidad no es una guía práctica. Más bien, es más una introducción a Webflow para alguien que quiere conocer mejor las capacidades que Webflow tiene para ofrecer.

Precios:

  • gratis

Recomendado si:

  • no sabes casi nada sobre Webflow
  • todavía estás decidiendo entre Webflow y otra plataforma

2. “Learning Webflow” de Jen Kramer (LinkedIn Learning)

Captura de pantalla del ejemplo del tutorial de Webflow: Aprendiendo Webflow de Jen Kramer

La ex trabajadora independiente Jen Kramer comparte sus conocimientos de la industria en su curso Learning Webflow en LinkedIn Learning . Este curso es un instructivo de inmersión profunda en la mecánica de Webflow, compactado en 1 hora y 46 minutos.

Es un resumen básico desde el inicio de un proyecto hasta la publicación de un sitio completo, dirigido a principiantes. Kramer cubre cómo usar la interfaz de Webflow y cómo agregar los elementos que necesitará, y muestra específicamente cómo crear páginas individuales como Inicio y Contacto.

Ver  ¿Cuál es la mejor plataforma de e-commerce?

Debido a que se trata de LinkedIn Learning, deberá tener una suscripción para verlo. Si ya tiene una suscripción a LinkedIn Learning, puede verlo de forma gratuita, pero de lo contrario tendrá que registrarse.

Precios:

  • Suscripción de aprendizaje de LinkedIn por $ 39.99 / mes

Recomendado si:

  • ya estás suscrito a LinkedIn Learning
  • quieres un tutorial para principiantes para obtener los conceptos básicos

3. “La guía más fácil de Webflow para principiantes” por Jan Losert

Captura de pantalla del ejemplo del tutorial de Webflow: La guía más fácil de Webflow para principiantes de Jan Losert

Alejándose de los videos y los cursos pagos, The Easiest Guide to Webflow for Beginners de Jan Losert es un artículo en línea gratuito que explica la funcionalidad básica de Webflow (y dónde encontrar todos los botones). Acompañada de capturas de pantalla y gifs, esta guía es una práctica guía de referencia rápida para comenzar.

Aunque no incluye técnicas más avanzadas, tiene enlaces a otros recursos como bibliotecas de plantillas y kits de interfaz de usuario. Puede estar estructurado como un manual del propietario, pero el tono amigable del autor y los emojis aligeran el estado de ánimo.

Precios:

  • gratis

Recomendado si:

  • prefiere las guías textuales a los tutoriales en video: puede aprender a su propio ritmo y las útiles capturas de pantalla pueden ser bastante informativas

4. “Webflow para principiantes: una clase magistral en Webflow” (Udemy)

Captura de pantalla del ejemplo del tutorial de Webflow: Udemy

Webflow para principiantes: una clase magistral en Webflow es una buena introducción para principiantes, con casi 5 horas de video divididas en 36 conferencias. Esto le enseña cómo usar la interfaz de Webflow, crear elementos individuales y crear una página de destino de muestra con todos los adornos. El curso completo cuesta $44.99, aunque a veces puedes encontrarlo en oferta.

También puede consultar Use Webflow para construir su negocio de diseño web , un curso gratuito, que está diseñado específicamente para negocios con temas como SEO y datos de ventas.

Precios:

  • Webflow para principiantes: una clase magistral en Webflow por $44.99
  • Use Webflow para construir su negocio de diseño web gratis

Recomendado si:

  • te gusta el modelo de aprendizaje de Udemy
  • desea cubrir todo lo que necesita saber para un principiante en Webflow

5. “Cómo estructurar sitios web de manera eficiente con Webflow” (Flux)

El tutorial Cómo estructurar sitios web de manera eficiente con Webflow repasará la teoría de la estructuración de su sitio web y cómo hacerlo correctamente en Webflow. Este es un error común que cometen los nuevos usuarios de Webflow. ¡Así que evite cometer este error y ahórrese un dolor de cabeza más tarde viendo este video tutorial de 8 minutos!

Flux es el canal de YouTube del diseñador Ran Segall, donde él y sus coanfitriones discuten temas relevantes para la industria, desde consejos comerciales hasta técnicas generales. Si quieres más de Flux, puedes consultar su lista de reproducción completa dedicada a los tutoriales de Webflow .

Precios:

  • gratis

Recomendado si:

  • es nuevo en Webflow y necesita algunos conceptos básicos sobre la estructura

6. “Crear un sitio completo en Webflow” (Diseño+Código)

Captura de pantalla del ejemplo del tutorial de Webflow: Diseño+Código

Design+Code ofrece este curso completo y gratuito sobre cómo usar Webflow, con 12 videos separados, en su mayoría entre 10 y 20 minutos. Estas vistas de pantalla compartida de Webflow en formato de video facilitan el aprendizaje del software y abordan técnicas avanzadas con facilidad.

Debido a que el curso se divide en 12 videos separados, puede parar y comenzar a su propio ritmo. También puede pasar de una lección, por ejemplo, cómo hacer un desplazamiento de paralaje , a crear una animación de Lottie , según su curva de aprendizaje e interés.

Ver  Cómo agregar Bootstrap a HTML (Guía paso a paso)

Precios:

  • gratis

Recomendado si:

  • desea compartir la pantalla del uso real de Webflow; estos videos muestran solo la interfaz de Webflow en funcionamiento, lo que puede ayudar a ciertos tipos de estudiantes a descubrir dónde está todo y cómo hacer las tareas que necesitan.

7. “Cómo elegir la plantilla de Webflow correcta” (Pixel Geek)

¡Ven por los tutoriales de Webflow, quédate por la comunidad! Pixel Geek es un conocido grupo de apoyo para diseñadores que no usan código, con servicios de entrenamiento y foros de chat para ayudar a los principiantes. El canal de YouTube de Pixel Geek está alojado por Nelson Abalos Jr..

Cómo elegir la plantilla de Webflow correcta es un tutorial de 38 minutos que cubre todo lo que necesita saber sobre las plantillas de Webflow, qué pensar al revisar las plantillas y, por supuesto, cómo elegir la mejor para usted.

Si está buscando más tutoriales de Webflow, Pixel Geek tiene dos listas de reproducción separadas: Webflow para principiantes y Webflow para usuarios avanzados . Los videos duran entre 5 minutos y más de una hora, pero con el carismático presentador son fáciles de atracones.

Precios:

  • gratis

Recomendado si:

  • quieres un profesor más agradable, menos clínico
  • tú también quieres ser parte de la comunidad Pixel Geek

8. “Flujo web para emprendedores y diseñadores de UI/UX” (Skillshare

Captura de pantalla del ejemplo del tutorial de Webflow: Skillshare

Webflow para emprendedores y diseñadores de UI/UX cubrirá lo que necesita saber sobre Webflow, incluidos CSS Grid y CMS (Sistema de gestión de contenido). Lo aprenderás todo desde cero, así que no te preocupes si no tienes ningún conocimiento previo. El instructor mismo era diseñador de UI/UX cuando comenzó y no sabía cómo codificar o desarrollar un sitio web.

Si tiene una membresía de Skillshare y desea algunos cursos de nivel experto, consulte Webflow Advance & CMS .

Precios:

  • $8/mes ($2.49/mes si se factura anualmente)

Recomendado si:

  • ya estás suscrito a Skillshare Premium

9. “Curso de diseño web definitivo” (Webflow University)

Captura de pantalla del ejemplo del tutorial de Webflow: Webflow University

Webflow University es el nombre principal en los tutoriales de Webflow. Su curso de diseño web Ultimate cubrirá todo, desde los conceptos básicos y fundamentales hasta temas más avanzados al aprender a crear sitios web en Webflow.

Está configurado como el aprendizaje en línea estándar con cursos sobre diferentes temas relacionados con Webflow, cada uno dividido en lecciones de video individuales que van desde alrededor de 1 a 20 minutos.

Y si eso no es suficiente, Webflow University tiene una variedad impresionante de temas, incluidos cursos para principiantes, intermedios y avanzados. También se sumergen en la codificación personalizada, que es opcional, pero puede ayudarlo a personalizar realmente su sitio. Si está buscando crear un sitio para un negocio específico, como el comercio electrónico , incluso tienen clases solo para eso.

Precios:

  • gratis

Recomendado si:

  • no encontró lo que buscaba en los otros tutoriales de Webflow, ¡este tiene algo para todos!

Cómo conseguir tu sitio web perfecto

Ya sea que desee tutoriales en video de Webflow o guías basadas en texto, aprendizaje en línea pagado o algo un poco más gratuito, puede encontrar lo que necesita en la lista anterior. Estos tutoriales de Webflow cubren todos los niveles de aprendizaje, desde expertos que perfeccionan sus habilidades hasta personas que recientemente se enteraron de que Webflow existe.

Si le ha gustado este artículo, no olvide visitar nuestro blog. También puede visitar nuestra web y observar cómo trabajamos.

PÍDENOS PRESUPUESTO AHORA

Explícanos tu proyecto y te ayudaremos a ponerlo en marcha.

Somos la Agencia líder en diseño de páginas web, diseño de tiendas online, posicionamiento SEO, campañas SEM y redes sociales.

© 2022 · Diseño Web Barcelona · Todos los derechos reservados