Overview

Page Layouts (a.k.a. Grid, Wireframe) - For all levels and page types, provide a diagram of the layout, prepared in Photoshop, Fireworks, Illustrator, HTML, or an equivalent tool.

 

The page layouts are mockups or drafts of each type of page on your site. These are some types of page frequently found on Web sites:

• Home (main) page
• Second-level pages - homes of subsections
• General information pages
• Database output pages
• Pages whose primarly purpose is to show pictures, maps, or diagrams

Which types of pages your site will have, is determined by the architecture you've decided on in Phase I, "Information Architecture".

For each of these page types:

• Assign a name and a brief code, so you can communicate orally and on diagrams, which page layout a given page is intended to have
• Use a computer tool to prepare an illustration. Use any program you are familiar with: Photoshop, Illustrator, Fireworks, even MS Draw and MS Paint can be used for this exercise. (Of course a profesisonal would use professional tools.)
• If you elect to do the page in HTML, remember not to spend time with fonts, colors, or graphics. The point is to focus on page layout: the relation of one part of a page to another. Use ID divisions to identify each part of the page and make it easy to assign colors and fonts later with CSS stylesheets.

Each page should include areas for navigation as well as areas for any text, graphics, etc. The text and graphics do not need to be included in the layouts - just space for them.

This section of the Site Plan should begin with a listing of the different types of pages, their names, codes, and a brief description. Then each type of page should have its layout diagram included in the Site Plan.

1. Individual team members get their part of this assignment to the Team Leader by email attachment, or some other method mutually agreed upon in discussion.
2. Team Leader makes sure all documents in the milestone of which this is a part are gathered together in a compatible form.
3. Team Leader and/or content specialist check for correct spelling and English usage.
4. Team leader verifies that material submitted meets the requirements.
5. Team leader or content specialist FTP the material to the team's Web site, informing the instructor and other team members by emailing to them the URI.