Web Design Templates

To give examples of what is possible, there are a number of templates that can be used as a source of inspiration. All of the templates display correctly in modern browsers (IE5+, Netscape6+, Opera, Firefox) and, with two exceptions, use no JavaScript or 'behaviors'.

These templates have been created from observing good practice on the Web and a few are direct examples from freely available books. They are not to be seen as 'off the shelf' templates that can be purchased and used immediately. Potential clients should use them to form ideas of what they would like. A unique Web site will then be created to suit the client's needs.

Click on any of the images below to look at a template in more detail. The templates are single pages and the links on the page are disabled.

Click on the image for Template A

Template A

Three columns - no borders.

Click on the image for Template B

Template B

Three columns with borders.

Click on the image for Template C

Template C

Two columns with elegant css buttons in the left sidebar.

Click on the image for Template D

Template D

Two columns using rollover menus in the sidebar.

Click on the image for Template E

Template E

Three columns using rollover navigation at the side.

Click on the image for Template F

Template F

Three columns using a combination of JavaScript 'drop down' menus at the top and rollovers at the side.

Click on the image for Template G

Template G

Three columns using a combination of 'sliding doors' tabs at the top and rollovers at the side.

Click on the image for Template H

Template H

Three columns using a combination of 'sliding' menus at the top and rollovers at the side.

Click on the image for Template I

Template I

Three columns using a combination of 'sliding' menus at the top and rollovers at the side.

Click on the image for Template J

Template J

A variation on Template I.

Click on the image for Template K

Template K

An interesting site with multiple images and a dynamic fly out menu

Click on the image for Template L

Template L

A variation on Template K, but without the menus.

Click on the image for Template M

Template M

An interesting 'Tabbed' site from 'More Eric Meyer on CSS'.

Click on the image for Template N

Template N

A stunning 'Artistic' site from 'More Eric Meyer on CSS'.

Click on the image for Template O

Template O

A typical 'Blog' site from 'More Eric Meyer on CSS'.