Learning Webflow

Focused View

Jen Kramer

2:39:14

150 View

01 - Introduction

01 - A new kind of content management system.mp4

00:46

02 - 1. Setting Up the Webflow Project

01 - Creating a project and choosing a template.mp4

03:09

02 - Tour of the Webflow interface.mp4

09:45

03 - Configuring color and add fonts in the style guide.mp4

08:59

04 - Configuring font properties in the style guide.mp4

09:13

05 - Configuring buttons in the style guide.mp4

05:18

03 - 2. Creating the Home Page

01 - Configuring the navbar and creating a component.mp4

10:37

02 - Creating the opening hero section and background image.mp4

13:54

03 - Adding tour cards to the home page.mp4

07:40

04 - Challenge Create the footer.mp4

01:47

05 - Solution Create the footer.mp4

04:34

06 - Adapting the design for mobile.mp4

09:41

07 - Adapting the navbar for mobile.mp4

05:22

04 - 3. Setting Up Content Pages

01 - Creating the tour page skeleton and updating the navbar.mp4

06:04

02 - Configuring the tour banner.mp4

11:12

03 - Configuring the tour grid.mp4

04:33

04 - Adding the tour cards.mp4

09:40

05 - Challenge Creating the Big Sur tour page.mp4

03:06

06 - Solution Creating the Big Sur tour page.mp4

06:56

05 - 4. Launching and Maintaining Your Site

01 - Exploring the dashboard and adding a favicon.mp4

06:23

02 - Publishing your site.mp4

06:24

03 - Collaborating on page design and editing.mp4

07:47

04 - Controlling collaborator access to editing.mp4

04:27

06 - Conclusion

01 - Continue your Webflow journey.mp4

01:57

Description

If you are a web designer, a UX designer, or a content publisher working on websites or intranet sites, Webflow can be a great tool to know. It empowers you to build professional, responsive, customized sites using a completely visual canvas—no coding required! In this course, web design and development instructor Jen Kramer introduces you to Webflow and all the basics of what you can do with it. Jen steps through creating a starting style guide for a Webflow website. Once that's established, she moves on to building the initial homepage and populating it with images and content. She shows you how to style the site’s content, as well as the navbar and footer, then covers how to build an inside page and link the navbar to existing pages. Once you have your pages ready, Jen shows you how to launch your site and take the necessary steps to maintain it.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Web App Development

User Experience Design

User Interface

Jen Kramer

Instructor's Courses

Want an expert curriculum developer and subject matter expert to design your no-code boot camp? I'm the person you've been looking for! I eliminate the web's gatekeepers by teaching the world how to tell their stories online in a fun and accessible way for all skill levels. Whether you are a code person or a no-code person, or if you have a deep technical background or none at all, you can create an online side hustle, change your career, sell your services, and market your products. I'm here to teach you how. Follow me at LinkedIn Learning for coding and no-code solutions to your problems. Follow me at Frontend Masters for coding solutions to your problems.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.