Introduction to HTML

Lesson Aim

  • Introduction to HTML
  • learn basic HTML commands

Starter

webdesign_starter

Main Task

Click on the link below to a HTML tutorial and follow the instructions to create your first webpage using HTML

HTML GUIDE

Extension

Continue improving your skills in HTML by following the code acdemy course below:

Click on the code academy link below and create a user account.

Code Academy – HTML

Now continue on to the exercises

Plenary

HTML Quiz

Reviewing Websites

  • Main

Reviewing Websites

Lesson Aim

  • Think about criteria for judging a website

  • Understand that an effective website will match the needs and interests of users.

  • Evaluate the good and bad features of websites.

Starter

The Wordsearch (accessed via the link below) contains 15 keywords on the topic of Web Design. Find the words and try to remember them, they maybe useful in future weeks! 😉
Wordfit starter

Main

As a class review the websites below and think about the different features of a website which have to be considered when creating a website.

BBC Website

BBC Children

BBC Beebies

Main Task

Using the template (Choose the appropriate one for yourself) below it is your task to pick two/three of the websites and evaluate them. You need to think about the good and bad points, what you would change and how you might do this.

Bronze worksheet – Level 4C last year

Silver worksheet – Level 4B or 4A last year

Gold worksheet – Level 5C or above

Plenary

Click on the link below and give three must have features in a website

Web review 

 

Unit 2 – AO6 Testing your Website

Lesson Aim:

  • Identify what to test in a website
  • Create a Test Plan for a website

Starter

Starter

Main Task

You will need to test your website as one of the requirements for Unit 2. This is assessed in AO6, use the test plan template and worksheet below to help you:

Testing Template

 

Extension

The final task for this unit is to evaluate your website use the worksheet below:

Website evaluation sheet

Unit 2 – AO2 Image Optimisation

Lesson Aims

  • Know: How to optimise images for the WWW in Serif Webplus
  • Explain: The importance of optimising images for the WWW
  • Why: To create an effective website

Starter

Image Optimisation

Main Task

Explain the importance of Optimising Images by using the worksheet below:

Image Optimisation (Distinction)

Use the helpsheet below to optimise the images in your website provide the evidence on the evidence sheet:

Optimising images in Serif Webplus

Evidence Sheet

Alternative Links

Image Optimisation (Distinction)

Evidence Sheet