Bueno no se si lo haré bien lo de copiarlo, no se si será esto lo que quereis pero bueno yo lo pego xD Perdonad mi ignorancia pero sq no tengo ni idea de hacer cosas de estas...! Jeje. Ahi va:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global"
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id=contenido">
<div id="menu">menu</div>
<ul>
Elemento de lista, 1
Elemento de lista, 2
Elemento de lista, 3
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
ESTILO:
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange}
#menu {background-color: yellow; width: 150px ; float:left }
#pie {background-color: brown}