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.)


The following sections describe each element in detail.


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.