Learning Webflow

Learn how to design and deliver beautiful websites, without writing a line of code, using Webflow, a leading hosted web platform.

Introduction

• A new kind of content management system

1. Setting Up the Webflow Project

• Creating a project and choosing a template
• Tour of the Webflow interface
• Configuring color and add fonts in the style guide
• Configuring font properties in the style guide
• Configuring buttons in the style guide

2. Creating the Home Page

• Configuring the navbar and creating a component
• Creating the opening hero section and background image
• Adding tour cards to the home page
• Challenge: Create the footer
• Solution: Create the footer
• Adapting the design for mobile
• Adapting the navbar for mobile

3. Setting Up Content Pages

• Creating the tour page skeleton and updating the navbar
• Configuring the tour banner
• Configuring the tour grid
• Adding the tour cards
• Challenge: Creating the Big Sur tour page
• Solution: Creating the Big Sur tour page

4. Launching and Maintaining Your Site

• Exploring the dashboard and adding a favicon
• Publishing your site
• Collaborating on page design and editing
• Controlling collaborator access to editing

Conclusion

• Continue your Webflow journey