1. Home
  2. Computing & Technology
  3. Web Design / HTML

One Column Layout Templates
Simple Web Templates for 1-Column Web Pages

By Jennifer Kyrnin, About.com

When you want to build a Web page, the easiest way is with a free Web template. These free 1-column templates will help get you started.

  • Top Square Navigation Layout
    I got the idea for this simple layout from a forum I was reading, where the writer wanted the text in the layout to wrap around the navigation box. I just thought it might look nice.
  • Brown Crossbar Layout
    This Web site layout was suggested to me by Marcia, the Bipolar Disorder Guide at About - it uses three divs to create a cross in the upper left of the page with the main content held below it.
  • Top and Bottom Rows
    Sometimes all you want is branding at the top and contact/copyright information at the bottom.
  • Centered Single Column Layout
    This is a very basic layout, with the content centered on the page in an 80% wide column. Usually the page itself is a different background color, with the content surrounded by a border. For this template, I chose to make the main page color grey with a black border.
Explore Web Design / HTML
About.com Special Features

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

Easy ways to connect two computers for networking purposes. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. Web Design
  5. Principles of Web Design
  6. Layout
  7. Web Site Templates
  8. One Column Layout Templates - Simple Web Templates for 1-Column Web Pages >

©2009 About.com, a part of The New York Times Company.

All rights reserved.