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 bar Link or button to get user involved, e.g. ‘Book a demo” Helps to visually remember the company Images to tell users what the site is about

1/10

Q2.What are testimonials?

Stories from happy customers Mailing address, phone number etc Feature to stop web form sending spam Good 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 EU Feature to stop web form sending spam Connect to social media profiles Helps to visually remember the company

3/10

Q4.What is a CMS tool?

Create content without writing HTML Track what your users are doing Allows a website to work in all browsers A restore tool if the website gets hacked

4/10

Q5.What do you need an SSL certificate for?

Needed if you take personal details Allows a website to work in all browsers Allows the website to works on a phone and 4K monitor To restore if the website gets hacked

5/10

Q6.What are site analytics?

Create content without writing HTML Track what your users are doing Needed if you take personal details A restore if it gets hacked

6/10

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

True False

7/10

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

True False

8/10

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

True False

9/10

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

True False

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 bar Link or button to get user involved, e.g. ‘Book a demo” Helps to visually remember the company Images to tell users what the site is about

1/10

Q2.What are testimonials?

Stories from happy customers Mailing address, phone number etc Feature to stop web form sending spam Good 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 EU Feature to stop web form sending spam Connect to social media profiles Helps to visually remember the company

3/10

Q4.What is a CMS tool?

Create content without writing HTML Track what your users are doing Allows a website to work in all browsers A restore tool if the website gets hacked

4/10

Q5.What do you need an SSL certificate for?

Needed if you take personal details Allows a website to work in all browsers Allows the website to works on a phone and 4K monitor To restore if the website gets hacked

5/10

Q6.What are site analytics?

Create content without writing HTML Track what your users are doing Needed if you take personal details A restore if it gets hacked

6/10

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

True False

7/10

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

True False

8/10

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

True False

9/10

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

True False

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