Book Image

Webflow by Example

By : Ali Rushdan Tariq
Book Image

Webflow by Example

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)
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

Summary

In this chapter, we covered several smaller details and features that will help us manage our CMS projects. Specifically, we learned how to use the Collection Page settings to make a CMS-based website optimized for search engines, social media, and RSS feeds.

Next, we looked at how to update individual fields and put this into practice by updating the addresses of some of the libraries in our Libraries Collection.

We then saw how to create new fields from scratch. This involved us finding the connections that an existing field had, disconnecting those connections, adding a brand-new field, and reconnecting it to an element on the page. In the process, we saw how a field of the Number type is different from a field of the Plain Text type; the former only allows numbers to be used, whereas the latter allows letters and symbols to be used as well.

Finally, we took a brief look at some ways Collection items can be published. Specifically, we saw that an item can be moved...