Tuesday, 17 November 2009

Development

Today we delegated tasks for people in the group to do. We also discussed layout ideas, pages, styles, and finalized DIV ID names for CSS and HTML.

We also decided to have on a layout of the page, we
came up with two ideas and made a group decision on which one we thought would look best.

Initial Layout Design:

Finalized Layout Idea:

These are the Tasks that we delegated:
  • HTML Coding - Aarron
  • CSS Coding - Matt, Dan
  • Illustrations - tables - Alex D
  • Putting photos into AI - Matt, Pete
  • Exporting Web Graphics - Pete
  • Emailing Client - Aarron
  • Cleaning the Text - Andy
  • Designing the layout - Everyone
  • Choosing a design - Everyone
  • Working with logo - Integrate into design (everyone)

Each Page:
  • 1x h1
  • Nav listed (nested with h2)
  • H2
  • H3
Div ID:
  • Wrapper
  • Header
  • Navigation
  • Content
  • Footer

This code is for blind people and the JAW reader. These lines of code enable to person to skip straight to the text instead of having to listen to all the links. We display it as none in the CSS so that everyone else that is viewing the web page will not be able to see it but the JAW reader will recognize it.


HTML for Content Jumper:


<body>

<div id="contentjumper">

<a href="#content">Go straight to content</a>

</div>

CSS of the Content Jumper:


#contentjumper{

Display:none;

}

No comments:

Post a Comment