WebFlow

add

1/2Days

10am-5pm EST
Mac/Pc
$199
Max seats: 10
Get the tool
Enroll here

Overview

Design and Develop at the Same Time. Webflow gives designers and developers the power to design, build, and launch responsive websites visually, while writing clean, semantic code for you.

This class introduces the student to the fundamentals of Webflow with an emphasis on best practices and current standards. Students will learn how to use the latest features of Webflow.

requirements

A fast internet connection. Knowledge of your operating system and basic computer navigation is required for all classes. We also recommend that you have the software installed on your system before starting the class. You can purchase the software or obtain a trial version of it from Here.

What you'll Learn

Project Based Hands-On Lesson. Students will recreate a project from scratch with guidance from instructor.

  1. Getting Started
  2. CSS Basic
  3. HTML Basic
  4. Web Structure
  5. Element Basics
  6. Buttons and Links
  7. Typography
  8. Styling Typography
  9. Media
  10. Components
  11. Styling Basics
  12. Layout Basics
  13. Flexbox
  14. Advance Layout
  15. Background and Border Styles
  16. 3D Styles
  17. Effects
  18. Responsive Design
  19. CMS and Dynamic Content
  20. CMS Collection Fields
  21. Advanced Dynamic Content
  22. SEO
Disclaimer

This outline does not guarantee that all the topics listed will be covered in the time allowed. The amount of material covered is based on the skill level of the student audience. We may change or alter course topics to best suit the classroom situation.

If for some reason you are unable to attend a class after registering, please contact us as soon as possible to reschedule at a later date.

RelatedCourses

AdobeXD

Go from idea to prototype faster with Experience Design CC (Beta), the first all-in-one cross-platform tool for designing and prototyping websites and mobile apps.

Figma

Turn Ideas into Products Faster. Design, prototype, and gather feedback all in one place with Figma. Stay in one tool for your design, prototyping and communication. Fast and powerful, Figma has the tools you need to get your work done.

StayONTop

We occasionally send curated industry related news, tips & tricks, trends and everything in-between directly to your inbox. Stay On Top of the Game.