About page layout

In many ways, Web documents are like documents you create in a word processor. Content begins at the top left (or top right, depending on the language) corner of the page and proceeds toward the right (or left) and down in a single, continuous column. But a single-column layout is often not what Web authors want. For example, you may prefer to have a column of links on the left side of a page, a middle column for body content, and a third column on the right for supplementary content. Fortunately, HTML and cascading style sheets (CSS) offer the following techniques to create more useful and visually interesting layouts than the default single column:

Tables

Tables are elements that arrange content in rows and columns. By creating a table that fills the entire page and placing all the page’s content in it, you can create virtually any page layout.

Frames

Frames are a way of dividing the browser window into two or more panes. Among other things, you can place links in one frame and have the links’ destinations open in another frame. Frames scroll independently, so your links can remain always visible while the content frame is scrolled.

Positioned elements (layers)

Normally, the position of an element—such as a paragraph or an image—is determined by its position within the sequence of all the elements on the page and the size of the elements that go before it. However, cascading style sheets provide a way to specify the position of an element in terms of absolute page coordinates, so you can position an element independently of other content.

In addition, with Namo WebEditor’s layout boxes, even beginning Web authors can start creating versatile layouts right away. When you drag layout boxes on a layout grid, Namo WebEditor automatically creates an invisible table that reflects the arrangement of your content.

Related topics

Tables

Shared content areas

About page layout