Learning Webflow

Focused View

Jen Kramer

2:13:53

243 View

[1] Introduction

[1] A new kind of content management system.mp4

01:51

[2] 1. Setting Up the Webflow Project

[1] Creating a project and choosing a template.mp4

02:53

[2] Tour of the Webflow interface.mp4

06:29

[3] Outlining the home page with elements and layouts.mp4

05:06

[4] Dropping in the content.mp4

07:29

[3] 2. Styling the Site's Content

[1] Configuring global colors and fonts.mp4

09:27

[2] Styling the opening hero section and button.mp4

06:12

[3] Styling the newsletter section with a background image.mp4

07:01

[4] Challenge Styling the recent work section.mp4

01:02

[5] Solution Styling the recent work section.mp4

02:00

[4] 3. Styling the Navbar and Footer

[1] Adding the logo and modifying the navbar layout.mp4

07:49

[2] Creating a button in the navbar.mp4

05:53

[3] Styling the mobile navbar.mp4

10:48

[4] Configuring the footer layout.mp4

09:12

[5] Integrating Font Awesome into Webflow.mp4

04:42

[6] Adding Font Awesome social media icons to the footer.mp4

06:26

[7] Creating symbols from the header and footer.mp4

04:43

[5] 4. Building the About Page

[1] Adding a new page and adding symbols.mp4

02:18

[2] Challenge Finishing the About page.mp4

01:31

[3] Solution Finishing the About page.mp4

05:12

[4] Linking the navbar to existing pages.mp4

06:50

[6] 5. Launching and Maintaining Your Site

[1] Exploring the dashboard and adding a favicon.mp4

05:23

[2] Publish your Webflow site.mp4

02:54

[3] Collaborating on page design and editing.mp4

04:46

[4] Controlling collaborator access to editing.mp4

04:23

[7] Conclusion

[1] Learn more about no-code.mp4

01:33

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 the initial homepage for a Webflow website 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 About page and link the navbar to existing pages. Once you have your pages ready, Jen walks you through launching your site and taking the necessary steps to maintain it.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

User Experience Design

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.