unit 8.2_lesson 2_cd resource 2c_structure and layout presentation unit 8.2_lesson 2 structure and...
Post on 26-Dec-2015
221 Views
Preview:
TRANSCRIPT
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
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
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
top related