Lesson video

Hello everybody.

It's Mrs. Franzsen here.

Welcome to computing.

It's really great to have you in my lesson today.

Let's get started.

By the end of this lesson, you will be able to explain the need for navigation.

Let's look at our keywords for today.

Our first keyword is navigation path.

A navigation path allows users to keep track of where they have been on a website and how it is structured.

Our next keyword is subpage.

The subpages are the branches that lead from the home page to other pages.

Our next key word is hyperlink.

A hyperlink is text or media that, when clicked, takes the user to another specified destination.

In the first part of the lesson, you are going to describe why navigation paths are useful.

Do you know what a navigation path or a breadcrumb trail is? Pause the video to have a think about that.

Have you heard the story of Hansel and Gretel? These images here will give you some clues about the story.

Have a look.

Here is a summary of the story.

Hansel and Gretel overhear their father and stepmother talking about a famine.

Their stepmother tells their father that they should lose the children in the woods so that she and their father can have more food for themselves.

Hansel hatches a clever plan to leave a trail of breadcrumbs to lead him and his sister back to their father's house.

Navigation paths, or breadcrumb trails as they are sometimes known, are very important when navigating a website.

When you use a website, it is helpful to be able to get back to where you came from.

Navigation paths allow users to keep track of where they have been on a website and how it is structured.

Let's do a check here.

Fill in the gap to complete the sentence.

A ____ allows users to keep track of where they have been on a website and how it is structured.

Pause the video to have a think about your answer.

Let's look at the answer.

A navigation path allows users to keep track of where they have been on a website and how it is structured.

A breadcrumb trail is also a correct answer.

Well done if you got that one right.

When you are planning a website, you need to think carefully about which webpage is linked together to help the user to move around the site easily.

A website's design usually starts at the top with the home page.

Then we create branches that lead from the home page to the other pages.

These are called subpages.

You can see an example here of the All About Animals website.

The home page is at the top.

Let's do a check here.

Which page in this structured diagram is the home page? Is it A, All About Animals? B, All About Rabbits, or C, All About Dogs? Pause the video to think about your answer.

Welcome back.

The correct answer is A, All About Animals is the home page in this structure diagram.

Well done if you got that one right.

It's time to do a task now.

For the first part of the task, I want you to describe why navigation paths are useful.

Pause the video here to go and work on this part of the task.

Let's look at the answers together.

When you use a website, it is helpful to be able to get back to where you came from.

Navigation paths allow users to keep track of where they have been on a website and how it is structured.

For the second part of the task, I want you to create a navigation plan for your website.

Remember to include the home page at the top and then the subpages below.

You can use this structure to format your navigation plan.

Pause the video here and go and work on your plan, and then you can come back and look at an example.

Let's look at the navigation plan.

This is the example one for the All About Animals website.

You can see the home page at the top, which then branches into the subpages below.

There are three subpages for the home page.

There's All About Dogs, All About Cats, and All About Rabbits, and then each one of those has also got three subpages too.

Well done for your hard work in this task.

In the next part of the lesson, we are going to make multiple webpages and link them together.

You have planned the navigation paths for your website and the subpages your website will include.

You will now need to make these pages before they can be linked together.

Watch the video to see how to add subpages to your website.

Jacob says, "But how can I link the webpages together?" Sofia says, "You can use hyperlinks".

A hyperlink is text or media.

For example, an image that, when clicked, takes the user to another specified location.

The symbol for the hyperlink is here, and you will often see this when you are working on a web browser.

Let's do a check here.

What is a link called on a webpage? Is it A, a hyperlink, B, an HTML link, or C, a web link? Pause the video here to think about your answer.

The correct answer is A, a hyperlink.

Well done if you got that one right.

Let's do a second check here.

A hyperlink can be A, an image, B, a piece of text, C, an icon or D, all of the above.

Pause the video here to think about what your answer is.

Welcome back.

The correct answer is D.

A hyperlink can be all of the above.

Well done if you got that one right.

The next step is to watch the video to see how to link pages together.

(silence) Now that you've linked pages together, watch the video to see how to follow the navigation path in Google sites.

(silence) Okay, now it's your turn.

So for this task, we are going to be creating multiple webpages and linking them together.

The first part says, create the subpages that you have planned in Task A.

The second part says, add hyperlinks to the subpages, and then the third part, most importantly, test that your hyperlinks work and they go to the correct webpages.

Off you go, it's time to go and work on your website.

Well done for all of your hard work in this lesson.

We covered a lot, so let's summarise our learning.

A navigation path allows users to keep track of where they have been on a website and how it is structured.

A website's design usually starts at the top with the home page.

Branches are then created that lead from the home page to other pages.

These other pages are called subpages.

A hyperlink is text or media, for example, an image that, when clicked, takes the user to another specified location.

Thank you for joining me in this lesson today.

And I hope to see you again soon.