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

User Experience for the Web
Open2Study
Writing for the Web
Open2Study
Web-Engineering I: Grundlagen der Web-Entwicklung
iversity
Human-Computer Interaction Design
University of California, San Diego via Coursera
Ruby مدخل إلى برمجة مواقع الإنترنت باستخدام لغة
Rwaq (رواق)