Creating a multi-page website

In this lesson, learners will begin by thinking about what makes a good website. Next, they will look at some of the front-end and back-end features that make a successful website. They will then recall which pre-production methods are useful for planning a website, then create their own multi-page website, using HTML and CSS templates and incorporating the logo and video files that they created in Lessons 2 and 3.

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!

Question 1

Question 2

Question 3

Question 4

Question 5

Question 6

Question 7

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

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!

Question 1

Question 2

Question 3

Question 4

Question 5

Question 6

Question 7

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

Google

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.

Quiz:

Creating a Multi-Page Website

This quiz is to assess your learning from this lesson

Question 1

Question 2

Question 3

Question 4

Question 5

Question 6

Question 7

Question 8

Question 9

Question 10

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

Quiz:

Creating a Multi-Page Website

This quiz is to assess your learning from this lesson

Question 1

Question 2

Question 3

Question 4

Question 5

Question 6

Question 7

Question 8

Question 9

Question 10

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 attempted both the quizzes.

To share your results with your teacher please complete both the quizzes.

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

Browse Oak's lessons:

Subjects Schedule