lo2 - lesson 11 - layout

14
Planning – Layout Lesson 11

Upload: the-english-martyrs-school-sixth-form-college

Post on 19-Dec-2014

119 views

Category:

Education


1 download

DESCRIPTION

EMS Creative iMedia Cambridge Technicals

TRANSCRIPT

Page 1: LO2 - Lesson 11 - Layout

Planning – LayoutLesson 11

Page 2: LO2 - Lesson 11 - Layout

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

Page 3: LO2 - Lesson 11 - Layout

Assessment Criteria

The assessment criteria for this part of the unit is as follows:

LO2 – Plan the development of a multipage website

P2 Plan the development of a multi-page website:• Purpose• Target Audience• Content• Production Plan

M1 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

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.

Page 4: LO2 - Lesson 11 - Layout

What will a user expect?Think about the whole website experience…

Page 5: LO2 - Lesson 11 - Layout

Technical 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

Be able to plan website pagesUnderstand audience needs

#user #needs#layout

Planning website pages effectively can ensure you adhere to each of these considerations.

Page 6: LO2 - Lesson 11 - Layout

Page LayoutIdentify the similarities between all four web pages…

Page 7: LO2 - Lesson 11 - Layout

Site – Homepage

Page 8: LO2 - Lesson 11 - Layout

Site – Media Page

Page 9: LO2 - Lesson 11 - Layout

Site – Gallery Page

Page 10: LO2 - Lesson 11 - Layout

Site – Contact Page

Page 11: LO2 - Lesson 11 - Layout

TemplateWhat webpage elements are included on a template?

Page 12: LO2 - Lesson 11 - Layout

Templates

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.

Be able to plan website pagesUnderstand audience needs

#user #needs#layout

Page 13: LO2 - Lesson 11 - Layout

Site Template

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

Page 14: LO2 - Lesson 11 - Layout

Your Task

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.

Be able to plan website pagesUnderstand audience needs

#user #needs#layout