icon-background-square
New
New
Year 8

Creating a custom website

I can create a multi-page website with working navigation.

icon-background-square
New
New
Year 8

Creating a custom website

I can create a multi-page website with working navigation.

warning

These resources will be removed by end of Summer Term 2025.

Switch to our new teaching resources now - designed by teachers and leading subject experts, and tested in classrooms.

These resources were created for remote use during the pandemic and are not designed for classroom teaching.

Lesson details

Key learning points

  1. A well-planned website ensures the content on each web page is clear and presented in a logical and organised way.
  2. The a tag is used to interlink web pages and help users navigate a website easily.
  3. CSS can be used to style websites and make web pages look more attractive and consistent.
  4. Testing helps you identify and fix errors and improve the user experience for website visitors.

Keywords

  • Audience - the group of people who watch, listen to, or read something, such as a website

  • Purpose - the reason why something is done or created

  • Navigation - how users move around a website using menus, links, and buttons to find information easily

  • Testing - to check if something works correctly and as expected

Common misconception

Hyperlinks only work on the homepage.

Hyperlinks are used across all pages, creating a fully navigable website. Any object on any HTML page can be made into a hyperlink.


To help you plan your year 8 computing lesson on: Creating a custom website, download all teaching resources for free and adapt to suit your pupils' needs...

Encourage learners to adapt the example code and be creative to customise their own website. You may benefit from adjusting the context of examples before teaching the lesson.
speech-bubble
Teacher tip
equipment-required

Equipment

A HTML editor is required to enable pupils to complete activities. Links to the same projects in the Raspberry Pi Code Editor are provided as one option.

copyright

Licence

This content is © Oak National Academy Limited (2025), licensed on Open Government Licence version 3.0 except where otherwise stated. See Oak's terms & conditions (Collection 2).

Lesson video

Loading...

6 Questions

Q1.
What allows you to navigate to another web page or location?
Correct Answer: hyperlink, hyper link
Q2.
What is the purpose of a hyperlink?
to store data on a web page
Correct answer: to navigate between web pages
to highlight text on a web page
to create a search engine
Q3.
What does a hyperlink typically look like on a web page?
Correct answer: underlined and coloured text
plain text
a bold word
Q4.
What does the term 'navigation' mean in the context of web pages?
browsing through a book
scrolling down a web page
Correct answer: moving between web pages
searching for a web page
Q5.
What HTML tag is used to create an unordered list?
Correct Answer: <ul>
Q6.
What is the primary purpose of CSS in web development?
to structure the content of a web page
to create interactive functionality on a web page
to store data for a web page
Correct answer: to style and format a web page

6 Questions

Q1.
Match each word to its definition.
Correct Answer:navigation,moving between different pages or sections of a website
tick

moving between different pages or sections of a website

Correct Answer:audience,the group of people a website is designed for
tick

the group of people a website is designed for

Correct Answer:purpose,the goal or objective of a website
tick

the goal or objective of a website

Correct Answer:testing,the process of identifying and fixing errors on a website
tick

the process of identifying and fixing errors on a website

Q2.
A well-planned website ensures that ...
Correct answer: the content is clear and organised.
the website has no hyperlinks.
the website uses only one page.
the website has no navigation.
Q3.
Which tag is used to create hyperlinks on a web page?
Correct answer: `<a>`
<ul>
<link>
<nav>
Q4.
What is a key benefit of using CSS on a website?
It stores website data.
It creates hyperlinks.
Correct answer: It styles and formats web pages.
It tests website functionality.
Q5.
Where can hyperlinks be used on a website?
only on the home page
only on the contact page
Correct answer: on all pages of the website
only in the navigation menu
Q6.
What is the main purpose of testing a website?
to delete unnecessary pages
to add more hyperlinks
Correct answer: to identify and fix errors
to create a consistent style

Additional material

Download additional material