Page Structure

Laying out the elements of a web page is a basic step for deploying a web site. At the highest level, a page’s structure specifies a header, main section, and footer. (See Common Components for instructions on creating these three elements.)

../../../_images/page-structure-wireframe.svg

The following sections describe each element in detail.

Main

Unlike the header and footer, the main section is a piece of content that is unique on each page in a web site. For example, take a look at NASA’s remarkable gallery NASA Image of the Day. Paging through the gallery displays a consistent header and footer, but an almost endless series of unique images in the main section.

The following diagram is an example of a simple main section for a news article. A lead image appears at the top, the article follows below it, the author’s bio is wrapped inside the article, and a section for reader comments appears at the bottom. This is one structure for a main section. With Brightspot you can design a main section with many different layouts. You can also have different layouts for different sections of your web site.

../../../_images/main-section-wireframe.svg