W75pB - Web Site Plan 11: Page Layouts

W75p - Web Site Plan and Specification Project

Details for Part 11: Page Layouts

Page Layouts (a.k.a. Grid) - For all levels and page types, provide a diagram of the layout, prepared in Fireworks, Illustrator, Visio 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 Part 9, "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, Visio, Fireworks, even MS Draw and MS Paint can be used for this exercise. (Of course a profesisonal would use professional tools.)

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.

This document is part of instructional module W75p: Web Site Plan and Specification Project
Previous Detail Section	W75p Project Overview	Next Detail Section
	About this series of documents