Webflow For Beginners: A Webflow Tutorial (2022)
Offered By: Skillshare
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 FlexboxCoursera 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