Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

Structure and layout

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

Structure

Structure is about how we make the pages in a website relate to each

other.

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

Homepage

Music

News

Photos

Gigs

Website structure

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

Website structure ( or Sitemap)

MusicNews Photos Gigs

HomepageLin

kLink

Link

Link

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

Website structure ( or Sitemap)

MusicNews Photos Gigs

Homepage

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

http://www.snowpatrol.com/

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

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

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

Layout

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

our web pages.

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

The Shivers web page layout

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

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

The Shivers web page layoutThe Shivers web page layout

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

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

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

Page content (gigs/photos/news etc.)

Band name

Main navigation links

Other navigation links

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

The Kooks web page layout

http://www.thekooks.co.uk/

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

The Kooks web page layout

http://www.thekooks.co.uk/

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

The Kooks web page layout

Band name

Picture

Band member link

Band member link

Band member link

Band member link

Media player

Advert fornew album

Menu

Text

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

The Articulated Monks

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

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentationUnit 8.2_Lesson 2

Task 20 minutes:

• Design the structure of your website using Structure and Layout worksheet

• Design the layout of your website on Layout Sketch worksheet

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentation

Homework:

Complete homework worksheet on creating your own band. Collect all components for your website, images, music etc

Due in: first week back