Making a Responsive Website from Scratch: Step-by-Step Guide Using Editor X by Wix

During this Skillshare class we are going to learn how to make a responsive website using Editor X. This intuitively design website builder is one of the best places to get started when building your first website. As someone who has been working in website designs and developments for many years I have put together a series of lessons to showcase how I go about creating a brand new website.

Editor X is a free to use website builder with a wealth of tools and capabilities allowing you to create the perfect dynamic website for your projects, business or marketing needs.

For this class we are going to design a webpage for a tourist company wanting to showcase their locations and different travel packages.

During this class we will cover:

1. Getting started with the Editor X user interface.
2. Key things to consider for a good website.
3. Website layout and setting up pages
4. Working with sections and grids
5. Adding assets to sections and grids
6. Styling the Header and Footer and working with the Element and Inspector Bar.
7. Sizing and Positioning of Sections using the Inspector Bar
8. Adding assets and designing a webpage.
9. Adding Hover Interactions
10. Using the Layouter and timing interactions
11. Hyperlinking Pages
12. Making your website responsive
13. Working with Editor X apps and prebuilt customer management tools

Preview

1 image