Data saver on
Back

Web Developer / Digital Designer

6-12 months training· 8 lessons
0 of 8 lessons complete0%
Course resources

Current lesson · 1 of 8

How Websites Work

12 min read

Learning objective

By the end of this lesson you can explain the fundamental process of how a web browser requests and displays website content from a server.

Ama, your lesson guide
Ama · 1/6

How Websites Work

Welcome. In this lesson we will cover how websites work. It takes about 12 min.

Voice speed

Voices are generated once, then kept on your phone. Replays use no data.

When you type a website address (like facebook.com) into your browser, your phone sends a request across the internet to a computer called a server. The server sends back files — HTML, CSS, and images — that your browser puts together to display the page. This happens in seconds, even across continents.

Three languages make up every website: HTML (the structure — like the walls and floors of a building), CSS (the styling — like paint, curtains, and furniture), and JavaScript (the interactivity — like light switches and door handles). As a web developer, you write these languages to create websites that businesses need. In Ghana and Nigeria, small businesses increasingly want simple websites — a menu page, a contact form, a photo gallery — and they will pay for it.

Diagrams for this lesson

Download them to study on paper, away from the phone.

Small office network — how the parts connect Internet ISP Router 192.168.1.1 Switch 8 ports Wi-Fi access point PC 1 …1.21 PC 2 …1.22 Printer …1.30 Same network: 192.168.1.0 / 24 Gateway 192.168.1.1 · DNS from router First three tests: link light, ping the gateway, ping 8.8.8.8. That tells you which hop failed. Fault-find outward: device, cable, switch, router, then the line to the provider. Test one hop at a time. Miva Skills Navigator — study sheet
Small office network — how the parts connect

Fault-find outward: device, cable, switch, router, then the line to the provider. Test one hop at a time.

What happens when a page loads Browser 1 DNS lookup 2 Web server 3 App code 4 Database 5 HTML back to the screen 6response pathSlow database, slow page. Cache what rarely changes and send images no larger than the screen shows. Six hops, every time. When a site is slow or broken, name the hop before you touch the code. Miva Skills Navigator — study sheet
What happens when a page loads

Six hops, every time. When a site is slow or broken, name the hop before you touch the code.

Practice question

  1. Which language is responsible for the STRUCTURE of a website?