All coursesWebflow 101
Welcome & resources
We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Welcome & resources

Overview, resources, and how to be successful

Welcome & resources

Overview, resources, and how to be successful

Welcome to Webflow 101

Ready to dive right in and start creating? In Webflow 101, you can follow along with step-by-step video demonstrations of how to build and design the essentials in Webflow. Walk away with an accessible, responsive site landing page including a hero banner, nav bar, form, informational content, and more!

Who is this course for?

This course is designed primarily for website designers—anyone responsible for designing, structuring, and optimizing web content, and who has design permissions for their Webflow site. Whether you're working on a personal project, a client website, or a large-scale business site, you'll learn the basics to get up and running quickly.

Additional resources

Check out additional Webflow resources for continued learning and support.

Ready, set, go!

There are no prerequisites for this course, but here are a few ways to set yourself up for success:

  • Find your way around – Learn how to navigate Webflow University lessons, courses, and learning paths, including how to mark items complete.
  • Get ready to practice – The best way to learn is by doing! Click Download the course assets to download all of the images you’ll need to follow along and build your own landing page. You can also click Clone the completed project to make an exact copy of the finished page in your own dashboard to explore on your own.
  • Test your knowledge – When you’re feeling ready, click Test your knowledge in the Assessments section of the course progress box on the right to test your knowledge and reinforce what you’ve learned.
No items found.

1

Getting started

Coming soon

1

Welcome & resources
2:00
Welcome & resources
Coming soon

1

Intro to Webflow 101
2:16
Intro to Webflow 101
Coming soon

1

Intro to the box model
3:04
Intro to the box model
Coming soon

1

Intro to HTML
5:17
Intro to HTML
Coming soon

1

Intro to CSS
5:22
Intro to CSS
Coming soon

1

Welcome to the Webflow UI
6:29
Welcome to the Webflow UI
Coming soon

2

Site build

Coming soon

2

Recent updates to the Webflow Designer
1:32
Recent updates to the Webflow Designer
Coming soon

2

Site build: Hero
15:01
Site build: Hero
Coming soon

2

Site build: Navigation
6:31
Site build: Navigation
Coming soon

2

Site build: Logos
4:33
Site build: Logos
Coming soon

2

Site build: Cards
11:50
Site build: Cards
Coming soon

2

Site build: Form
15:07
Site build: Form
Coming soon

2

Site build: Footer
8:46
Site build: Footer
Coming soon

2

Site build: Responsiveness
14:12
Site build: Responsiveness
Coming soon

2

Site build: Interactions
14:07
Site build: Interactions
Coming soon

2

Site build: Design review & accessibility
16:11
Site build: Design review & accessibility
Coming soon

2

Site build: Publishing the site
6:19
Site build: Publishing the site
Coming soon

3

Additional layout learning

Additional layout learning
Additional layout learning
Coming soon

3

Quick Stack
5:32
Quick Stack
Coming soon

3

V Flex and H Flex
0:36
V Flex and H Flex
Coming soon

Course progress

0%