university.webflow.com
Open in
urlscan Pro
52.17.119.105
Public Scan
Submitted URL: http://tutorials.webflow.com/?utm_source=inapp&utm_medium=email
Effective URL: https://university.webflow.com/courses/webflow-101
Submission: On August 06 via api from IE — Scanned from DE
Effective URL: https://university.webflow.com/courses/webflow-101
Submission: On August 06 via api from IE — Scanned from DE
Form analysis 1 forms found in the DOM
<form>
<input class="st-default-search-input st-search-set-focus" type="text" value="" placeholder="Search this site" aria-label="Search this site" id="st-overlay-search-input" autocomplete="off" autocorrect="off" autocapitalize="off">
</form>Text Content
Your browser doesn't support HTML5 video tag. University Home Dashboard Search ⌘E Learn Courses Docs Interactive learning Glossary Certifications Engage Support ↗ Community ↗ Events ↗ Forum ↗ Build New site ↗ Dashboard ↗ Try Webflow — it's free University Home Search ⌘E Dashboard Try Webflow — it's free Learn Courses Docs Interactive Learning Glossary Certifications Engage Support Community Events Forum Accessibility Switch to Light mode Switch to Dark mode High contrast Trusted by teams at All courses Webflow 101 Login with your Webflow account to track your progress WEBFLOW 101 INTRODUCING WEBFLOW 101, THE ULTIMATE COURSE TO LEARN THE FUNDAMENTALS OF WEB DESIGN AND DEVELOPMENT. We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos. Learn the powers of web design, web development, and Webflow. Throughout this course, you’ll build a full landing page — step by step — and learn best practices for responsive and accessible design. Let’s do this. TABLE OF CONTENTS 1 GETTING STARTED Coming soon 1 Intro to Webflow 101 2:16 Intro to Webflow 101 Coming soon 1 Intro to the box model 3:04 Intro to the box model Coming soon 1 Intro to HTML 5:17 Intro to HTML Coming soon 1 Intro to CSS 5:22 Intro to CSS Coming soon 1 Intro to Webflow 1:51 Intro to Webflow Coming soon 2 SITE BUILD Coming soon 2 Recent updates to the Webflow Designer 01:32 Recent updates to the Webflow Designer Coming soon 2 Site build: Hero 15:04 Site build: Hero Coming soon 2 Site build: Navigation 6:32 Site build: Navigation Coming soon 2 Site build: Logos 4:33 Site build: Logos Coming soon 2 Site build: Cards 12:14 Site build: Cards Coming soon 2 Site build: Form 15:51 Site build: Form Coming soon 2 Site build: Footer 8:56 Site build: Footer Coming soon 2 Site build: Responsiveness 14:38 Site build: Responsiveness Coming soon 2 Site build: Interactions 14:23 Site build: Interactions Coming soon 2 Site build: Design review & accessibility 15:49 Site build: Design review & accessibility Coming soon 2 Site build: Publishing the site 6:19 Site build: Publishing the site Coming soon 2 Final thoughts & certification 4:43 Final thoughts & certification Coming soon 3 ADDITIONAL LAYOUT LEARNING Additional layout learning Additional layout learning Coming soon 3 Quick Stack 5:32 Quick Stack Coming soon 3 V Flex and H Flex 0:36 V Flex and H Flex Coming soon PROGRESS 0% DETAILS Beginner - Intermediate 2h 23m 19 Lessons ASSETS & LINKS * Download the course assets * Clone the completed project Enroll Now → CONTINUE LEARNING CSS GRID IN WEBFLOW An overview of CSS grid. Use the grid layout in Webflow to get more control over your designs and create powerful, responsive layouts — faster. WEB ELEMENTS A comprehensive look at the building blocks and elements Webflow puts at your fingertips — start designing websites visually, with confidence. CSS LAYOUT & POSITIONING Dig into the world of HTML and CSS layouts — learn how they work together and get an overview of display properties like inline block and flexbox. SEO FUNDAMENTALS An overview of search engine optimization (SEO) fundamentals and best practices — learn how to optimize your content from the start. FREELANCE WEB DESIGN BOOT CAMP The Freelancer’s Journey is a free, comprehensive course to help you build a successful, fulfilling freelance career in web design. CLIENT'S GUIDE TO THE EDITOR This is the Client's guide to the Webflow Editor. Share these lessons to get your clients up and running. CMS & DYNAMIC CONTENT Learn how to use Webflow CMS to build completely custom websites powered by dynamic content, and define your content's structure and style. INTERACTIONS & ANIMATIONS COURSE Learn how to animate multiple elements managed on a single timeline — bring your designs to life with rich, sequenced interactions and animations. MOVING YOUR BUSINESS ONLINE A free course on how to take your business online. Serve more clients and generate more revenue in this new environment. WEB ANIMATIONS WITH AFTER EFFECTS & LOTTIE Create animations in Adobe After Effects — the industry standard for motion graphics. Embed and animate them in your Webflow site. 21-DAY DESIGN PORTFOLIO COURSE Build and visually design a full portfolio website within the span of 21 days. ACCESSIBILITY ON THE WEB Learn about accessibility on the web and how to create inclusive and accessible sites without writing code. WEBFLOW ECOMMERCE Learn how to build and design your Webflow Ecommerce store. Customize every detail and launch a fully functional online store — without writing code. ULTIMATE WEB DESIGN COURSE From the fundamentals to advanced topics — learn how to build sites in Webflow and become the designer you always wanted to be. LOCALIZE YOUR SITE IN WEBFLOW Learn how to localize a site for different languages and regions. Translate text, customize and manage content, and optimize SEO settings, so your site reaches a wider audience. FULL SITE BUILD Learn how to design and develop a CMS-driven website built around the needs of your client and their audience — and execute a successful launch. FIGMA TO WEBFLOW Learn the entire design process from idea to final output as we take you through Figma, Cinema 4D and Octane, and Webflow. CSS STYLING Take a closer look at all the creative styling possibilities that CSS offers. Learn how to style elements visually, with the power of Webflow. LANDING PAGE GENERATOR FOR RYAN REYNOLDS Learn how to build a dynamic landing page generator in under 30 minutes. Product * Platform * Designer * CMS * Ecommerce * Interactions * SEO * Localization * Edit mode * Hosting * DevLink Labs * Figma to Webflow Labs * Security * Accessibility * AI Solutions * Enterprise * Startups * Global alliances * Agencies * Freelancers * Classrooms Resources * University * Blog * Customer stories * Webinars and ebooks * Apps * Libraries * Templates * Developers * Made in Webflow * Glossary * Livestreams Company * About * Careers We're Hiring * Press * Webflow Shop * Terms of Service * Privacy policy * Cookie policy * Cookie preferences * Accessibility statement * Sitemap Community * Discover the community * Partner with Webflow * Certified Partners * Become a template designer * Become an affiliate * Become a Global Leader * Find a meetup near you Get help * Support * Pricing * Status * Forum * Wishlist © 2024 Webflow, Inc. All rights reserved * Made in Webflow * YouTube * X * Facebook * Linkedin * Instagram * TikTok SEARCH We use cookies (and other similar technologies) to improve your experience on our site. By using this website you agree to our Cookie Policy. You can change your preferences at any time. ✕ Close suggested results