Year 6
Follow the breadcrumbs
Lesson details
Key learning points
- In this lesson, we will appreciate the need to plan the structure of a website carefully. We will plan our website, paying attention to the navigation paths (the way that pages are linked together). We will then create multiple web pages and use hyperlinks.
Licence
This content is made available by Oak National Academy Limited and its partners and licensed under Oak’s terms & conditions (Collection 1), except where otherwise stated.
Loading...
5 Questions
Q1.
When creating a web page, what do the icons below indicate?
![An image in a quiz](/_next/image?url=https%3A%2F%2Foaknationalacademy-res.cloudinary.com%2Fimage%2Fupload%2Fv1707208251%2Fqdfhvzgr0no2uncpoy9l.png&w=1920&q=75)
Different images to add
Different layout options
Different text styles
Q2.
When creating a web page, what do the icons below indicate?
![An image in a quiz](/_next/image?url=https%3A%2F%2Foaknationalacademy-res.cloudinary.com%2Fimage%2Fupload%2Fv1707208259%2Fkhfs7j47fgcbivwg8tms.png&w=384&q=75)
Different header options
Different images to add
Different text styles
Q3.
When creating a web page, what do the icons below indicate?
![An image in a quiz](/_next/image?url=https%3A%2F%2Foaknationalacademy-res.cloudinary.com%2Fimage%2Fupload%2Fv1707208268%2Fry7tgahson8gjouzoqir.png&w=1080&q=75)
Add squares
Change layout
Turn the page view clockwise
Q4.
In the phone preview below, what changes need to be made, if any?
![An image in a quiz](/_next/image?url=https%3A%2F%2Foaknationalacademy-res.cloudinary.com%2Fimage%2Fupload%2Fv1707208271%2Fx2aq9hj9dvsdi8utf9ei.png&w=640&q=75)
Add more text to fill up blank space
Make the font smaller so the words do not get split up on this screen
Make the image smaller so you can see the entire picture
Q5.
In the tablet preview below, what changes need to be made, if any?
![An image in a quiz](/_next/image?url=https%3A%2F%2Foaknationalacademy-res.cloudinary.com%2Fimage%2Fupload%2Fv1707208274%2Fgglams1vrudkqc14pkv7.png&w=750&q=75)
Add more text to fill up blank space
Make the image smaller so you can see the entire picture
No changes needed - the web page looks good on the tablet
4 Questions
Q1.
In computing, what is a breadcrumb trail?
A tasty snack for birds to eat
The path that Hanzel and Gretel followed through the woods
The result of a very messy eater
Q2.
Why is a navigation path important?
It is the first thing the user sees when visiting a website
It points you to buried treasure
The website will crash without one
Q3.
Describe the navigation path to the page: 'Desert'
![An image in a quiz](/_next/image?url=https%3A%2F%2Foaknationalacademy-res.cloudinary.com%2Fimage%2Fupload%2Fv1707161579%2Fxwmphqntkjcll2xmggnb.png&w=1200&q=75)
Animal Unleashed (home page) -> Animals A-Z -> Fox
Animal Unleashed (home page) -> FAQs -> Animals Unleashed
Animal Unleashed (home page) -> Habitats
Q4.
Describe the navigation path to the page: 'Fox'
![An image in a quiz](/_next/image?url=https%3A%2F%2Foaknationalacademy-res.cloudinary.com%2Fimage%2Fupload%2Fv1707161584%2Ftemsenxrghnxnxwqdz7e.png&w=1200&q=75)
Animal Unleashed (home page) -> FAQs -> Animals Unleashed
Animal Unleashed (home page) -> Habitats
Animal Unleashed (home page) -> Habitats -> Desert