02 Web Design

• Computing
• Lower Secondary (Key Stage 3)

02 Web Design

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.

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.

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

Click here for Website Scenario Picker (If you were missing last week)

Click here for the website to help you come up with your brand name for your website (If you were missing last week)

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

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.

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.

Plenary - Quiz

What makes an effective website...

What is an effective website?

1. A website that looks good and is easy to navigate
2. A website that is difficult to navigate
3. A website with no content
4. A website with poor design

What is the purpose of an effective website?

1. To look good
2. To make money
3. To impress others
4. To provide users with a positive experience

What are some components of an effective website?

1. Advertising, pop-ups, viruses
2. Videos, pictures, flashy animations
3. Good design, easy navigation, quality content
4. Large amount of text, complex features

What is the best way to create an effective website?

1. Ignore user needs
2. Copy other websites
3. Understand user needs and design around them
4. Use a lot of flashy animations

What should be avoided when creating an effective website?

1. Videos and pictures
2. Simplicity and minimalism
3. High quality content
4. Clutter and confusing navigation