Choose exam board for KS4 Computer Science (GCSE)
Choose exam board for KS4 English
Choose exam board for KS4 French
Choose exam board for KS4 Geography
Choose exam board for KS4 German
Choose exam board for KS4 History
Choose tier for KS4 Maths
Choose exam board for KS4 Music
Choose exam board for KS4 Physical education (GCSE)
Choose exam board for KS4 Religious education (GCSE)
Choose exam board for KS4 Spanish

      Lesson details

      Learning outcome

      I can design my own web page for a purpose.

      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 - why something is used or what it is for

      • 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.

      Teacher tip

      Encouraging pupils to plan their website layouts on paper allows them to experiment with ideas more flexibly before working on-screen.

      Equipment

      Pupils require access to a device with software that can create web pages. Examples in this lesson use Google Sites https://oak.link/google-sites

      Licence

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

      Lesson video

      Loading...

      Prior knowledge starter quiz

      6 Questions

      Q1.
      Match the terms to the definitions.

      Correct Answer:website,a collection of interlinked web pages stored under a single address
      Correct Answer:web page,a single HTML document viewed using a web browser
      Correct Answer:HTML,a language used to define the structure of web pages
      Correct Answer:web browser,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

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