Websites and Web Pages
Students learn about the structure of websites, identifying homepages, links, and navigation elements.
About This Topic
Websites consist of multiple web pages connected by hyperlinks, with the homepage acting as the main entry point that provides navigation to other pages. In Year 3, students identify these elements on simple, familiar sites such as school or news pages for children. They learn how hyperlinks enable movement between pages and compare the homepage's role in overviewing content to the focused information on sub-pages.
This topic fits within the KS2 Computing curriculum on the internet and information technology, building on networks by showing how the web structures information for users. Students develop skills in analysing digital interfaces, which supports safe online navigation and prepares for creating digital content. Key questions guide them to explain hyperlinks, compare page purposes, and design a school website navigation path, fostering critical thinking about information organisation.
Active learning suits this topic well. When students trace hyperlinks on printed site maps or build physical models with cards linked by strings, they grasp abstract connections through tangible exploration. Collaborative design tasks make navigation intuitive and memorable, turning passive observation into active understanding.
Key Questions
- Explain how hyperlinks connect different web pages.
- Compare the purpose of a homepage to other pages on a website.
- Design a simple navigation path for a website about our school.
Learning Objectives
- Identify the homepage, hyperlinks, and navigation elements on a given website.
- Explain how hyperlinks facilitate movement between different web pages.
- Compare the primary purpose of a website's homepage to that of its sub-pages.
- Design a simple navigation path for a website about our school, illustrating the connections between pages.
Before You Start
Why: Students need basic familiarity with using computers or tablets to interact with digital content.
Why: Students should be able to use a mouse and keyboard to navigate simple interfaces and click on items.
Key Vocabulary
| Website | A collection of related web pages, images, videos, and other digital assets that are hosted on at least one web server and are typically accessible via the internet. |
| Web Page | A single document or resource within a website that can be displayed in a web browser. It contains information, text, images, and links. |
| Homepage | The main or introductory page of a website, usually serving as a central hub that provides an overview and links to other sections. |
| Hyperlink | A clickable element, often text or an image, that connects to another web page or resource when selected. |
| Navigation | The system of links and menus on a website that allows users to move between different pages and find information. |
Watch Out for These Misconceptions
Common MisconceptionA website is just one big page.
What to Teach Instead
Websites contain many pages connected by hyperlinks. Tracing paths on printed maps or physical models helps students see the multi-page structure. Group hunts reveal how links branch to different content areas.
Common MisconceptionHyperlinks only appear as buttons or images.
What to Teach Instead
Hyperlinks can be underlined text, icons, or images; clicking any jumps to another page. Hands-on hunts where students click various elements build recognition. Pair discussions clarify that text links work the same way.
Common MisconceptionThe homepage holds all the information.
What to Teach Instead
The homepage overviews and links to detailed sub-pages. Designing mockups shows its index role. Collaborative sharing corrects overload ideas by comparing page purposes.
Active Learning Ideas
See all activitiesWhole Class: Website Dissection
Project a simple website like your school homepage. Students label elements on shared worksheets: homepage, hyperlinks, navigation bar. Discuss as a class how clicking a link moves to a new page, then trace a path together from home to a sub-page.
Small Groups: Hyperlink Hunt
Provide tablets with child-safe sites. Groups follow teacher-set paths using hyperlinks, noting what each page shows and how navigation works. Groups report back one discovery, such as a menu leading to class pages.
Pairs: Navigation Path Design
Pairs sketch a school website: homepage with links to 'About Us', 'Classes', 'Events'. Draw arrows for hyperlinks and label page purposes. Pairs present their path, explaining user flow from home to a specific page.
Individual: Homepage Mockup
Students draw their ideal school homepage with 4-5 navigation links to imagined pages. Label each link's destination and purpose. Share one feature with a partner for feedback on clarity.
Real-World Connections
- Web designers use their understanding of navigation and page structure to create user-friendly websites for companies like the BBC, ensuring visitors can easily find news articles or program information.
- Librarians often create website structures for school or public libraries, organizing resources and information so students and patrons can quickly locate books, databases, or event schedules.
Assessment Ideas
Provide students with a printed screenshot of a simple website (e.g., a local park or museum). Ask them to circle the homepage, underline two hyperlinks, and draw an arrow showing where one hyperlink would lead. Then, ask: 'What is the job of the homepage?'
Display a familiar child-friendly news website on the projector. Ask students to raise their hand and identify the homepage. Then, ask them to point out a link that would take them to a different page and explain what kind of content they expect to find there.
Pose the question: 'Imagine you are designing a website for our school. What would be on the homepage, and what other pages would you link to from it? How would you make it easy for someone to find information about clubs or the school play?'
Frequently Asked Questions
How do I explain hyperlinks to Year 3 students?
What makes a good homepage for teaching purposes?
How can active learning help teach websites and web pages?
What activities build navigation design skills?
More in Connecting the Dots: Networks and the Internet
What is a Computer Network?
An introduction to how devices in a school or home talk to each other through a central hub or router.
2 methodologies
Local Area Networks (LANs) in Action
Students explore practical examples of LANs, identifying components like routers, switches, and cables within their school environment.
2 methodologies
The Internet: A Global Network
Clarifying the distinction between the physical infrastructure of the internet and the software services like the web.
2 methodologies
Effective Search Strategies
Learning how search engines index the web and how to refine queries to find specific information.
2 methodologies
Staying Safe Online: Personal Information
Understanding the importance of keeping personal information private and identifying what information is safe to share online.
2 methodologies
Cyberbullying and Reporting Concerns
Recognizing cyberbullying and learning strategies for reporting inappropriate content or behavior online.
2 methodologies