Summary  
Adding and customizing UI components by manipulating their properties through a graphical editor interface and populating dynamic content via declarative configuration objects.

General domain of usage  
Web development (website building)

## Key Learning Outcomes
After completing this chapter, you will be able to:
- Understand the interface and tools available in the Wix Editor;
- Learn how to use the Wix Editor to customize a website;
- Gain confidence in making design changes and adding content to the template.


The Wix Editor is your **primary tool** for <u>customizing your website</u>. Here are the main sections and how to use them:
1. **Toolbar**: Located on the **left**, this is where you can add elements like text, images, videos, buttons, and more;
2. **Workspace**: The **central area** where you can see and edit your website in real time;
3. **Properties Panel**: On the top-right when an element is selected, this panel allows you to adjust settings for each element, such as font, color, size, and position.

## Adding and Customizing Elements
### Text
To add text, click "Add" > "Text" and choose a style. Drag it to your workspace and customize it using the properties panel.


### Images
To add an image, click "Add" > "Image" and either choose from Wix's free media or upload your own. Resize and reposition the image using the properties panel.

By understanding these tools and features, you can start creating a personalized and professional portfolio website.

What is the central area of the Wix Editor where you can see and edit your website called?

You can add elements such as text and images to your website using the toolbar in the Wix Editor.

Wix allows you to filter templates by category to find the best match for your portfolio.


Mastering Wix from concept to launch takes you through every stage of creating a professional portfolio website using Wix. This comprehensive course covers everything from starting and planning your site to designing, adding content, and enhancing with apps. You will learn how to create a stunning and functional website.

Meet the Wix platform. Cover creating a Wix account, navigating the interface, and understanding the basic tools and features available. By the end of this section, you will be comfortable with the Wix environment and ready to start building your portfolio website.

Planning is crucial for a successful website. This section guides you through planning your portfolio, including defining the website's purpose, identifying target audiences, and creating a site map. It ensures you have a clear vision and structure for your website before you start building.

Design is a key aspect of any portfolio. This section delves into the principles of good web design and how to apply them using Wix. You will explore how to customize your chosen template, create a cohesive visual style, and ensure your website is visually appealing and user-friendly.

Content is the heart of any website. This section covers how to add and organize content in Wix. You will learn how to create and manage pages, add text and media, and ensure that content is organized and accessible.

Wix offers a variety of apps and features that can enhance the functionality of your website. This section explores how to use these apps to add interactive elements, improve user engagement, and provide additional services to visitors.

With more people accessing websites on mobile devices, your portfolio must be mobile-friendly. This section covers using Wix's mobile editor to ensure your website looks and functions well on all devices.

The final step is publishing your website and ensuring it remains updated and secure. This section covers how to publish your site, keep it updated, and implement security measures to protect your content and visitors.

Exploring the Wix Editor

Key Learning Outcomes

Adding and Customizing Elements

Text

Images

1. What is the central area of the Wix Editor where you can see and edit your website called?

2. You can add elements such as text and images to your website using the toolbar in the Wix Editor.

3. Wix allows you to filter templates by category to find the best match for your portfolio.