1 / 19

Structure and layout

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.

joseph-brewer
Download Presentation

Structure and layout

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Structure and layout Unit 8.2_Lesson 2

  2. Structure Structure is about how we make the pages in a website relate to each other. Unit 8.2_Lesson 2

  3. Website structure Homepage Gigs News Music Photos Unit 8.2_Lesson 2

  4. Website structure ( or Sitemap) Homepage Link Link Link Link News Music Photos Gigs Unit 8.2_Lesson 2

  5. Website structure ( or Sitemap) Homepage News Music Photos Gigs Unit 8.2_Lesson 2

  6. http://www.snowpatrol.com/ Unit 8.2_Lesson 2

  7. 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

  8. Unit 8.2_Lesson 2

  9. Layout Layout is about where we position content and navigation on each of our web pages. Unit 8.2_Lesson 2

  10. http://www.theshivers.co.uk/index.html The Shivers web page layout Unit 8.2_Lesson 2

  11. http://www.theshivers.co.uk/index.html The Shivers web page layout The Shivers web page layout Unit 8.2_Lesson 2

  12. 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

  13. http://www.thekooks.co.uk/ The Kooks web page layout Unit 8.2_Lesson 2

  14. http://www.thekooks.co.uk/ The Kooks web page layout Unit 8.2_Lesson 2

  15. 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

  16. Unit 8.2_Lesson 2

  17. 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

  18. 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

  19. Homework: Complete homework worksheet on creating your own band. Collect all components for your website, images, music etc Due in: first week back

More Related