Web elements course

A comprehensive look at the website building blocks and elements Webflow puts at your fingertips.

35
 Video Lessons
Intermediate
1hr 53min

About this course

Every website starts with content, so it's important to know what building blocks are at your disposal before you start a new project. This course walks through all the elements available in Webflow, pointing out some common examples and suggesting how you can get the most out of each element.

Requirements

  • Free (or paid) Webflow account — sign up
  • Chrome or Safari browser

Course outline

WEB STRUCTURE

Element Hierarchy

3:57

Navigator Panel

2:45

Structure Elements

Container

2:44

Div Block

3:37

Buttons & Links

Advanced Button Styling

5:43

Link Block

1:23

Text Link

1:16

Typography

Heading

2:02

Paragraph

4:42

Rich Text

3:52

Text Block

0:56

Block Quote

0:42

Media

Image File Types

2:22

Image Resolution

3:28

Assets Panel

3:08

Background Video

3:15

Lightbox

3:44

Forms

Intro to Forms

4:55

Styling Forms

2:55

Navbar

Styling a Navbar

4:34

Navbar Menu Button

4:51

Dropdown

4:38

Pre-built Components

Social Media Buttons

2:13

Custom Code Embed

1:24

35
 video lessons
Intermediate
1hr 53min