Lesson 1 - Canva

• Computing
• Lower Secondary (Key Stage 3)

Website Development 

Year 7 - Lesson 1 

KO: To create a website for a set scenario.

All 

- To be-able to identify all of the components that make a website.

Most 

- To be-able to use Canva to create assets and develop a website.

Some 

- To be-able to explain how content can be used to target a specific audience.

What is a website?

What do I mean by 'Asset'?

What tools can we use to create 'Assets' for a website?

There are many different ways of creating a Website

HTML, CSS, JavaScript, PHP - Actual Coding Editors

WIX & Canva are what we call WYSIWYG website creators -  (What You See Is What You Get) - These allow you to create visually without the need to code.

What content should we include on a website?

Let's have a look at some website examples

Good Website Design

Click Here

Poor Website Design

Click Here

Task - Create a website

You are going to create a website using Canva. Canva not only allows you to create different types of graphics, it also allows you to build a website!

You are going to be given a scenario, that you must follow!

Scenario

Scenario 1 - Flora's Flowers is a business that sells Fresh Flowers, that can be delivered directly to the home or collected. 

Scenario 2 - Laser Quest is a laser tag activity centre. It is the most realistic laser combat centre in the East Midlands.

They require a website to be created, that needs a Home Page, About Page, Information Page and a Contact Page. 

The website must have a Logo, Images, Videos and Buttons.

First step: Creating the logo

Remember: Flora's Flowers OR Laser Quest

Think about:

• Colours
• Images
• Text 

Open the following links...

Click Here - Canva website template
Click here to create your logo in Vectr (you will need to upload the completed logo to Canva)

Click here to open the flaticon website

Second Step: Creating the Website

Create a Canva Website

I will help you to get started...

There is a video to support you with this task...

Click Me for the Video Tutorial

What do we call a website editor that allows you to visually create a website, without coding?

1. IDE
2. WYSIWYG
3. Interface
4. GUI

What does WYSIWYG stand for?

Name one other website that can be used to create assets...