Hola:
En realidad, no voy a negar que me entero poco de lo que usted quiere hacer en su web, ya que hay veces que pone la imagen logotipo-2 en la capa logotipo, y otras veces veo que tiene la imagen logotipo-4 en la capa logotipo.
La imagen logotipo-2 tiene unas dimensiones de ancho y alto
pero la imagen logotipo-4 tiene unas dimensiones diferentes, pues esa mide de ancho 960px y de alto 720px.
Por eso, sin percibir realmente lo que usted quiere he hecho algo a mi manera de hacerlo.
Dentro de la carpeta experimentos puse una pagina index.html y una hoja de estilo-general.css
También puse la carpeta objetos con las imagenes que se supone que van en todas las páginas como la de las curvas superior e inferior y esa imagen que va al medio de la capa contenido, pero que va (creo) en la pagina index y en la pagina historia, (la fondoDSCF0054),también puse en esa carpeta objetos el buzon del E-mail y el logotipo-4.
Luego, puse dentro de la carpeta experimentos las otras carpetas que llevan dentro sus respectivas páginas.
carpeta historia
carpeta fabricados
carpeta contacto
En cada una de esas tres carpetas puse también dentro una carpeta objetos
Por tanto como en la página fabricados van unas imagenes que solo van en esa página, pues esas imagenbes las puse dentro de la carpeta objetos que va dentro de la carpeta fabricados.
Ya que la idea es que las imagenes que vayan solo en ciertas páginas es tratar de ponerlas en sus propias carpetas objetos y no en la carpeta objetos que está dentro de la carpeta experimentos.
Por tanto
dentro de la carpeta experimentos hay
Carpeta objetos
pagina index.html
hoja de estilo estilo-general.css
Carpeta historia, y dentro la pagina historia.html y una carpeta objetos
Carpeta contacto, y dentro la pagina contacto.html y una carpeta objetos
Carpeta fabricados, y dentro la pagina fabricados.html y una carpeta objetos, y dentro de esa carpeta objetos están las imagenes bandeja caja expositor y flocados.
La imagen logotipo-4 la rebajé a 275px de ancho por 206px de alto, para ponerla dentro de la capa logotipo.
Por eso en la hoja de estilo le subí el alto a la capa cabecera para que esa imagen del logotipo pudiera caber.
Luego para la pagina fabricados creé una capa en la hoja de estilo, (solo para la pagina fabricados, para poner las cuatro imagenes, a esa capa le llamé en la hoja de estilo-general #elementos{etc. etc.}, y luego la creé en la pagina fabricados con un <div id="elementos">.
La cuestión es, que si usted ahora crea en su escritorio una carpeta, por ejemplo le llama experimento-2
y dentro crea una carpeta objetos y dentro de esa carpeta objetos pone la imagen del buzon, la curva superior, la curva o parte inferior, el logotipo4, y la imagen fondoDSCF0054.
...............................
Esta son las imagenes que van dentro de la carpeta objetos
[contenido no disponible]......................................
Y luego crea una pagina index.html y una hoja de estilo-general.css
Y luego crea una carpeta historia, una carpeta contacto y una carpeta fabricados, y a cada una de esas carpetas le pone dentro una carpeta objetos.
Y a cada una de esas carpetas le crea allí su propia pagina
Y en la carpeta objetos la que está dentro de la carpeta fabricados le pone las cuatro imagenes, (bandeja, caja, expositor, flocados) el resultado sería más o menos este que le doy acá
..........................................
Esta sería la pagina index.html
[contenido no disponible]....................................................
Y esta sería la pagina fabricados, la otra sería parecida a la index
[contenido no disponible].............................
Estas son las paginas con sus códigos
Carpeta experimentos-1
..................................
index.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Empresa Plastivican</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a la web de Plastivican
C/. El Rollo 44</p>
47680-MAYORGA (Valladolid)</p>
Tlfno.-983 751167,- Fax.-983 751167</p>
</div>
</div>
<div id="navegacion">
<ul>
PortadaHistoria
fabricados
contacto
</div>
<div id="contenido">
<h1>Bienvenidos a la página oficial de Plastivican</h1>
</p>
[contenido no disponible]
</div>
<div id="pie">Este es el pie de pagina
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
..............................................
estilo-general.css
*{text-indent:opx;margin:0px;padding:0px;border:0px}
p {text-align: justify}
h1 {font-size:1.1em; color:red ; font-weight: bold ; text-decoration:none; text-align: center}
h2 {font.size:1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {background-color:#ff00ff;text-align:center;font-family:Verdana, Arial, Geneva, Helvetica, serif, sans-serif; }
#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: silver; border-left: black 1px solid ;
border-right: black 1px solid ; height:207px}
#logotipo {width: 280px; float: left}
#publicidad {width: 518px ; float: right ; margin-top: 25px}
#publicidad p{text-align:center;}
#navegacion {background-color: pink ; border: black 1px solid; height: 20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 180px}
#contenido {width:auto;background-color: blue; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#elementos{background-color:#00ffff;height:147px;}
#menu {background-color:#orange;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:2px }
#menu h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-parte-superior.gif)}
#menu li {list-style:none ; margin:4px 8px 4px 6px}
a {color: blue; font-size:1,1em ; text-decoration: none; display: block }
a:link {}
a:visited {}
a:hover {color: red; tex-decoration: underline; background-color: silver}
a:active {}
#pie {background-color:#ffff00;border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid;height:20px; }
#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/parte-inferior.gif);
background-repeat:no-repeat;width:800px; height:12px;overflow: hidden }
.......................................................
Carpeta historia Y una carpeta objetos
historia.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Empresa Plastivican</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Esta es la pagina de historia
C/. El Rollo 44</p>
47680-MAYORGA (Valladolid)</p>
Tlfno.-983 751167,- Fax.-983 751167</p>
</div>
</div>
<div id="navegacion">
<ul>PortadaHistoria
fabricados
Contacto
</div>
<div id="contenido">
<h1>Historia</h1>
[contenido no disponible]
<h1>Algo de Historia</h1>
La empresa Plastivican, se fundó en Mayorga (Valladolid) en el año 1996, dedicandose al moldeo de plástico por vacío, es así como empezó a fabricar, blister, skin, continuando con cajitas de cierre, bandejas flocados, expositores para comercios y toda clase de productos relacionados con el termoconformado de plásticos.</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
..........................................................
Carpeta fabricados Y una carpeta objetos
fabricados.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Empresa Plastivican</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Esta es la pagina de Fabricados
C/. El Rollo 44</p>
47680-MAYORGA (Valladolid)</p>
Tlfno.-983 751167,- Fax.-983 751167</p>
</div>
</div>
<div id="navegacion">
<ul>PortadaHistoria
Fabricados
Contacto
</div>
<div id="contenido">
<h1>Fabricados</h1>
<div id="elementos">[contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible]</div>
<h1>Nuestros fabricados</h1>
Entre los distintos fabricados que tenemos están: Blister de las distintas clases, Skin, bandejas, expositores para comercios, flocados en distintos colores, para perfumería cubertería, ect., y cualquier modelo de caja que nos encargue, hecha a la medida.</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
.........................................................
Carpeta contacto Y una carpeta objetos
contacto
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Empresa Plastivican</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Esta es la pagina de contacto
C/. El Rollo 44</p>
47680-MAYORGA (Valladolid)</p>
Tlfno.-983 751167,- Fax.-983 751167</p>
</div>
</div>
<div id="navegacion">
<ul>PortadaHistoria
Fabricados
Contacto
</div>
<div id="contenido">
<h1>Contacto</h1>
[contenido no disponible]
[correo eliminado]</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
..........................................................
Lógicamente habiéndole rebajado las dimensiones a la imagen logotipo4.png. para que midiese 275 de ancho por 206 de alto
La imagen logotipo2 no la ocupé
La imagen que se llama fondoDSCF0054, puede ver en la imagen que utilizé una cualquiera para ponerla en la imagen que le muestro de ejemplo , (es la que más se adecuaba en las medidas, ya se que no es muy bonita)
Es posible que alguna imagen, por ejemplo la curva inferior , en los códigos que le doy tenga otro nombre, usted ponga el que corresponde.
Como le dije al principio, realmente no estoy muy seguro de como iusted desea que se vean lsus páginas.
También puede ver que en los códigos que le pongo de las páginas los he puesto sin los script que usted tiene puesto originalmente, es que mo ordenador a veces se niega en rotundo y me dice que ya está cansado de tanto código por aquí y código por allá. Ya los pondrá usted para ir viendo como funciona este nuevo experimento
espero no haberme olvidado algo.
Bueno, veo que no salió la imagen logotipo4.png en la capa logotipo, pero es que subí estas imagenes antes de ponerla en su capa logotipo (la memoria ya falla)
En todo caso si no es eso lo que usted quería, lo siento
Para subir por el ftp del HTML-KIT, logicamente debe tener las paginas cerradas. por que lo que usted sube son los archivos que contienen los códigos
Saludos