LO2 - Lesson 10 - Layout

50 %
50 %
Information about LO2 - Lesson 10 - Layout
Education

Published on February 26, 2014

Author: b_malcolmson

Source: slideshare.net

Description

EMS Creative iMedia
Cambridge Technicals

Planning – Layout Lesson 10

Lesson Goals  Know key features of the website layout  Understand how to structure individual pages  Be able to plan navigation structure and website layout #navigation #layout

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.

Understand website navigation Be able to plan home page Pages  The client requirements state that your website must include a minimum of six pages. A typical website may include the following pages: Home About Products Media  The target audience for the site is 18 to 25 year olds, male & female and they must be considered while planning. #navigation #layout

Navigation  The navigation structure of your website could use either of these methods or a combination of both: Understand website navigation Be able to plan home page Home  Navigation Bar  Buttons About Contact  You could also plan additional links to individual pages:  Logo linked to the homepage News  Text links in the page text  Contact link in site footer  Links to external pages Events #navigation #layout

Understand website navigation Be able to plan home page Your Task  Create a site map showing the navigation structure of your website identifying links between pages and expected content for each: Home About Latest News Gallery Merchandise Contact Schedule Latest Photos Mens Email Profiles Events Video Womens Telephone Media Children

Homepage Content What would your user expect to see on the homepage?

Home Page Understand website navigation Be able to plan home page  A typical website homepage could include the following features:  Navigation  Company Logo  Key Details  Latest News  Relevant Images  Appropriate Content  Contact Details  It takes an average user 6 seconds to judge the quality of a website so first impressions are absolutely vital. #navigation #layout

Sample Homepage

Sample Homepage

Sample Homepage

Your Task Understand website navigation Be able to plan home page  Use mybalsamiq to create a mock up of your website homepage showing the main page elements.  Your design should be annotated and include the following features:  Navigation  Buttons  Text  Graphics  Use the markup section to add notes explaining your layout. #navigation #layout

#navigation presentations

Add a comment

Related presentations

Related pages

LO2 - Lesson 7 - Survey - Education - documents

LO2 - Lesson 7 - Survey Dec 18, ... LO2 - Lesson 10 - Layout. LO2 ... LO2 - Lesson 12 - Layout. LO2 - Lesson 11 - Layout. Login or Join. Processing Login ...
Read more

LO2 - Lesson 15 - Project Plan - Education - documents

LO2 - Lesson 15 - Project Plan Nov 02, 2014 Education the-english-martyrs-school-sixth-form-college. of 9 ... LO2 - Lesson 10 - Layout. Login or Join ...
Read more

Unit overview Credits: 10 - Pearson Schools and FE ...

Unit overview Credits: 10 ... links to the following resources to help you deliver Unit 2: L01 L02 LO3 LO4 Lesson plan ... 10 LO2 Understand the ...
Read more

NEWS REPORT - U6 LO2 (Part 1 of 3) by Scott Hayden on Prezi

This link expires 10 minutes after you close the presentation; ... Transcript of NEWS REPORT - U6 LO2 (Part 1 of 3) NEWS REPORT U6 LO2
Read more

News Report U6 LO2 pt3 by Scott Hayden on Prezi

U6 LO2 pt3 - Presenting ... This link expires 10 minutes after you close the presentation; ... News Report U6 LO2 pt3.
Read more

10-Primavera P6 - Basic Course - Layouts - YouTube

Working with Layouts At the completion of this lesson, you will be able to: Layout Examples Creating, ... 10-Primavera P6 - Basic Course - Layouts
Read more

Learn CSS Layout

Learn CSS Layout. Home Table of Contents. This site teaches the CSS fundamentals that are used in any website's layout.
Read more

10 – Basic layout | Playto from Decoded

Lesson 10 Basic layout Using margins and padding. In this lesson we're going to put our knowledge of the Box Model to the test and use it to centre our ...
Read more