Web page layout
Lesson details
Learning outcome
I can design my own web page for a purpose.
Key learning points
- When making a website you need to think about who it is for (the audience) and why you are making it (the purpose).
- 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
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.
a collection of interlinked web pages stored under a single address
a single HTML document viewed using a web browser
a language used to define the structure of web pages
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.
Q3.Where do you type in a website's URL to visit the website?
Q4.Which of these are features of a good website?
Q5.Websites are made up of code called Markup Language, or HTML for short.
Q6.A is a single HTML document viewed using a web browser.
Assessment exit quiz
6 Questions
Q1.The of a website is the reason it was created.
Q2.The is the group of people a website is designed for.
Q3.What do you call a web page’s title section?
Q4.Why should websites have a good layout?
Q5.Before you create a website, it is a good idea to create a first.
Q6.The of a web page specifies how items such as text and images are arranged on the page.
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...
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.
The starter quiz will activate and check your pupils' prior knowledge, with versions available both with and without answers in PDF format.
We use learning cycles to break down learning into key concepts or ideas linked to the learning outcome. Each learning cycle features explanations with checks for understanding and practice tasks with feedback. All of this is found in our slide decks, ready for you to download and edit. The practice tasks are also available as printable worksheets and some lessons have additional materials with extra material you might need for teaching the lesson.
The assessment exit quiz will test your pupils' understanding of the key learning points.
Our video is a tool for planning, showing how other teachers might teach the lesson, offering helpful tips, modelled explanations and inspiration for your own delivery in the classroom. Plus, you can set it as homework or revision for pupils and keep their learning on track by sharing an online pupil version of this lesson.
Explore more key stage 2 computing lessons from the Web page creation unit, dive into the full primary computing curriculum, or learn more about lesson planning.