Hola a todos aqui les dejo los códigos HTML y CSS del ejemplo
Código HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<title>Página Oficial de la Banda</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif" width="270"
height="80" alt="Haz clic aqui para volver a la página de inicio"></a></div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul><li><a href="index.html">Portada</a></li><li><a href="historia/historia.html">Historia</a></li>
<li><a href="discografía/discografía.html">Discografía</a></li><li><a href="conciertos/conciertos.html">Conciertos</a></li><li><a href="descargas/descargas.html">Descargas</a></li>
<li><a href="foro/foro.html">Foro</a></li><li><a href="souvenirs/souvenirs.html">Souvenirs</a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<div id="contenido">
<!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<h1>Bienvenidos a la Página Oficial de la Banda</h1>
<p>Bienvenido a la página oficial de la banda.En este portal puedes estar informado de todo lo referente al grupo, desde su historia hasta sus próximos conicertos,
pasando por su completa discografía, descarga de cosas interesantes e incluso por nuestra tienda online, en la
que puedes encargar tu camiseta del grupo. No olvides visitarnos en el foro y dejar tus comentarios.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
<li><a href="#">Foro Ejemplo</a></li><li><a href="#">Contactos</a></li><li><a href="#">Nos Enlazan</a></li>
</ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
<li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">Mapa de la Web</a></li>
</ul>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Código CSS
*{text-indent:0px;margin:0px; padding: 0px; border: 0px}
p {text-align:justify}
h1 {font-size:1.2em; color:blue; font-weight:bold;text-decoration:underline; text-align:center}
h2 {font-size:1.1em; color:blue; font-weight:bold;text-decoration:none; text-align:center}
body {text-align:center}
#global {width:800px; margin: 4px auto}
#curva-superior {background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px; height:12px; overflow: hidden}
#cabecera {background-color white; border-left:black 1px solid; border rigth: black 1px solid; height:85px}
#logotipo {width:280px; float:left}
#publicidad {width:518px; float:right; margin-top:25px; font-size:16px}
#navegacion {background-color: gray; border:black 1px solid;height:20px}
#navegacion li {float:left;list-style:none; margin:0px 20px 0px 20px}
#navegacion ul {margin-left:60px}
#contenido {background-color:orange; border-left: black 1px solid;border-right: black 1px solid}
#contenido p {margin: 5px 10px 0px 10px;text-indent:15px}
#menu {width: 150px; float:left; text-align:left;margin:3px 10px 3px 3px; background-image:url(objetos/menu-parte-inferior.gif);
background-position:bottom; padding-bottom:5px}
#menu li {list-style:none; margin:4px 8px 4px 6px}
#menu h1 {text-decoration:none; font-size:12px; background-image: url(objetos/menu-parte-superior.gif)}
#pie {background-color:white; border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid;height:65px}
#pie li {list-style:none; font-size:12px}
#pieuno {float:left;width:150px}
#piedos {float:left;width:498px}
#pietres {float:left;width:150px}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;oferflow:hidden}
a{color:brown; text-decoration:none;display:block}
a:link {}
a:visited {}
a:hover {color:red;text-decoration:underline; background-color:silver}
a:active {}
#pie a {color:blue; text-decoration:none;display:block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black; text-decoration:underline;background-color:white}
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:white}
#logotipo a:active {}
Saludos
Código HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<title>Página Oficial de la Banda</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif" width="270"
height="80" alt="Haz clic aqui para volver a la página de inicio"></a></div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul><li><a href="index.html">Portada</a></li><li><a href="historia/historia.html">Historia</a></li>
<li><a href="discografía/discografía.html">Discografía</a></li><li><a href="conciertos/conciertos.html">Conciertos</a></li><li><a href="descargas/descargas.html">Descargas</a></li>
<li><a href="foro/foro.html">Foro</a></li><li><a href="souvenirs/souvenirs.html">Souvenirs</a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<div id="contenido">
<!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<h1>Bienvenidos a la Página Oficial de la Banda</h1>
<p>Bienvenido a la página oficial de la banda.En este portal puedes estar informado de todo lo referente al grupo, desde su historia hasta sus próximos conicertos,
pasando por su completa discografía, descarga de cosas interesantes e incluso por nuestra tienda online, en la
que puedes encargar tu camiseta del grupo. No olvides visitarnos en el foro y dejar tus comentarios.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
<li><a href="#">Foro Ejemplo</a></li><li><a href="#">Contactos</a></li><li><a href="#">Nos Enlazan</a></li>
</ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
<li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">Mapa de la Web</a></li>
</ul>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Código CSS
*{text-indent:0px;margin:0px; padding: 0px; border: 0px}
p {text-align:justify}
h1 {font-size:1.2em; color:blue; font-weight:bold;text-decoration:underline; text-align:center}
h2 {font-size:1.1em; color:blue; font-weight:bold;text-decoration:none; text-align:center}
body {text-align:center}
#global {width:800px; margin: 4px auto}
#curva-superior {background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px; height:12px; overflow: hidden}
#cabecera {background-color white; border-left:black 1px solid; border rigth: black 1px solid; height:85px}
#logotipo {width:280px; float:left}
#publicidad {width:518px; float:right; margin-top:25px; font-size:16px}
#navegacion {background-color: gray; border:black 1px solid;height:20px}
#navegacion li {float:left;list-style:none; margin:0px 20px 0px 20px}
#navegacion ul {margin-left:60px}
#contenido {background-color:orange; border-left: black 1px solid;border-right: black 1px solid}
#contenido p {margin: 5px 10px 0px 10px;text-indent:15px}
#menu {width: 150px; float:left; text-align:left;margin:3px 10px 3px 3px; background-image:url(objetos/menu-parte-inferior.gif);
background-position:bottom; padding-bottom:5px}
#menu li {list-style:none; margin:4px 8px 4px 6px}
#menu h1 {text-decoration:none; font-size:12px; background-image: url(objetos/menu-parte-superior.gif)}
#pie {background-color:white; border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid;height:65px}
#pie li {list-style:none; font-size:12px}
#pieuno {float:left;width:150px}
#piedos {float:left;width:498px}
#pietres {float:left;width:150px}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;oferflow:hidden}
a{color:brown; text-decoration:none;display:block}
a:link {}
a:visited {}
a:hover {color:red;text-decoration:underline; background-color:silver}
a:active {}
#pie a {color:blue; text-decoration:none;display:block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black; text-decoration:underline;background-color:white}
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:white}
#logotipo a:active {}
Saludos