WebdevOnline

Layout Techniques
There are a number of ways you can approach creating the layout of your page.

Very few web builders build on the page background alone. Most will use either tables, frames, layers or a combination of these.

Increasingly the graphical techniques involve 'flash', Java applets or JavaScripts for special effects.

The majority of modern designers use tables, with a number of tables 'nested' on top of each other for flexibility.

Using Layers Layers

Layers are a relatively recent addition to layout tools. They allow you to build versatile dynamic web pages

Layers can be stacked on top of each other as well as having other layers nested within themselves.

Layers can be linked to interactivity and a layer page can be converted to tables.

Layers are treated patchily by browsers. If a user has an old browser the layers may not behave properly as intended.

Using Tables

Tables are the most common way at present of laying out web pages.

Most web designers overlay tables onto each other (nesting ) to achieve maximum flexibility of layout

Gaps are commonly left between tables for white space.

Using multiple tables gives ease of formatting as each table can have its own background/ border colours without bothering with cell borders

Design Examples
 
 
 
 
 

Using Frames

Frame will be used for pages where there is a static element that needs to be present wherever the user goes on the site.

This may be company masthead/logo at the top, contact information at the bottom or for a menu system to direct to other parts of the site.

Increasingly the main content frame may use overlays by tables for flexibility

 

Top of page