Follow a website from its first idea through code, interactive features and testing on different screens.

How Websites Are Built

Explore this lesson!

AI-generated narration. Press Play to listen.

Tap โ–ถ Play to hear the lesson read aloud

Slide 1 of 4

From an idea to a plan

From an idea to a plan

A website begins with an idea: what should people be able to read, watch, or do there? Designers plan how the pages will look and work.

Fun fact: A website can contain many linked web pages.

Slide 2 of 4

Structure and style

Structure and style

Developers use code to build the pages. HTML gives them structure, and CSS helps control colors, spacing, and layout.

Fun fact: HTML stands for HyperText Markup Language.

Slide 3 of 4

Making pages respond

Making pages respond

Some websites also use JavaScript to respond when you tap a button or type in a box. A server can store information and send pages to visitors.

Fun fact: JavaScript can help a page react without loading a whole new page.

Slide 4 of 4

Test, share and improve

Test, share and improve

Before a website is shared, its makers test it on different screens and fix what is confusing or broken. Even after launch, they can keep improving it.

Fun fact: Responsive layouts can adapt to different screen sizes.
Press play to start the lesson
โ† Ask your own question