he empezado a tocar cosas y me liado, no se que tengo mal, a ver si podeis indicaer donde tengo los errores, muchas gracias.
estilo-general.css
*{text-indent:0px;margin:0px;padding:0px;border:0px;}
body{text-align:center;}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden;}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden;}
#global{width:800px;margin:4px auto;}
#cabecera{background-color:white;border-left:black 1px solid;border-right:black 1px solid:height:85px;}
#logotipo{background-color:brown;width:280px;float:left;}
#publicidad{background-color:pink;width:518px;float:right;margin-top:25px;}
#navegacion{background-color:gray;border:black 1px solid;}
#contenido{background-color:orange;border-left:black 1px solid;border-right:black 1px solid;}
#contenido p{padding:5px10px5px10px;text-indent:15px;}
#menu{background-color:yellow;width:150px;float:left;text-align:left;margin:3px10px3px3px}
#menu li{list-style:none;margin:4px0px4px6px}
#pie{background-color:white;border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid}
a{color:brown;text-decoration:none;display:block;}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver;}
a:active{}
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-weigth:bold;text-decoration:none;text-align:center;}
plantilla.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="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
<img src="objetos/logotipo.gif" height="80px" width="270px"alt="Haz clic para volver a la pagina de inicio">
</a>
</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul></div>
<div>
<p><h1>Esta sera la zona principal de la web</h1></p>
<p>Este es mi segundo parrafo. Acabo de poerle un punto y sin embargo sigue siendo un parrafo pues no le he colocado ninguna etiqueta de cierre.
voy a ponersela justo aqui</p>
<h2>Y este es el trecer parrafo</h2>.<p> En poca lecciones aprendere a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por
la izquierda a la primera linea, que qeuda mucho mejor.</p>
<p>Anda fijate! Salen todos centrados, quercosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Asi esto parece una poedia! jejeje.</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
estilo-general.css
*{text-indent:0px;margin:0px;padding:0px;border:0px;}
body{text-align:center;}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden;}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden;}
#global{width:800px;margin:4px auto;}
#cabecera{background-color:white;border-left:black 1px solid;border-right:black 1px solid:height:85px;}
#logotipo{background-color:brown;width:280px;float:left;}
#publicidad{background-color:pink;width:518px;float:right;margin-top:25px;}
#navegacion{background-color:gray;border:black 1px solid;}
#contenido{background-color:orange;border-left:black 1px solid;border-right:black 1px solid;}
#contenido p{padding:5px10px5px10px;text-indent:15px;}
#menu{background-color:yellow;width:150px;float:left;text-align:left;margin:3px10px3px3px}
#menu li{list-style:none;margin:4px0px4px6px}
#pie{background-color:white;border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid}
a{color:brown;text-decoration:none;display:block;}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:silver;}
a:active{}
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-weigth:bold;text-decoration:none;text-align:center;}
plantilla.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="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
<img src="objetos/logotipo.gif" height="80px" width="270px"alt="Haz clic para volver a la pagina de inicio">
</a>
</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul></div>
<div>
<p><h1>Esta sera la zona principal de la web</h1></p>
<p>Este es mi segundo parrafo. Acabo de poerle un punto y sin embargo sigue siendo un parrafo pues no le he colocado ninguna etiqueta de cierre.
voy a ponersela justo aqui</p>
<h2>Y este es el trecer parrafo</h2>.<p> En poca lecciones aprendere a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por
la izquierda a la primera linea, que qeuda mucho mejor.</p>
<p>Anda fijate! Salen todos centrados, quercosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Asi esto parece una poedia! jejeje.</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>