124/12/20151 “Be the Best” Learning Objective: understand why and how websites are created and evaluate websites. Please get out last weeks homework………

121/04/23 1“Be the Best”

Learning Objective: understand why and how websites are created and evaluate websites.

Please get out last weeks homework……….

…..make sure your name (first name & surname)

is written on it.

221/04/23 2“Be the Best”


Multimedia

Gigs

Music andLyrics

Shop

ContactBand

Biography

On which purple square would you put each of the orange lozenges?

Photo of the singerPhoto of the singerSong lyricsSong lyrics

Video clipVideo clip

Gig photoGig photo

Gig reviewGig review

Music clipMusic clip

Buy a T-shirtBuy a T-shirt

Band memberBand memberList of CDsList of CDs

Buy a CDBuy a CDTour dateTour date

Band nameBand name

Email addressEmail address

321/04/23 3“Be the Best”


What goes on each website page ?

Find the following worksheet and save a copy to your own area.

Resources ICT Year 8 8.2 New lesson 2 8.2 lesson 2 Enager

Drag and drop the orange shapes under the page you think they should go on.

421/04/23 4“Be the Best”


Unit 8.2Jumping on the Bandwagon!Web design and Publishing

Lesson 2:Designing our webpage's!

521/04/23 5“Be the Best”


Lesson Aim

The Big picture…..

Today we are going to learn about the structure and layout of a website and the difference between them.

621/04/23 6“Be the Best”


WHY?

Why is it important that we learn this today?

(Think back to last lesson: what are we doing in this unit?)

721/04/23 7“Be the Best”


Lesson Outcomes

• Design the structure of a website• Understand the layout of web pages and the

importance it plays in functionality and appeal.

HOMEWORK

Complete the “Create your band” worksheet! Complete all sections!

Due: Next lesson

821/04/23 8“Be the Best”


ALL • Can plan the content for 3 or more pages of a website and

show how these pages are linked on a diagram • can sketch a layout which includes basic elements such as

navigation/images/text.

MOST• Can plan the basic structure of a website and create appropriate

links between pages.• Recognise how page layout should be consistent throughout

website and plan their own page layout accordingly.

SOME• Create a structure which is clear and coherent and understand how

different pages should relate to each other.• Create a page layout and start to develop ideas for how different

content types fit into the scheme.

921/04/23 9“Be the Best”


Timed Challenge!In pairs, find your favourite band website and In pairs, find your favourite band website and write down the following information:write down the following information:

• Your namesYour names• The bands nameThe bands name• The bands last gig dateThe bands last gig date• The name of the bands latest CDThe name of the bands latest CD

First team to bring me this information get 5 First team to bring me this information get 5 merits each!!!!!merits each!!!!!

1021/04/23 10“Be the Best”


Have you met this objective? Understand the content that is needed your bands

website.

Fully Partially Not at all

1121/04/23 11“Be the Best”


Structure and layout

1221/04/23 12“Be the Best”


Structure

Structure is about how we make the pages in a website

relate to each other.

1321/04/23 13“Be the Best”


Homepage

Music

News

Photos

Gigs

Website structure

1421/04/23 14“Be the Best”


Website structure (or sitemap)

MusicNews Photos Gigs

HomepageLin

kLink

Link

Link

1521/04/23 15“Be the Best”


Website structure (or sitemap)

MusicNews Photos Gigs

Homepage

1621/04/23 16“Be the Best”


http://www.snowpatrol.com/

1721/04/23 17“Be the Best”

Learning Objective: understand why and how websites are created and evaluate websites.Homepage

AnimationPhoto of band

Recent news storiesUpcoming gigs

Sign up to mailing list

News

News articles

Live dates

Upcoming gigs with dates and venues

Music

Video clipsAudio clips

List of albums and singles (discography)

Photos

Links to photo galleries

Band

BiographyBand tour diary (blog)

Shop

List of T-shirts etc. for sale

Mobile

Downloadable ring- tones and tunes

Contact

Information on how to contact the band

1821/04/23 18“Be the Best”


1921/04/23 19“Be the Best”


Worksheet 1

2021/04/23 20“Be the Best”


SO…..

What is website structure?

Why is website structure important?

2121/04/23 21“Be the Best”


Have you met this objective? Understand structure and website functionality


2221/04/23 22“Be the Best”


Layout

Layout is about where we position content and navigation on each of

our web pages.

2321/04/23 23“Be the Best”


The Shivers web page layout

http://www.theshivers.co.uk/index.html

2421/04/23 24“Be the Best”


The Shivers web page layoutThe Shivers web page layout


2521/04/23 25“Be the Best”



Page content (gigs/photos/news etc.)

Band name

Main navigation links

Other navigation links

2621/04/23 26“Be the Best”


YOUR BAND…………………….

2721/04/23 27“Be the Best”


YOUR BAND…………………….

Page 1Page 1

Page 2Page 2

Page 3Page 3

Page 4Page 4

Page 5Page 5

Page 6Page 6

Blah blah blah …

Image

Image

Media

player

2821/04/23 28“Be the Best”


Have you met this objective? Understand layout, audience and design


2921/04/23 29“Be the Best”


SO…..

What is website layout?

Why is website layout important?

3021/04/23 30“Be the Best”


So……

•What pages could you have in your bands website?

•What content could go in to your bands website?

3121/04/23 31“Be the Best”


Plenary

Using the countdown sheet, write down one thing you have learned today about structure and

layout of a website

3221/04/23 32“Be the Best”


Behaviour Plenary

Documents

124/12/20151 “Be the Best” Learning Objective: understand why and how websites are created and evaluate websites. Please get out last weeks homework………