Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Webflow by Example
  • Table Of Contents Toc
Webflow by Example

Webflow by Example

By : Ali Rushdan Tariq
4.1 (7)
close
close
Webflow by Example

Webflow by Example

4.1 (7)
By: Ali Rushdan Tariq

Overview of this book

Webflow is a modern no-code website-builder that enables you to rapidly design and build production-scale responsive websites. Webflow by Example is a practical, project-based, and beginner-friendly guide to understanding and using Webflow to efficiently build and launch responsive websites from scratch. Complete with hands-on tutorials, projects, and self-assessment questions, this easy-to-follow guide will take you through modern web development principles and help you to apply them efficiently using Webflow. You’ll also get to grips with modern responsive web development and understand how to take advantage of the power and flexibility of Webflow. The book will guide you through a real-life project where you will build a fully responsive and dynamic website from scratch. You will learn how to add animations and interactions, customize experiences for users, and more. Finally, the book covers important steps and best practices for making your website ready for production, including SEO optimization and how to publish and package the website. By the end of this Webflow book, you will have gained the skills you need to build modern responsive websites from scratch without any code.
Table of Contents (20 chapters)
close
close
1
Section 1: Getting Started with Webflow
5
Section 2: Building a Mobile Responsive Landing Page with Webflow
11
Section 3: Building a Dynamic Website with Webflow CMS
16
Section 4: Additional Topics

Chapter 3: Setting Up Your First Project

Now that we've covered some foundational principles, it's time to step into Webflow.

In this chapter, we'll take a look at the first project you'll be building in Webflow: a landing page for a fictitious food delivery app. After signing up for a free plan on Webflow, we'll do a quick tour of the Webflow interface and have you set up and ready to start building.

As such, we'll cover the following topics in this chapter:

  • Landing page project overview
  • Understanding the Webflow plans and signing up
  • Downloading the required assets for the first project
  • Quick orientation tour of the Webflow interface

Since every journey worth taking starts with vision setting, let's start at the end, taking a look at what you'll have proudly built by the end of your first project.

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Webflow by Example
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon