Lesson video

Hi, I'm Alan, your computing teacher for this unit called "Developing for The Web." And this is lesson six, it's the last lesson, and it's called "The Spread of The Web." In this lesson, we'll look at some of the safety and security concerns from a technical perspective using the internet.

And we'll also add a couple more pages to our website that we've been building.

You will need your web pages from lessons four and five to build on those.

So, if you haven't got those on the machine you're watching this on.

You'll have to pause the video and get those ready.

You will need a pen and paper also to write down some answers later on.

You can pause the video until you're ready and then we can make a start.

Okay, in this lesson, we'll explain the issues of safety and security from a technical perspective.

And we'll also explain the impacts of networking technologies and services.

Okay, so let's take a look at social threats.

Hopefully you understand how to stay safe online and you've done some kind of E-safety in previous years of school.

Most threats, you will be aware of are social.

So what that means is, the dangers that you face online are posed by humans using that technology.

They still exist in some form without that technology, however.

But there are also technological threats as well.

And these are threats that are designed so as not to require human interaction.

Computers are programmable, and therefore can run malicious software called malware.

There are technological benefits, however.

Technology changes as our needs change.

It's changed the way we live, and it's changed the way we work.

You can pause the video in a second, have a look at these two questions.

What's the advantages over sending an email compared to a letter for instance? And how can it help when sharing a document, say for instance, two people want to work on the same document and they live in two separate countries.

You pause the video and have a think about those questions.

So the benefits are fairly clear, sending an email is instantaneous.

So I can send an email from here right now, document it to the other side of the world, that person will get it within seconds.

We can both collaborate on that documents together.

With these benefits come from additional risks.

For instance, sending an email with attachment is a great way to send someone a file.

But it's also possible to send someone a virus.

If you know what can happen if a computer gets a virus? A virus is software that runs like any other.

Often, these programmes piggyback on another piece of software to trick the user into running it.

In other cases, a virus can be hidden in what the user believes is legitimate software.

This is known as a Trojan horse.

If you want to stop viruses, you have to instal separate antivirus software and this checks the files as they're executed.

Any software with a known virus profile is then blocked.

Okay, so this is task one, it's called, Protecting from threats.

On the worksheet, you've got a list of some threats, along with some descriptions.

And you've also got on there some measures to protect yourself from those threats.

What I'd like you to do is match the name of the threat up to the description, the correct description of that threat, and then which particular protection measure you think would best protect you from that threat.

You can pause the video until you're finished and resume when you're done.

Okay, how did you get along? Let's take a look at the solution.

Ransomware, number one, that matched up to description number three.

And the best protection measure for that one was it's spread in the same way the virus, so make sure that you have up to date antivirus software, and you don't open any files that you think are suspicious.

Number two is Trojan horse.

That was description number five.

Don't open the files unless you're certain that you know what they're about to contain.

Number three was spyware.

And that matched up to description number two.

Make sure you only visit websites that you believe can be trusted.

Number four was a virus, that was description number one.

Antivirus package, as we said before, that includes a scanner to check files when they're opened.

And number five is a worm and that is description number four.

So make sure the operating system of the computer has been up to date.

So it's been patched with any fixes or security fixes that have come out.

Quite often you may get an update saying.

No, a notification saying your computer needs an update.

Really, really important that you don't ignore those, because they are the updates that instal those security patches to make sure that you're protected online.

So make sure you update your software.

Okay, so in the last few lessons, we've been adding some web pages to our website.

So now I'm going to demonstrate once more how to add some navigation and then give you another task.

Okay, so we can see on this browser that I have three tabs open.

We have How web crawlers work, and this was the first page we created.

Then in the last lesson, we created a page on How advanced search parameters work.

And again, this this information was just taken from the lesson, as was the information on web crawlers.

And then lastly, you were asked to create a page on ransomware, or you're about to create a page on ransomware.

So just to show you how to kind of link all these up ready for the task, I thought I'd give you a little bit of a demonstration on how to do that too.

And we should have already linked web crawlers and search parameters to each other anyway.

But what I'll do is, I'm going to put all the links into a new page, and then we'll add them to these shortly.

So what I've got in this document now is a new web page.

And this one I've saved as index.

html.

This one's from lesson six, and I've just linked it to the same stylesheet.

I've put a title called "The Spread of the Web" and I've added my meta tags in as well.

So here we've got the "The Spread of the Web" as the title.

And then now what I need to do on this hook, what's effectively going to be my homepage is I need to put the links in to all the other pages.

So to start with, I'm going to centre them So we should know how to centre them.

And I'm going to have <a href>, and this one is going to go to the page called crawlers.

html.

So it's really important we get the file name correct.

So I just put ntml, but yeah, crawlers.

html.

And then we're going to put, 'How web crawlers work'.

And we'll have that as the text.

And then we'll close the <a> tag and we'll also close the <centre> tag.

So now we have that we've got our first link to one of our pages.

What I can do now is I could just copy that and paste it below.

And all I need to now change is my next one was called search.

So this one is called search.

And this one was about 'Advanced search parameters'.

So that's the second page we made.

And then lastly, we have a page on ransomware.

So this needs changing too.

And on here, we'll change that to 'What is ransomware?' And then finally, the last thing I'm going to do on here is I'm going to pop an image on my page, which I already have, and image is called web.

jpg.

And I'm going to to set its width to 300 just so it doesn't go off the page.

And I'm going to put my alt text in just in case.

'Futuristic tech connections'.

So that's a little bit of description, in case it doesn't load up.

close that, and close my <centre> tag.

So now if I click on all of these links, I should be able to get to all of the pages that I created, which is fantastic.

The only thing to do now is to go back to each of these individual pages and copy some of these links.

And obviously, you don't want a link to the Ransomware page on the ransomware page, that would be silly, and same for the other two, but we would put links for the other two in here and the link back to Home.

So that what it eventually looks like, it looks a little bit like this on each page with a menu at the top, but on each of the pages, it will say Home as well, that we can get back to.

So that's how you're going to add navigation to your website.

So to finish this unit, you can add a page to your website about some of the malware that we've just been discussing, you can pick one of them.

You've got Trojan horse, virus, spyware, ransomware or worm.

So you're going to create a web page with some information about one of those on it, and you're going to link it up to your other pages.

Sort of planning a website, we sometimes use a hierarchy diagram to show how these pages might be navigated, and I guess now you're getting more pages, which is worth looking at this.

So we'd have a Homepage.

You don't have a homepage at the moment.

But it'd be worth you creating a homepage, maybe called "The Spread of The Web".

And on that homepage, you can put a suitable image and you will have links to the three pages that you will have created by the end.

So you've already got your how search engines work, you've got your how to improve searches, and you've got your malware example which you will create.

Okay, so here's the specific instructions for adding that extra web page.

You're going to summarise one of the types as previously mentioned, you're going to tell me what it is, what it does, and how best to protect against it, okay? You'll also have to add a basic homepage with button links to all three pages, and make sure you can get back to the Homepage from those pages too.

You've got this little bit of a guide in your worksheet.

When you complete it, you can resume the video.

Okay, so that's the end of this unit.

I hope you've enjoyed learning how to write HTML code and create a four page website and learning all about the technologies for developing for the web.

Don't forget there is a quiz at the end of this lesson to assess your learning.

Hope you enjoyed it.

I've really enjoyed teaching it.

Hopefully you'll go on and create some great webpages.

Take care.

I'd love to see the work you've created, and if you could share it with Oak National that'd be great.

If you'd like to, please ask your parent or carer to share your work on Instagram, Facebook or Twitter, tagging @OakNational and #LearnwithOak.