190 likes | 277 Views
Structure and layout. Structure. Structure is about how we make the pages in a website relate to each other. Website structure. Homepage. Gigs. News. Music. Photos. Website structure ( or Sitemap). Homepage. Link. Link. Link. Link. News. Music. Photos. Gigs.
E N D
Structure and layout Unit 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
Website structure Homepage Gigs News Music Photos Unit 8.2_Lesson 2
Website structure ( or Sitemap) Homepage Link Link Link Link News Music Photos Gigs Unit 8.2_Lesson 2
Website structure ( or Sitemap) Homepage News Music Photos Gigs Unit 8.2_Lesson 2
http://www.snowpatrol.com/ Unit 8.2_Lesson 2
Homepage Animation Photo of band Recent news stories Upcoming gigs Sign up to mailing list News News articles Live dates Upcoming gigs with dates and venues Music Video clips Audio clips List of albums and singles (discography) Photos Links to photo galleries Band Biography Band tour diary (blog) Shop List of T-shirts etc. for sale Contact Information on how to contact the band Mobile Downloadable ring tones and tunes Unit 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
http://www.theshivers.co.uk/index.html The Shivers web page layout Unit 8.2_Lesson 2
http://www.theshivers.co.uk/index.html The Shivers web page layout The Shivers web page layout Unit 8.2_Lesson 2
http://www.theshivers.co.uk/index.html Band name Main navigation links Page content (gigs/photos/news etc.) Other navigation links Unit 8.2_Lesson 2
http://www.thekooks.co.uk/ The Kooks web page layout Unit 8.2_Lesson 2
http://www.thekooks.co.uk/ The Kooks web page layout Unit 8.2_Lesson 2
The Kooks web page layout Band name Band member link Band member link Band member link Band member link Text Picture Menu Advert for new album Media player Unit 8.2_Lesson 2
The Articulated Monks Blah blah blah … Page 1 Image Page 2 Page 3 Page 4 Image Page 5 Page 6 Media player Unit 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
Homework: Complete homework worksheet on creating your own band. Collect all components for your website, images, music etc Due in: first week back