Lesson 1 - Canva

Website Development 
Year 7 - Lesson 1 
1 / 22
suivant
Slide 1: Diapositive
ComputingLower Secondary (Key Stage 3)

Cette leçon contient 22 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 50 min

Éléments de cette leçon

Website Development 
Year 7 - Lesson 1 

Slide 1 - Diapositive

KO: To be-able to create a website using Canva.
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.

Slide 2 - Diapositive

What is a website?

Slide 3 - Carte mentale

What do I mean by 'Asset'?

Slide 4 - Diapositive

What "assets" do webpages have?

Slide 5 - Carte mentale

Assets
Text
Graphics (photos, logos, banners, buttons, images etc...)
Links
Video
Audio
Data entry fields (and connected databases)

Slide 6 - Diapositive

What tools have you used this year that could help you make assets?

Slide 7 - Diapositive

There are many different ways of creating a Website
Code it:
  • HTML, CSS, Javascript
  • others

Use web authoring tools to construct it
  • Canva, Wix etc...
  • Use a drag and drop interface (WYSIWYG)

Slide 8 - Diapositive

Scenario 1
Company: Florist
Name: Daisies

Daisies is an independent florist that creates bouquets for all occasions.  They own a small high street shop and want to enter the online world to get some digital presence which they can then refer to via social media.
Scenario 2
Company : Laser Tag Arena
Name: Zapz

Zapz is a new laser tag arena based in Mansfield city centre.  It offers free play sessions as well as specialist bookings (groups, birthdays, corporate) for its laser based games.  It has a front of house seating lobby with some arcade facilities along with vending machines.

Slide 9 - Diapositive

Thinking about your chosen scenario, what content (pages) should you include?

Slide 10 - Question ouverte

Let's have a look at some website examples
Good Website Design


Poor Website Design


Slide 11 - Diapositive

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!


Slide 12 - Diapositive

Slide 13 - Diapositive

First step: Creating the logo
Remember: You have picked either Zapz or Daisies

Think about appropriate:
Colours
Images
Text 

Slide 14 - Diapositive

Logo Creation
First job -->  Making an appropriate logo

Slide 15 - Diapositive

Good logo qualities are?

Slide 16 - Carte mentale

Slide 17 - Lien

Garibaldi Linking group
Only use if you do not currently belong to Garibaldi School group on canva:

Slide 18 - Diapositive

DEMO
  1. Create blank logo space
  2. Using elements
  3. Adding text
  4. Exporting PNG

Slide 19 - Diapositive

What do we call a website editor that allows you to visually create a website, without coding?
A
IDE
B
WYSIWYG
C
Interface
D
GUI

Slide 20 - Quiz

What does WYSIWYG stand for?

Slide 21 - Question ouverte

Next session
We will be looking at making a banner and buttons for your chosen website brief.

Slide 22 - Diapositive