icon-background-square
New
New
Year 6

Web page layout

I can design my own web page for a purpose.

icon-background-square
New
New
Year 6

Web page layout

I can design my own web page for a purpose.

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.

Lesson details

Key learning points

  1. When making a website you need to think about who it is for (the audience) and why you are making it (the purpose).
  2. The design of a web page should demonstrate the layout of the page and an indication of what content will be.

Keywords

  • Audience - the group of people the website is designed for

  • Purpose - the reason why the website has been created

  • Layout - specifies how items such as text and images are arranged on the page

Common misconception

The header of a web page is the title.

The header is a section of the web page where the title is normally located but includes information that describes features of a web page but that is not actually part of the web page itself.


To help you plan your year 6 computing lesson on: Web page layout, download all teaching resources for free and adapt to suit your pupils' needs...

When planning the layouts it is a good idea to get pupils to do this on paper so that the planning process is more flexible.
speech-bubble
Teacher tip
equipment-required

Equipment

The lesson has been based on the use of Google Sites, which is free to use with any Google account.

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.
Match the terms to the definitions.
Correct Answer:website,a collection of interlinked web pages stored under a single address
tick

a collection of interlinked web pages stored under a single address

Correct Answer:web page,a single HTML document viewed using a web browser
tick

a single HTML document viewed using a web browser

Correct Answer:HTML,a language used to define the structure of web pages
tick

a language used to define the structure of web pages

Correct Answer:web browser,a program that lets you visit websites on the internet
tick

a program that lets you visit websites on the internet

Q2.
A web browser will typically have back and forward to help you move between pages you have visited previously.
Correct Answer: buttons
Q3.
Where do you type in a website's URL to visit the website?
Correct answer: address bar
back and forward buttons
search bar
Q4.
Which of these are features of a good website?
It only has text.
Correct answer: It has a mix of text, images and videos.
It works only on one device.
Correct answer: It is accessible on a range of devices.
Q5.
Websites are made up of code called Markup Language, or HTML for short.
Correct Answer: Hypertext, Hyper text, HyperText
Q6.
A is a single HTML document viewed using a web browser.
Correct Answer: webpage, web page

6 Questions

Q1.
The of a website is the reason it was created.
Correct Answer: purpose
Q2.
The is the group of people a website is designed for.
Correct Answer: audience
Q3.
What do you call a web page’s title section?
footer
Correct answer: header
sidebar
Q4.
Why should websites have a good layout?
so a computer can find information
so all web pages look the same
Correct answer: so people can easily read and find information
Q5.
Before you create a website, it is a good idea to create a first.
Correct Answer: design, plan
Q6.
The of a web page specifies how items such as text and images are arranged on the page.
Correct Answer: layout