No history yet

Introduction to Websites

What Is a Website?

Think of a website as a virtual place on the internet. It's a collection of connected pages and content, all under one address. People and organizations create websites to share information, sell products, offer services, or build communities. From reading the daily news to connecting with friends, websites are how we do most things online.

Lesson image

Just like a physical store has a storefront and a stockroom, a website has parts you see and parts you don't. These two sides work together to deliver the content on your screen.

The Two Sides of a Site

Every website has two core components: the frontend and the backend. The easiest way to understand them is to think of a restaurant.

The frontend is the dining area. It's everything you, the customer, experience directly: the decor, the menu you read, the table you sit at. It’s designed to be pleasant and easy to navigate.

The backend is the kitchen. You don't see it, but it's where all the important work happens. The chefs cook the food, ingredients are stored, and orders are processed. Without the kitchen, there would be nothing to serve in the dining area.

Frontend

noun

The part of a website that a user sees and interacts with directly. It includes all visual elements like text, images, and buttons.

In web terms, the frontend is the user interface. It’s the layout of the page, the colors and fonts, the buttons you click, and the images you see. Its job is to present information clearly and make the website easy to use.

Backend

noun

The behind-the-scenes part of a website that stores and processes data. It's the server, database, and application logic that power the frontend.

The backend is the engine of the website. When you log into an account, the backend checks your username and password. When you buy something, it processes your payment. It handles all the logic, data storage, and calculations that make a website interactive and functional.

Finding a Website Online

So, how does a website get from a developer's computer onto the internet for everyone to see? Two key things are needed: a domain name and web hosting.

A domain name is the website's address, like google.com or wikipedia.org. It's a unique name that you type into your browser to find a specific site.

Web hosting is the service that stores the website's files and makes them available on the internet. Think of it as the plot of land where you build your house. The host provides the space and infrastructure for your site to 'live' online.

When you enter a domain name into your browser, it's like looking up an address. The browser finds the correct web host, asks for the website's files, and the host sends them back to your device. Your browser then assembles these files into the complete webpage you see on your screen.

Quiz Questions 1/5

Using the restaurant analogy from the text, which part of a website is like the kitchen where all the important work happens unseen?

Quiz Questions 2/5

Which of the following tasks is performed by a website's backend?

Together, these elements form the foundation of how the web works, allowing us to access a world of information with just a few clicks.