02 Web Design

02 Web Design
1 / 13
volgende
Slide 1: Tekstslide
ComputingLower Secondary (Key Stage 3)

In deze les zitten 13 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 50 min

Onderdelen in deze les

02 Web Design

Slide 1 - Tekstslide

You have 1 minute to find an amazing example of a website...
DO NOT PICK YOUTUBE!!!

Use the snipping tool (Windows Key, Shift and S) to grab the screenshot of the website and save it to your downloads folder. In lesson up click select image and click on your screenshot.

Be prepared to explain to the group why you think it is a good example of a website.

Slide 2 - Open vraag

KO: Create a multi-page website for a set scenario
All - Create a multipage website with some basic content and hyper links
Most - Create a multipage website with a working navigation system. The website contains suitable text and images
Some - Create a multi-page website that looks professional (with regards to branding, navigation and content). You should also include multimedia elements in your design.

Slide 3 - Tekstslide

Task 1 - Creating the website
Click here to create your website.
Once you have opened the website template change the name from "Untitled Design Website" to the name of the scenario that you developed last week... i.e. MagicCity Website

Slide 4 - Tekstslide

Task 2 - Setting up and Naming your website
Your teacher will now show you how to add web pages to your website and how to name each page.

Your website must have at least 4 pages - One must be a home page - so you could have home, about, information and contact

YOU MUST NAME EACH PAGE, OR YOU WILL STRUGGLE WITH THE NEXT TASK

Slide 5 - Tekstslide

Task 3 - Adding the navigation system and linking the buttons
Your teacher will show you how to create a hyper linked button with a shape and how to add a text label to it. 

You will need a button for each page on your website. Your teacher will show you how to link to your pages.

You will then copy and paste your navigation system to each page on your website (in the same place at the top of the page).

You can test the system by clicking "Preview" in the top bar in Canva.


Slide 6 - Tekstslide

Task 4 - Adding content / branding to the website
Your teacher will now demonstrate how to add content to your website. You should add the logo and the other assets that you created in the lesson last week.

You should ONLY use the "Elements & Text" tabs in Canva to grab your content.

Slide 7 - Tekstslide

Plenary - Quiz
What makes an effective website...

Slide 8 - Tekstslide

What is an effective website?
A
A website that looks good and is easy to navigate
B
A website that is difficult to navigate
C
A website with no content
D
A website with poor design

Slide 9 - Quizvraag

What is the purpose of an effective website?
A
To look good
B
To make money
C
To impress others
D
To provide users with a positive experience

Slide 10 - Quizvraag

What are some components of an effective website?
A
Advertising, pop-ups, viruses
B
Videos, pictures, flashy animations
C
Good design, easy navigation, quality content
D
Large amount of text, complex features

Slide 11 - Quizvraag

What is the best way to create an effective website?
A
Ignore user needs
B
Copy other websites
C
Understand user needs and design around them
D
Use a lot of flashy animations

Slide 12 - Quizvraag

What should be avoided when creating an effective website?
A
Videos and pictures
B
Simplicity and minimalism
C
High quality content
D
Clutter and confusing navigation

Slide 13 - Quizvraag