Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

Webflow for Beginners: Build a landing page

person icon Ashleigh Second

4.5

Webflow for Beginners: Build a landing page

Learn how to use Webflow, perfect for beginners.

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Ashleigh Second

category icon Web Development,Web Design

Lectures -13

Duration -2.5 hours

4.5

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

Welcome to my fun Webflow beginner's course!

Hi, I'm Ashleigh and I will be your friendly instructor as we build out a simple landing page for a cafe based on the Figma designs. 

Perhaps you are a complete beginner looking at dipping your toes in the water or maybe you have tried working in Webflow before and have gotten stuck and hit a brick wall. Don’t worry, I am here to help! This is the perfect introduction to Webflow to get you started. 

Here's what's on the agenda for this course:

  1. We'll kick things off with a review of HTML and CSS, and how they're implemented in Webflow using the element and style panel.

  2. You'll follow along as we learn how to structure a website with div blocks, containers, sections, grids, and Flexbox.

  3. Together, we'll create everything from the navigation menu to the footer, including a form and testimonial slider.

  4. Once we've ensured the site looks fantastic on various devices, I'll guide you through connecting your domain and publishing your site.

There has never been a better time to learn Webflow. Whether you just want to expand your skill set or perhaps learn to be a Webflow developer, hopefully by the end of the course you will have the base to be able to start building your own projects.

Let's get started!

Goals

What will you learn in this course:

  • How to get started in Webflow
  • Understand what HTML and CSS are and how they are used to create all websites
  • How to add div blocks, containers and sections, and other elements in Webflow
  • How to style elements in Webflow and affect the layout and design
  • How to build a landing page in Webflow based on Figma designs
  • How to make the website responsive on all devices
  • How to connect a Domain name and publish the site

Prerequisites

What are the prerequisites for this course?

No Webflow experience is required. All you will need is a Webflow account, a laptop or PC, and a willingness to learn.

Webflow for Beginners: Build a landing page

Curriculum

Check out the detailed breakdown of what’s inside the course

Intro to Webflow for Beginners Training Course
1 Lectures
  • play icon Intro 01:43 01:43
Introduction to HTML and CSS
1 Lectures
Tutorialspoint
Building the Navbar
1 Lectures
Tutorialspoint
Building the Hero
1 Lectures
Tutorialspoint
Building the Intro Section
1 Lectures
Tutorialspoint
Building the Quote Section
1 Lectures
Tutorialspoint
Building the Testimonial Slider
1 Lectures
Tutorialspoint
Building the Contact Info Section
1 Lectures
Tutorialspoint
Building the Contact form
1 Lectures
Tutorialspoint
Building the Footer
1 Lectures
Tutorialspoint
Page tweaks and responsiveness
1 Lectures
Tutorialspoint
Connecting your Domain and Publishing the site
1 Lectures
Tutorialspoint
All done and ready to start on your own project!
1 Lectures
Tutorialspoint

Instructor Details

Ashleigh Second

Ashleigh Second

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515