All courses
Ultimate web design course
Login with your Webflow account to track your progress

Ultimate web design course

From the fundamentals to advanced topics — learn how to build sites in Webflow and become the designer you always wanted to be.

We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

The Ultimate web design course includes over 100 videos. It starts with everything you need to know to get started with Webflow and eases into more advanced design concepts. You'll learn the basics of HTML, how CSS classes and subclasses function, how to construct a page design with elements like containers, divs, flexboxes, and grids. And of course, we'll take you through how to use one of our most powerful features — Webflow CMS. By the time you finish this course, you'll be able to build some pretty amazing stuff.

Table of contents

1

Getting started

Coming soon

1

Intro to HTML
5:17
Intro to HTML
Coming soon

1

HTML structure
1:55
HTML structure
Coming soon

2

Web structure

Coming soon

2

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

2

Intro to Webflow
1:51
Intro to Webflow
Coming soon

2

Navigator panel
2:45
Navigator panel
Coming soon

3

Buttons & links

Coming soon

3

Navbar menu button
4:51
Navbar menu button
Coming soon

3

Link block
9:35
Link block
Coming soon

3

Text link
1:16
Text link
Coming soon

4

Elements

Coming soon

4

Use text columns in Webflow
2:22
Use text columns in Webflow
Coming soon

5

Typography

Coming soon

5

Heading
2:02
Heading
Coming soon

5

Paragraph
4:42
Paragraph
Coming soon

5

Rich text
3:52
Rich text
Coming soon

5

Use text blocks in Webflow
0:56
Use text blocks in Webflow
Coming soon

6

Media

Coming soon

6

Image file types
2:22
Image file types
Coming soon

6

Image resolution
3:28
Image resolution
Coming soon

6

Video field
0:39
Video field
Coming soon

7

Components

Coming soon

7

Forms
12:17
Forms
Coming soon

7

Style forms
2:55
Style forms
Coming soon

7

Navbar
9:39
Navbar
Coming soon

7

Slider
6:49
Slider
Coming soon

7

Tabs
4:38
Tabs
Coming soon

7

Lightbox
3:44
Lightbox
Coming soon

7

Map
2:58
Map
Coming soon

7

Social media
2:49
Social media
Coming soon

8

Styling basics

Coming soon

8

Style panel overview
3:15
Style panel overview
Coming soon

8

HTML tags
8:43
HTML tags
Coming soon

8

Text style inheritance overview
3:18
Text style inheritance overview
Coming soon

8

Style Manager
1:56
Style Manager
Coming soon

8

States
2:47
States
Coming soon

8

Transitions
2:40
Transitions
Coming soon

8

Color values
3:22
Color values
Coming soon

9

Layout basics

Coming soon

9

Spacing
6:28
Spacing
Coming soon

9

Size
17:35
Size
Coming soon

9

Position
16:51
Position
Coming soon

10

Flexbox & grid

Coming soon

10

Flexbox
8:08
Flexbox
Coming soon

10

Grid
14:15
Grid
Coming soon

11

Advanced layout

Coming soon

11

Enable relative position
1:43
Enable relative position
Coming soon

11

Apply a z-index value
1:49
Apply a z-index value
Coming soon

11

Hide overflowing content
1:49
Hide overflowing content
Coming soon

12

Styling typography

Coming soon

12

Typography
21:28
Typography
Coming soon

12

Add Google Fonts
1:18
Add Google Fonts
Coming soon

12

Text shadow
2:36
Text shadow
Coming soon

13

Background & border styles

Coming soon

13

Backgrounds
8:15
Backgrounds
Coming soon

13

Borders
7:14
Borders
Coming soon

14

3D styles

Coming soon

14

Parallax movement on scroll
3:10
Parallax movement on scroll
Coming soon

14

3D perspective
4:01
3D perspective
Coming soon

14

Transforms
4:53
Transforms
Coming soon

15

Effects

Coming soon

15

Opacity
1:44
Opacity
Coming soon

16

Responsive design

Coming soon

16

Intro to responsive design
2:21
Intro to responsive design
Coming soon

16

Breakpoints
16:00
Breakpoints
Coming soon

17

Interactions core concepts

Coming soon

17

Intro to Interactions
1:22
Intro to Interactions
Coming soon

17

Triggers and animations
4:31
Triggers and animations
Coming soon

17

Interpolation, easing, and smoothing
2:58
Interpolation, easing, and smoothing
Coming soon

18

CMS & dynamic content

Coming soon

18

Intro to dynamic content
1:36
Intro to dynamic content
Coming soon

18

Intro to the Webflow CMS
2:02
Intro to the Webflow CMS
Coming soon

18

Intro to the CMS Editor
2:22
Intro to the CMS Editor
Coming soon

18

Import/export CMS content
1:48
Import/export CMS content
Coming soon

18

Modify a Collection
2:05
Modify a Collection
Coming soon

19

CMS Collection fields

Coming soon

19

Plain text field overview
0:52
Plain text field overview
Coming soon

19

Rich text field
1:16
Rich text field
Coming soon

19

Image field
1:24
Image field
Coming soon

19

YouTube video
1:20
YouTube video
Coming soon

19

Link field
1:26
Link field
Coming soon

19

Number field overview
1:27
Number field overview
Coming soon

19

Switch field
0:58
Switch field
Coming soon

19

Option field overview
1:25
Option field overview
Coming soon

19

Reference field
1:11
Reference field
Coming soon

19

Multi-reference field
2:31
Multi-reference field
Coming soon

20

Advanced dynamic content

Coming soon

20

Advanced CMS filtering
13:13
Advanced CMS filtering
Coming soon

20

Google site verification
2:59
Google site verification
Coming soon

20

Google Analytics
5:33
Google Analytics
Coming soon

20

Paid vs. organic search
1:34
Paid vs. organic search
Coming soon

20

301 redirects
2:39
301 redirects
Coming soon

Progress

0%

Details

Beginner - Intermediate
5h 23m
73
Lessons

Assets & links

Continue learning