YoVDO

Webflow For Beginners: A Webflow Tutorial (2022)

Offered By: Skillshare

Tags

Webflow Courses Web Development Courses Web Design Courses WordPress Courses Flexbox Courses CSS Grid Courses

Course Description

Overview

WEBFLOW FOR BEGINNERS 2022

Hello! Welcome to my Webflow course for beginners 

My name is Sam Harrison and I run multiple web design and development businesses based in the UK. I personally use Webflow for almost all of my client projects and it is my favourite web development tool.

This course is aimed at anyone wanting to get started using Webflow and I go into how to use the user interface, how to structure your websites using div blocks, containers and sections as well as how to correctly use display settings.

Webflow has a slightly steeper learning curve than some other builders but by the end of this course you will have learned all the essentials that Webflow has to offer!


Syllabus

  • WELCOME TO MY WEBFLOW COURSE FOR BEGINNERS
  • BASIC INTRODUCTION TO HTML & CSS
  • THE INTERFACE: ELEMENTS
  • THE INTERFACE: STYLE PANEL
  • KEYBOARD SHORTCUTS
  • DISPLAY SETTINGS
  • DISPLAY SETTINGS: FLEX
  • DISPLAY SETTINGS: FLEX GAME
  • CSS GRID
  • FLEX VS GRID
  • POSITION
  • NAMING CLASSES
  • STRUCTURE
  • MOBILE RESPONSIVE
  • SYMBOLS
  • CMS ITEMS
  • FORMS
  • NAVS & FOOTERS
  • CLONEABLES
  • COPY & PASTE ELEMENTS
  • BASIC INTERACTIONS & ANIMATIONS
  • LANDING PAGE INTRODUCTION
  • CLASS PROJECT: SETTING UP THE PAGE
  • CLASS PROJECT: MAIN NAVIGATION
  • CLASS PROJECT: HERO SECTION
  • CLASS PROJECT: LOGO GRID
  • CLASS PROJECT: INTRO SECTION
  • CLASS PROJECT: PROCESS SECTION
  • CLASS PROJECT: CTA SECTION
  • CLASS PROJECT: FOOTER
  • CLASS PROJECT: MOBILE NAV
  • CLASS PROJECT: MOBILE RESPONSIVE
  • CLASS PROJECT: INTERACTIONS
  • WEBFLOW TO WORDPRESS
  • WOULD YOU LIKE MORE?

Taught by

Sam Harrison

Related Courses

Build a Chat UI application using CSS3 Flexbox
Coursera Project Network via Coursera
Build Responsive Image Gallery UI using CSS3 Flexbox
Coursera Project Network via Coursera
Build Responsive Service Page UI using CSS3 Flexbox
Coursera Project Network via Coursera
Learn Intermediate CSS
Codecademy
HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX