LO2 - Lesson 11 - Layout


Published on

EMS Creative iMedia
Cambridge Technicals

Published in: Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

LO2 - Lesson 11 - Layout

  1. 1. Planning – Layout Lesson 11
  2. 2. Lesson Goals  Know key features of the website layout  Understand how to structure individual pages  Be able to plan the internal pages of your website #user #needs #layout
  3. 3. Assessment Criteria  The assessment criteria for this part of the unit is as follows: Detailed planning for the design and function of the website considering how information flows and pages link. Justify choices in relation to target audience appeal and usability. Relevant legal and ethical issues considered. D1 P2 Plan the development of a multi-page website: • Purpose • Target Audience • Content • Production Plan M1 LO2 – Plan the development of a multipage website Consider visitor needs and how they will navigate the website. The info provided on a budget, launch date and timescale is realistic. Some consideration to relevant revenue potential.
  4. 4. What will a user expect? Think about the whole website experience…
  5. 5. Technical Needs Be able to plan website pages Understand audience needs  A typical user on any of these sites may be looking for the following:  Navigation – Easy to get from page to page  Flow – Obvious which bit comes next  Loading – Relatively quick load times  Access – Site accessible to disabled users  Consistency – A clear style across all pages  Browsers – Displays correctly in all browsers  Colours – Effective contrasting colour scheme  Form – Allowing user interaction e.g. Contact  Planning website pages effectively can ensure you adhere to each of these considerations. #user #needs #layout
  6. 6. Page Layout Identify the similarities between all four web pages…
  7. 7. Site – Homepage
  8. 8. Site – Media Page
  9. 9. Site – Gallery Page
  10. 10. Site – Contact Page
  11. 11. Template What webpage elements are included on a template?
  12. 12. Templates Be able to plan website pages Understand audience needs  A template can help you to design a consistent theme for all of your web pages.  The template should include all of the elements of your website that you want to appear in the same position on every page.  All other information will go into editable regions which would be different for every page depending on each page’s content. #user #needs #layout
  13. 13. Editable Region This area would contain any information relevant to the individual page. This area is not for information that would go onto every page as that would be part of your template for the webpages. Site Template
  14. 14. Your Task Be able to plan website pages Understand audience needs  Use mybalsamiq to design the internal pages of your website considering the needs of your target audience.  Your site should use a template and include the following features:  Navigation  Information Flow  Consistency  Good Content  Use the markup section to add notes explaining your designs. #user #needs #layout