Wireframe

Wireframe
//(Wireframing is similar to prototyping)//

Wireframes are an important design tool used in Web development. It is a visualization tool for presenting proposed functions, structure and content of a Web page or Web site. A wireframe separates the graphic elements of a Web site from the functional elements in such a way that Web teams can easily explain how users will interact with the Web site. Further more, a wiireframe provides the appropriate grid structure and measurements (points, pixels, inces, etc.) required for a programmer to build the site.

A typical wireframe includes: (1) key page elements and their location, such as header, footer, navigation, content objects, branding elements (2) grouping of elements, such as side bars, navigation bars, content areas (3) labeling, page title, navigation links, headings to content objects (4) place holders, content text and images.

The wireframe is essentailly the blueprints for a website. The following link has a basic example of a wireframe: http://www.hfccwebclub.com/wireframe.gif

References: "Wireframe" Webopedia. Jupitermedia Corporate Info. 13 Sept. 2007 "Wireframe example" http://www.hfccwebclub.com/wireframe.gif

