124/12/20151 “Be the Best” Learning Objective: understand why and how websites are created and...
-
Upload
harold-scot-kelly -
Category
Documents
-
view
217 -
download
0
Transcript of 124/12/20151 “Be the Best” Learning Objective: understand why and how websites are created and...
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”
Learning Objective: understand why and how websites are created and evaluate websites.
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”
Learning Objective: understand why and how websites are created and evaluate websites.
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”
Learning Objective: understand why and how websites are created and evaluate websites.
Unit 8.2Jumping on the Bandwagon!Web design and Publishing
Lesson 2:Designing our webpage's!
521/04/23 5“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
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”
Learning Objective: understand why and how websites are created and evaluate websites.
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”
Learning Objective: understand why and how websites are created and evaluate websites.
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”
Learning Objective: understand why and how websites are created and evaluate websites.
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”
Learning Objective: understand why and how websites are created and evaluate websites.
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”
Learning Objective: understand why and how websites are created and evaluate websites.
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”
Learning Objective: understand why and how websites are created and evaluate websites.
Structure and layout
1221/04/23 12“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
Structure
Structure is about how we make the pages in a website
relate to each other.
1321/04/23 13“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
Homepage
Music
News
Photos
Gigs
Website structure
1421/04/23 14“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
Website structure (or sitemap)
MusicNews Photos Gigs
HomepageLin
kLink
Link
Link
1521/04/23 15“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
Website structure (or sitemap)
MusicNews Photos Gigs
Homepage
1621/04/23 16“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
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”
Learning Objective: understand why and how websites are created and evaluate websites.
1921/04/23 19“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
Worksheet 1
2021/04/23 20“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
SO…..
What is website structure?
Why is website structure important?
2121/04/23 21“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
Have you met this objective? Understand structure and website functionality
Fully Partially Not at all
2221/04/23 22“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
Layout
Layout is about where we position content and navigation on each of
our web pages.
2321/04/23 23“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
The Shivers web page layout
http://www.theshivers.co.uk/index.html
2421/04/23 24“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
The Shivers web page layoutThe Shivers web page layout
http://www.theshivers.co.uk/index.html
2521/04/23 25“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
http://www.theshivers.co.uk/index.html
Page content (gigs/photos/news etc.)
Band name
Main navigation links
Other navigation links
2621/04/23 26“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
YOUR BAND…………………….
2721/04/23 27“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
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”
Learning Objective: understand why and how websites are created and evaluate websites.
Have you met this objective? Understand layout, audience and design
Fully Partially Not at all
2921/04/23 29“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
SO…..
What is website layout?
Why is website layout important?
3021/04/23 30“Be the Best”
Learning Objective: understand why and how websites are created and evaluate websites.
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”
Learning Objective: understand why and how websites are created and evaluate websites.
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”
Learning Objective: understand why and how websites are created and evaluate websites.
Behaviour Plenary