Creating a multi-page website

In this lesson, we will explore what makes a good website. We will look at some of the front-end and back-end features that make a successful website. We will then recall which pre-production methods are useful for planning a website, then create our own multi-page website, using HTML and CSS templates and incorporating logo and video files created in earlier lessons.

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.What is a close up?

Close range of a person or object.Used when there are two characters talking.Medium range to a person or object.Camera positioned low down, looking up.

1/7

Q2.What is a medium shot?

Also known as a ‘wide shot’ used to establish a scene in a film.Medium range to a person or object.Used when there are two characters talking.Camera moves horizontally while staying in the same position.

2/7

Q3.What is a long shot?

Camera positioned low down, looking up.Used when there are two characters talking.Camera moves horizontally while staying in the same position.Also known as a ‘wide shot’ used to establish a scene in a film.

3/7

Q4.What is a high angle?

Medium range to a person or object.Camera points down on subject.Camera moves horizontally while staying in the same position.Close range of a person or object.

4/7

Q5.What is a low angle?

Close range of a person or object.Medium range to a person or object.Camera positioned low down, looking up.

5/7

Q6.What is an over the shoulder shot?

Camera points down on subject.Camera positioned low down, looking up.Used when there are two characters talking.Camera moves horizontally while staying in the same position.

6/7

Q7.What is a pan?

Close range of a person or object.Also known as a ‘wide shot’ used to establish a scene in a film.Camera points down on subject.Camera moves horizontally while staying in the same position.

7/7

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.What is a close up?

Close range of a person or object.Used when there are two characters talking.Medium range to a person or object.Camera positioned low down, looking up.

1/7

Q2.What is a medium shot?

2/7

Q3.What is a long shot?

3/7

Q4.What is a high angle?

Medium range to a person or object.Camera points down on subject.Camera moves horizontally while staying in the same position.Close range of a person or object.

4/7

Q5.What is a low angle?

Close range of a person or object.Medium range to a person or object.Camera positioned low down, looking up.

5/7

Q6.What is an over the shoulder shot?

Camera points down on subject.Camera positioned low down, looking up.Used when there are two characters talking.Camera moves horizontally while staying in the same position.

6/7

Q7.What is a pan?

Close range of a person or object.Also known as a ‘wide shot’ used to establish a scene in a film.Camera points down on subject.Camera moves horizontally while staying in the same position.

7/7

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:

Creating a Multi-Page Website

This quiz is to assess your learning from this lesson

Q1.What is a CTA (Call to action)?

Navigation barLink or button to get user involved, e.g. ‘Book a demo”Helps to visually remember the companyImages to tell users what the site is about

1/10

Q2.What are testimonials?

Stories from happy customersMailing address, phone number etcFeature to stop web form sending spamGood images tell users what the site is about

2/10

Q3.What is the use of CAPTCHA/ anti-spam feature?

Policy required by law in the UK and EUFeature to stop web form sending spamConnect to social media profilesHelps to visually remember the company

3/10

Q4.What is a CMS tool?

Create content without writing HTMLTrack what your users are doingAllows a website to work in all browsersA restore tool if the website gets hacked

4/10

Q5.What do you need an SSL certificate for?

Needed if you take personal detailsAllows a website to work in all browsersAllows the website to works on a phone and 4K monitorTo restore if the website gets hacked

5/10

Q6.What are site analytics?

Create content without writing HTMLTrack what your users are doingNeeded if you take personal detailsA restore if it gets hacked

6/10

Q7.The top and left-hand side are standard for navigation

TrueFalse

7/10

Q8.SSL certificates are only important if you are taking card payments

TrueFalse

8/10

Q9.Mood boards are not a useful planning tool for websites

TrueFalse

9/10

Q10.CCS files are used to control the design and layout of a webpage

TrueFalse

10/10

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:

Creating a Multi-Page Website

This quiz is to assess your learning from this lesson

Q1.What is a CTA (Call to action)?

Navigation barLink or button to get user involved, e.g. ‘Book a demo”Helps to visually remember the companyImages to tell users what the site is about

1/10

Q2.What are testimonials?

Stories from happy customersMailing address, phone number etcFeature to stop web form sending spamGood images tell users what the site is about

2/10

Q3.What is the use of CAPTCHA/ anti-spam feature?

Policy required by law in the UK and EUFeature to stop web form sending spamConnect to social media profilesHelps to visually remember the company

3/10

Q4.What is a CMS tool?

Create content without writing HTMLTrack what your users are doingAllows a website to work in all browsersA restore tool if the website gets hacked

4/10

Q5.What do you need an SSL certificate for?

Needed if you take personal detailsAllows a website to work in all browsersAllows the website to works on a phone and 4K monitorTo restore if the website gets hacked

5/10

Q6.What are site analytics?

Create content without writing HTMLTrack what your users are doingNeeded if you take personal detailsA restore if it gets hacked

6/10

Q7.The top and left-hand side are standard for navigation

TrueFalse

7/10

Q8.SSL certificates are only important if you are taking card payments

TrueFalse

8/10

Q9.Mood boards are not a useful planning tool for websites

TrueFalse

9/10

Q10.CCS files are used to control the design and layout of a webpage

TrueFalse

10/10

Lesson summary: Creating a multi-page website

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:
Walk

On the spot:
Chair yoga

The next lesson in:
Media
is:
Planning your digital media artefact

Browse Oak's lessons:

Subjects Schedule

Creating a multi-page website

Intro quiz - Recap from previous lesson

Intro quiz - Recap from previous lesson

Video

Worksheet

Creating a Multi-Page Website

Creating a Multi-Page Website

Lesson summary: Creating a multi-page website

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

Time to move!

The next lesson in: Media is: Planning your digital media artefact

Browse Oak's lessons:

The next lesson in:
Media
is:
Planning your digital media artefact