O'Reilly logo

How to Design Websites by Alan Pipes

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

A simple handmade XHTML/CSS website using a template

Step 1.

The aim is to create a very simple but functional website that will conform to XHTML and CSS standards. First we download a public-domain template from www.code-sucks.com (right). It will be a two-column fixed-width layout comprising a header, menu sidebar and area for the main content (below right). It does not look much yet, but with CSS it can quickly be customized.

The template comprises two files: an HTML document called index.html, which we will open in PageSpinner, and a CSS document called main.css, which we will open in Style Master. Rename the folder they came in if you wish, to reflect the project. Add a subfolder called images, in which we will store our images.

Coding ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required