Follow the breadcrumbs

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.

This quiz includes images that don't have any alt text - please contact your teacher who should be able to help you with an audio description.

Quiz:

Intro quiz - Recap from previous lesson

Before we start this lesson, let’s see what you can remember from this topic. Here’s a quick quiz!

Q1.When creating a web page, what do the icons below indicate?

Different text stylesDifferent layout optionsDifferent header optionsDifferent images to add

1/5

Q2.When creating a web page, what do the icons below indicate?

Different text stylesDifferent layout optionsDifferent header optionsDifferent images to add

2/5

Q3.When creating a web page, what do the icons below indicate?

Turn the page view clockwisePreview the web pageChange layoutAdd squares

3/5

Q4.In the phone preview below, what changes need to be made, if any?

Make the font smaller so the words do not get split up on this screenMake the image smaller so you can see the entire pictureAdd more text to fill up blank spaceNo changes needed - the web page looks good on the phone

4/5

Q5.In the tablet preview below, what changes need to be made, if any?

5/5

This quiz includes images that don't have any alt text - please contact your teacher who should be able to help you with an audio description.

Quiz:

Intro quiz - Recap from previous lesson

Before we start this lesson, let’s see what you can remember from this topic. Here’s a quick quiz!

Q1.When creating a web page, what do the icons below indicate?

Different text stylesDifferent layout optionsDifferent header optionsDifferent images to add

1/5

Q2.When creating a web page, what do the icons below indicate?

Different text stylesDifferent layout optionsDifferent header optionsDifferent images to add

2/5

Q3.When creating a web page, what do the icons below indicate?

Turn the page view clockwisePreview the web pageChange layoutAdd squares

3/5

Q4.In the phone preview below, what changes need to be made, if any?

4/5

Q5.In the tablet preview below, what changes need to be made, if any?

5/5

Video

Play video

Click on the play button to start the video. If your teacher asks you to pause the video and look at the worksheet you should:

Click "Close Video"
Click "Next" to view the activity

Your video will re-appear on the next page, and will stay paused in the right place.

Worksheet

PDF

PPTX

These slides will take you through some tasks for the lesson. If you need to re-play the video, click the ‘Resume Video’ icon. If you are asked to add answers to the slides, first download or print out the worksheet. Once you have finished all the tasks, click ‘Next’ below.

This quiz includes images that don't have any alt text - please contact your teacher who should be able to help you with an audio description.

Quiz:

Follow the breadcrumbs

This quiz is to assess your learning from this lesson. Images courtesy of Google Sites and Pixabay.

Q1.In computing, what is a breadcrumb trail?

A tasty snack for birds to eatThe path that Hanzel and Gretel followed through the woodsA path that helps the user keep track of where they have been on the websiteThe result of a very messy eater

1/4

Q2.Why is a navigation path important?

It helps the user find their way around the websiteIt points you to buried treasureThe website will crash without oneIt is the first thing the user sees when visiting a website

2/4

Q3.Describe the navigation path to the page: 'Desert'

Animal Unleashed (home page) -> Animals A-Z -> FoxAnimal Unleashed (home page) -> FAQs -> Animals UnleashedAnimal Unleashed (home page) -> Habitats -> DesertAnimal Unleashed (home page) -> Habitats

3/4

Q4.Describe the navigation path to the page: 'Fox'

Animal Unleashed (home page) -> Animals A-Z -> FoxAnimal Unleashed (home page) -> FAQs -> Animals UnleashedAnimal Unleashed (home page) -> Habitats -> DesertAnimal Unleashed (home page) -> Habitats

4/4

This quiz includes images that don't have any alt text - please contact your teacher who should be able to help you with an audio description.

Quiz:

Follow the breadcrumbs

This quiz is to assess your learning from this lesson. Images courtesy of Google Sites and Pixabay.

Q1.In computing, what is a breadcrumb trail?

A tasty snack for birds to eatThe path that Hanzel and Gretel followed through the woodsA path that helps the user keep track of where they have been on the websiteThe result of a very messy eater

1/4

Q2.Why is a navigation path important?

It helps the user find their way around the websiteIt points you to buried treasureThe website will crash without oneIt is the first thing the user sees when visiting a website

2/4

Q3.Describe the navigation path to the page: 'Desert'

Animal Unleashed (home page) -> Animals A-Z -> FoxAnimal Unleashed (home page) -> FAQs -> Animals UnleashedAnimal Unleashed (home page) -> Habitats -> DesertAnimal Unleashed (home page) -> Habitats

3/4

Q4.Describe the navigation path to the page: 'Fox'

Animal Unleashed (home page) -> Animals A-Z -> FoxAnimal Unleashed (home page) -> FAQs -> Animals UnleashedAnimal Unleashed (home page) -> Habitats -> DesertAnimal Unleashed (home page) -> Habitats

4/4

Lesson summary: Follow the breadcrumbs

It looks like you have not completed one of the quizzes.

To share your results with your teacher please complete one of the quizzes.

Time to move!

Did you know that exercise helps your concentration and ability to learn?

For 5 mins...

Move around:
Jog

On the spot:
Chair yoga

The next lesson in:
Web Page Creation
is:
Think before you link!

Browse Oak's lessons:

Subjects Schedule

Follow the breadcrumbs

Intro quiz - Recap from previous lesson

Intro quiz - Recap from previous lesson

Video

Worksheet

Follow the breadcrumbs

Follow the breadcrumbs

Lesson summary: Follow the breadcrumbs

It looks like you have not completed one of the quizzes.

Time to move!

The next lesson in: Web Page Creation is: Think before you link!

Browse Oak's lessons:

The next lesson in:
Web Page Creation
is:
Think before you link!