lesson1Title

lesson2Title

lesson3Title

lesson4Title

webIntroOtChapter2Title

webIntroOtChapter1Title

# Key Components of Attractive Websites

When creating a landing page, typically consider the following five elements:

 

## Clean First Impression

Just as a first impression is crucial for people, a clean first impression significantly impacts user engagement.

Choosing the right `primary colors` and `fonts` ensures that visitors can quickly grasp the information presented without feeling overwhelmed.

 

## Clear Section Layout

A well-organized `section-based` layout improves readability and usability.

For example, a portfolio website can be structured with sections for resume, project showcase, and contact information.

 

## Elements to Build Trust

Include elements that enhance `credibility` such as user testimonials, awards, and endorsements to gain the trust of website visitors.

 

## Use of Multimedia Content

Incorporate `dynamic content` such as animations, videos, and audio on the website to prevent visitors from finding the information acquisition process monotonous.

 

## Contact Information

Providing `contact details` such as an email address, phone number, or a `contact form` allows visitors to easily reach out to the website administrator.

 

So, how can you code an attractive website?

Let’s begin by learning step by step how to **build a website from scratch on your own**! 👍

## Experience CSS Coding

CSS is a language that styles the design of a webpage. The CSS code `border-bottom: 5px solid yellowgreen;` which you can see by clicking the CSS tab, has the following meaning. 1) Defines a bottom border (border-bottom) 2) With a thickness of 5px 3) Consisting of a solid line 4) In yellowgreen color To change the text color to blue instead of yellowgreen, you can input `blue` in place of `yellowgreen` in the template. Fill in the blank with **blue** and check your answer! 👨🏻‍💻