Os pego los códigos, al hacer vista previa me sale error e el script, se requiero un objeto.
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">
<link rel="stylesheet" href="estilo-menu-despegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion"><ul>Sección 1 Sección 2 Sección 3 Sección 4</div>
<div id="contenido">
<div id="menu">
<h1>Título de la Sección 1</h1><ul> Enlace 1 Enlace 2 Enlace 3 Enlace 4</div>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo
pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle margenes para
separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea,
que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos
alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<div id="pieuno"><ul> Foro Ejemplo Contactos Nos Enlazan</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul> Directorios TopSite Mapa de la Web</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
estilo-general.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-right:black 1px solid; width:800px; 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:180px}
#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 {background-color:yellow; width:150px; float:left; text-align:left; margin:3px 10px 3px 3px; background-image: url(objetos/menu-parte-inferior-1.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-curva-superior-1.gif); padding-top:12px}
#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; overflow: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 {}
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">
<link rel="stylesheet" href="estilo-menu-despegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion"><ul>
<div id="contenido">
<div id="menu">
<h1>Título de la Sección 1</h1><ul>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo
pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle margenes para
separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea,
que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos
alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<div id="pieuno"><ul>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
estilo-general.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-right:black 1px solid; width:800px; 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:180px}
#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 {background-color:yellow; width:150px; float:left; text-align:left; margin:3px 10px 3px 3px; background-image: url(objetos/menu-parte-inferior-1.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-curva-superior-1.gif); padding-top:12px}
#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; overflow: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 {}