03 Web Design

• Computing
• Lower Secondary (Key Stage 3)

02 Web Design

What is the correct term for the buttons on your websites?

1. Navigation
2. Buttons
3. Clickers
4. Text

Is it important to name the pages on the website?

Yes

No

I don't know

What content should we be including on our websites?

KO: Create a multi-page website for a set scenario

All - Create a 'Finished' multipage website with some basic content and hyper links.

Most - Create a 'Finished' multipage website with a working navigation system. The website contains suitable text and images.

Some - Create a 'Finished' multi-page website that looks professional (with regards to branding, navigation and content). You should also include multimedia elements in your design.

 Finishing  your Website

Click here to finish creating your website.

Task 1 - 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 2 - 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 3 - 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