Webflow For Beginners How To Use Webflow
What you’ll learn
How to get started with Webflow
How to use the UI of Webflow
How to use div blocks, container and sections in Webflow
How to style the Webflow navigation and footer
How to make a responsive website in Webflow
How to create a landing page in Webflow
How to make a webflow website
How to use webflow
Requirements
You will only require a Webflow account(free or paid) and a laptop or pc to follow along
Description
A Beginners Masterclass In WebflowWelcome to my brand new Webflow course!In this course, I take you through how to use Webflow to design and develop stunning websites. Webflow does have a slightly steeper learning curve than other page builders such as Wix or Elementor, but once you’ve got to grips with Webflow, you won’t want to use anything else.I have personally been designing and developing websites for 10 years and largely had been using WordPress. However three years ago I decided to make the switch to Webflow and now almost all of my client work is within the platform. The course starts with you learning the Web flow UI and I take you through all the different elements you’ll be using. Then we cover how to correctly structure websites using div blocks, containers, sections, grids and Flexbox.We will also cover Webflow interactions and animations in order to breathe some life into your designs.The Class ProjectFor the last part of the course you will be developing a landing page using some of the new skills you’ll have learned throughout the course. The landing page is a converted design from one of my business websites you will develop everything from the nav to the footer and everything in-between in order to have a fully functioning website landing page.Let’s Get Started!So if you’re ready, we’ll get you started learning most of what Webflow has to offer in order to create beautiful responsive websites!
Overview
Section 1: Introduction
Lecture 1 Introduction
Lecture 2 Html & CSS Overview
Section 2: The Webflow Interface
Lecture 3 The Webflow Interface: Elements Panel
Lecture 4 The Webflow Interface: Styling Panel
Lecture 5 Keyboard Shortcuts
Section 3: Display Options
Lecture 6 Display Settings: Block, Inline Block, Inline & Display None
Lecture 7 Display Settings: Flexbox
Lecture 8 Flexbox Game
Lecture 9 Grids
Lecture 10 When To Use Flexbox Or Grid?
Section 4: Webflow Essentials
Lecture 11 Position
Lecture 12 Naming Classes
Lecture 13 How To Structure Your Websites
Lecture 14 How To Make Your Websites Mobile Responsive
Lecture 15 How To Use Symbols
Lecture 16 The CMS
Lecture 17 Contact Forms
Lecture 18 Styling The Default Nav & Footer
Lecture 19 How To Clone & Re-use Websites & Elements
Lecture 20 How To Copy & Paste Elements
Lecture 21 Basic Interactions & Animations
Section 5: Webflow Class Project: Building A Landing Page
Lecture 22 Landing Page Introduction
Lecture 23 Setting Up The Page
Lecture 24 Creating The Main Navigation
Lecture 25 Creating The Hero Section
Lecture 26 Creating The Logo Grid
Lecture 27 Creating The Intro Section
Lecture 28 Creating The Step Process Section
Lecture 29 Creating The Call To Action Section
Lecture 30 Creating The Footer
Lecture 31 Page Teaks
Lecture 32 Styling The Mobile Nav
Lecture 33 Making The Page Mobile Responsive
Lecture 34 Adding Interactions
Section 6: Final Thoughts
Lecture 35 Webflow To WordPress
Lecture 36 Thanks For Watching! Subscribe To My Youtube Channel For More!
Students wanting to learn webflow,Students wanting to learn web development,Students wanting to create website without having to know how to code,Webflow Beginners,Web designers wanting to use Webflow
Course Information:
Udemy | English | 4h 48m | 5.12 GB
Created by: Sam Harrison
You Can See More Courses in the Developer >> Greetings from CourseDown.com