6. Navigating the Web

Website Hierarchy Rearranger

Drag each page into the hierarchy to plan how users move around a website. The connection lines update as you rearrange.

Build your own structure.

Homepage
Lesson 1
Lesson 2
Lesson 3
Lesson 4
Lesson 5
Lesson 6
L1 Content
L2 Content
L3 Content
L4 Content
L5 Content
L6 Content

Page Cards

Activity 2

Fix The Homepage Links

The code below has six broken lesson links. Correct the HTML so each link opens the matching lesson page.

Fix the links in the code.

Homepage Code

Live Website View