Lesson 1 - Canva

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

This lesson contains 22 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 50 min

Items in this lesson

Website Development 
Year 7 - Lesson 1 

Slide 1 - Slide

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 - Slide

What is a website?

Slide 3 - Mind map

What do I mean by 'Asset'?

Slide 4 - Slide

What "assets" do webpages have?

Slide 5 - Mind map

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

Slide 6 - Slide

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

Slide 7 - Slide

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 - Slide

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 - Slide

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

Slide 10 - Open question

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


Poor Website Design


Slide 11 - Slide

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 - Slide

Slide 13 - Slide

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

Think about appropriate:
Colours
Images
Text 

Slide 14 - Slide

Logo Creation
First job -->  Making an appropriate logo

Slide 15 - Slide

Good logo qualities are?

Slide 16 - Mind map

Slide 17 - Link

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

Slide 18 - Slide

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

Slide 19 - Slide

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 - Open question

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

Slide 22 - Slide