Computing · Year 7

Active learning ideas

The World Wide Web: Information Access

Active learning works for this topic because students need to experience the gap between raw code and rendered output to grasp how the web delivers information. Building, inspecting, and mapping web elements helps students move from abstract ideas about the internet to concrete understandings of how structure, navigation, and access function together.

• National Curriculum Attainment Targets
• KS3: Computing - Computer Networks
• KS3: Computing - Communication and Collaboration

• 25–40 min
• Pairs → Whole Class
• 4 activities

Activity 01

• Project-Based Learning
• 30 min · Pairs

Pairs: Build Basic HTML Page

Pairs use a text editor to create an HTML file with headings, paragraphs, images, and hyperlinks. They save and open it in a browser to view results. Partners then modify each other's code and explain changes.

What is the difference between the physical internet and the web?

Facilitation Tip

During the pair activity, circulate to ensure partners take turns typing and discussing each HTML tag’s purpose before moving forward.

What to look for

Ask students to write down: 1) One difference between the internet and the web. 2) One factor a search engine uses to rank results. 3) One example of a hyperlink they used today.

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Activity 02

• Project-Based Learning
• 40 min · Small Groups

Small Groups: Search Result Analysis

Groups enter identical queries into two search engines and record top results. They compare rankings and identify factors like keywords or links influencing order. Groups share findings in a class discussion.

Explain how search engines determine which results are most relevant.

Facilitation Tip

For the small group search analysis, provide a short list of queries and ask groups to compare their results and justify why certain pages ranked higher.

What to look for

Pose the question: 'Imagine you are researching a historical event. How does the use of hyperlinks change the way you gather information compared to reading a single book?' Facilitate a brief class discussion, encouraging students to share examples.

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Activity 03

• Project-Based Learning
• 35 min · Whole Class

Whole Class: Hyperlink Mapping

Project a webpage and have the class trace hyperlinks to related pages. Students sketch a visual map on paper or digital tools, noting how links connect information non-linearly. Discuss navigation changes.

Analyze how the use of hyperlinks changes the way we consume information.

Facilitation Tip

During hyperlink mapping, remind students to label each node with the type of content (image, text, link) and the URL path to clarify how pages connect.

What to look for

Present students with a short, simple HTML code snippet. Ask them to identify the tags used for headings, paragraphs, and links, and predict what the output would look like in a browser.

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Activity 04

• Project-Based Learning
• 25 min · Individual

Individual: Browser Inspection

Students right-click a webpage to inspect HTML elements using developer tools. They identify tags for content and links, then alter CSS briefly to see effects. Note observations in a log.

What is the difference between the physical internet and the web?

What to look for

Ask students to write down: 1) One difference between the internet and the web. 2) One factor a search engine uses to rank results. 3) One example of a hyperlink they used today.

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

A few notes on teaching this unit

Teachers should approach this topic by starting with hands-on building to make abstract concepts tangible. Avoid going straight to definitions; instead, let students experience the process of creating structure with HTML and then inspect how browsers interpret it. Research shows that when students see immediate visual feedback from code edits, their understanding of markup versus programming language solidifies more quickly.

Successful learning looks like students accurately distinguishing the internet from the web, explaining how search engines rank results using hyperlinks and keywords, and identifying HTML tags that structure a page. Students should also demonstrate the ability to navigate web content through hyperlinks and inspect browser-rendered code.

---

Watch Out for These Misconceptions

• During the Build Basic HTML Page activity, watch for students who conflate the web with the internet when they describe their page as 'being on the internet.'

  Use this activity to clarify by having students draw a simple layered diagram showing their HTML file sitting on top of a server, which is connected through cables to the internet.

• During the Search Result Analysis activity, listen for students who assume search engines check every page on the web for each query.

  Guide students to notice that their results come from pre-indexed pages by asking them to compare their queries with the dates listed under search results, emphasizing the time gap between crawling and ranking.

• During the Build Basic HTML Page activity, watch for students who treat HTML like a programming language that executes logic.

  Point out that HTML tags only structure content by asking students to change a heading tag from <h1> to <h2> and observe how the visual size changes without running any code.

---

Methods used in this brief

• Project-Based Learning