The Only Webflow Tutorial You Will Ever Need (FOR BEGINNERS)
Вставка
- Опубліковано 5 чер 2024
- ▶ Start Here: meticsmedia.com/webflow
In this webflow tutorial for beginners I will show you step by step how to use webflow to build and design your own website from scratch! [Complete Tutorial]
Website Assets to follow along ▶ bit.ly/3r7BpwH
⚒️ Best Online Marketing Tools:
meticsmedia.com/tools
🎓 Courses I Took and Recommend:
meticsmedia.com/courses
0:00 Intro
0:51 Getting Started on Webflow
3:50 Designer Interface Overview
8:28 Import Assets
9:03 Building a New Section
12:14 Layout Settings
13:11 Spacing
14:22 Editing Content & Typography
16:18 Classes
19:43 Changing Hover State
20:51 Editing Background
21:40 Adjusting Section Size
22:30 Adding a Nav Bar
26:14 Grid Layout
29:56 Prebuilt Layouts (e.g. Lightbox)
33:00 Hover Effects & Transition Settings
35:32 Creating a New Page
36:28 Symbols
38:34 Editing Nav Links
40:07 Animations
45:56 Breakpoints (Mobile Optimization)
50:17 Publishing (+Webflow Plans)
56:33 Project Settings
58:45 Asking For A LIKE :)
Webflow is an amazing website builder that allows you to create a dynamic website using a drag and drop page builder. In this webflow tutorial for beginners you'll learn all the basics of how to use webflow to build a custom professional website. You'll learn webflow quickly by watching and following along with this webflow tutorial.
#meticsmedia #webflow #webflowtutorial
-
The description of this video contains affiliate links, which means that if you buy one of the products that I recommend, I’ll receive a small commission without any additional cost for you. This helps support the channel and allows me to continue making videos like this. Thank you for your support! - Навчання та стиль
Hypothetically, what if you scrolled back up and redesigned the like button? (I think blue would look pretty good)
> Website Assets to follow along: bit.ly/3r7BpwH
> Use this link to support the channel: meticsmedia.com/webflow
Underrated asf😭
Thanks for this wonderful tutorial. Please, how do I get my narv bar to stay horizontal above the section just like in your video tutorial as I keep having mine stick to the side. I would really appreciate your response on this.
Remember, you don't have to be good to
get started but you have to get started if you ever want to get good. :)
Well said !
2 years later and you’re still helping us out🔥🔥Thanks for the straight forward and concise video. Your teaching skills is impeccable 💯👌🏾
This tutorial is very comprehesive but easy to understand to jumpstart my work on Webflow! I'll be handling a Webflow-based website as my side job so this really helped me have a grasp on how to use it!! This is immensely useful! Thank you!!
This was, hands down, maybe the best tutorial I have ever watched. So so informative and so easy to understand and follow along, somehow you have condensed hours of learning material into a simple video. Definitely not an easy job, thank you so so much!!
Using Photoshop for 10 years, this feels like heaven to me lol
What's the relation?
the interface is quite similar to adobe products!@@yourtoken1732
@@yourtoken1732photoshop looks just like this too. It’s nice
@@yourtoken1732difficulty
Simon is a great tutor. He is easy to follow and speaks at a good pace for learning.
I’ve been delaying making my website for far too long, but decided to take the plunge and chose Webflow as it offered so much variety. Your video has really helped me to understand the fundamentals needed, and given me the confidence to build my website from scratch. Thanks, instant sub! :)
Thank you so much for this. I started a new job and their website is BROKEN AF and they wanted me to pick a template and start over. Nearly pulled my hair out, but playing this in the background helped me figure out my issues as I came upon them.
The note about the different editing screens (desktop vs mobile) HELPED SO MUCH.
Appreciated this video VERY much as I've been discerning moving from WordPress to Webflow. Walked through your tutorial while "rebuilding" my website's front page in Webflow and by the end of your tutorial I felt comfortable enough to pull the trigger and signed up for Webflow for a year. I've been on WordPress sites for 15+ years so this has been a tough discernment to make the jump. So thanks for the work you put into this tutorial.
How have you been liking Webflow after the switch? I'm trying to decide between Wordpress (with Elementor) and Webflow and can't seem to make a decision.
One of the best tutorials i have ever seen. Thank you.
This is a great so far. I am only 18 minutes and I am feeling I am building something first before getting the complex stuff. Thank you and Greatjob!
I want to thank you for creating such a clear and straight-to-the-point tutorial. It gave me the knowledge that I needed and made it easy to understand the important basics of Webflow. Thank you so much for putting in the time and effort to make such a valuable video.
Great video! My first intro to Webflow. Really easy to follow along!
I really love your presentation style and approach. Thank you so much for doing these presentations.
This is GENUINELY THE BEST WEBFLOW TUTORIAL! Thank you immensely for explaining each aspect so easily, and quickly. It simplified everything for me. I've looked at 8 other tutorials, and I was still 95% lost after watching hours of other tutorials (one tutorial was over 3 hours long). I learned everything I was looking for in your tutorial, and I'm at ease now, and I appreciate your gift for explaining and demonstrating things so perfectly.
That was really informative and overall superb tutorial for web flow. I searched and scanned through few other tutorial videos and many of them were unprofessional and boring at a point... This one though was digested in one go! Thanks for your time and good luck in your channel!
thanks so much, good luck with your website!
This was super helpful, thank you so much! Followed along with this over a few days and have a great understanding of WebFlow now.
I was always confused about classes in general in coding but from this tutorial my confusion is gone, thanks to you bro, thanks alot. and tutorial was so helpful 😍🖤
I like using the analogy of dogs as a class because we are so familiar with dogs and their breed characteristics.
Thank you so much for this tutorial!! It's super detailed.
Solid tutorial. Very clear and easy to follow. Well deserved sub
This was super helpful! Thank you for doing this thorough tutorial
Man you got a great teaching style that is easy to follow and understand
I appreciate this opportunity to learn. I have been stucked for a while now, this provides clearity
This was super helpful and straight-forward. Thank you so much
This video is pure gold ! I appreciate you so much man :)
awesome video man, very informative and straight to the point!
thats great ! Thank you so much. Waiting more web flow videos
No BS, Straight to the point. Great Video!
This was very engaging and simple to follow, thank bro
Great job with this tutorial. It was really helpful, thanks!
Incredible video -- thank you for sharing and teaching
Your Story telling is amazing simple and clear❤️
Useful tutorial thanks man!
Thank you so much. Super helpful tutorial
learnt so much from you, thanks!
your teaching style is soo good. Learning webflow was a pain for me but the way you explained I got more interest in learning webflow. Thank you for the video Indeed you're a great teacher.
Found this really really useful - thanks so much!
Thanks man! This tutorial is just awesome!
Great teacher! Thanks for amazing tutorial!!!
This tutorial is great..Contains must things you need to understand webflow
Thank you for sharing this very informative tutorial. It helps me a lot since I have zero knowledge of Webflow.
Many many thanks for this tutorial, I will go through your web flow link, thanks
After using framer, I was wondering webflow is going to be difficult. But your tutorial is just amazing, now I can sleep easily without worrying about developing my design in webflow.
Great tutorial! Thank you for this!!
Your teaching method is very easy to understand. Thank you very much.
Love the video 🤗🤗 really appreciate
Love this man ❤
Great Tutorial !
Thank you! very detailed and informative!! New subscriber!!
Great Video! I learned a lot!
This is what I need nice tutorial great and informative time saver really appreciated thanks.
Thanks! This is the best clear explanation about webflow even better webflow university!
Excellent Tutorial on Webflow, Thank you
Thanks for the video very clear and it helped me a lot, a small observation is the small screen where you appear talking sometimes blocks what your mouse is doing and I couldn't see where you were clicking, apart from that great work :)
Much Mahalo for this easy to understand and follow along video!!!🤙
Oh finally got tutorial straight to the point , who actually like me who wasted a time watching tutorial not getting into to the point. It really help someone like who actually new in this webflow also helping me created business website for me cousin. thank you
Thank you so much!!
thank you for learning
Thanks for your content. Just the Interface Design in Webflow change a Bit today . Thanks.
Thank you for this. Mega helpful 🙂
Thanks for the video. it's very informative I hope you will make another video discussing other features of webflow.
great straight forward tutorial
It was great, thank you so much!!!
Awesome Tutorial
This is top tier content. Thank you and subscribed.
Great Tutorial, Thanks Bro for making this
THANK YOU SO MUUCHHH!!!❤
You are a live saver. Thank you so much
The video was really enjoyable and easy to understand .
thank you so much for all the information
well explained, thank you so much
Thank you for this tutorial! 👏
Thank you !!! Amazing video.... You helped me a lot, I'm grateful....
This was soooo helpful💯💥
Very helpful, Thanks
Thanks ❤
Excellent tutorials, straight to the point with pretty much everything covered
But I wished webflow as part of their free plan, we can copy the design codes
Beautiful... Thank you
Thank you
This is a very good tutorial. Easy to follow for a beginner like me... Would appreciate if you can share the assets being used here.... Thank you and kudos!
Thank you !
Very educative.. thank you very much
Thank You for your tutorial.
thank you so much
the best video about webflow, your effort is appreciated. I owe to say you thank you when we will meet.
Superb tutorial😍
you just saved my semester!
Thanks a lot for this video, it was very useful! Unfortunately some items / features have changed functionality and don't work in described ways anymore. But big appreciation for huge work done, clear, detailed explanation anyway! 👍
Thank You !
Thank you so much it helped me alot
It is very clear and educative
amazing tutorial !!!!
You are amazing thank you so much😄
Thank you so much!
I can’t believe someone is actually putting those out for free. Thank you! 😊
Tbis tutorial was so very good! With Webflows' recent release with new capabilities, it would be helpful if you did an updated video. This was really good to get me started. 👍🏾
Amazing!
Thank you.
Very helpful, thanks!
thanks for the comment