Menú de la página web

Buenas noches, lo primero daros las gracias por el "trabajo" que hacéis tanto los que os habéis currado el manual como los que estáis ayudando por aquí a la gente que plantea sus dudas.
Ahora allá voy:
Veréis, tengo que realizar una página web, la temática es indiferente, cuando domine los conceptos ya lo elegiré. Ahora mismo he estado probando con frames, pero me dijeron que estaban anticuados y que lo mejor era trabajar con capas. He creado este sitio: Mi web
Como veréis, no es nada complejo, tengo 4 capas.
1- Para poner un banner arriba
2- La del menú
3- La pagina del contenido
4- Un pie para poner los tipicos enlaces de contacta, FAQ, etc en pequeñito.

El problema que os planteo y quizás sea algo absurdo... como puedo hacer para que cuando haga clic en el menú y enlace a otra página de mi propia web salga en la capa del contenido. Es decir, clico en un enlace de la capa 2 y quiero que salga en la capa 3 sin perder ni el banner, ni el pie ni el menu...
Como vereis ahora el enlace lo hace y me va directamente a la página de mi web pero pierdo todas las capas... quizas importando la hoja de estilos a todas las páginas?

Sino os queda muy claro... decírmelo sin tapujos.
Gracias a todos.

Hola!
Lo que comentas se hace con frames, pero como bien has dicho, estan anticuados. Al hacer click en un enlace se carga el contenido en la otra capa.
Ahora bien, yo nunca uso frames, prefiero las capas. Se trata de que todas tus paginas sean iguales (4 capas en el mismo orden) y el contenido entre ellas sea distinto. Antiguamente se usaban frames porque la velocidad de internet dejaba mucho que desear, asi se ahorraba al navegador tener que cargar una y otra vez todas las imagenes de cada pagina a medida que hacias click.
Ahora eso ya no importa, con cualquier linea de internet hay mas que suficiente. Asi que eso, todas las pag. iguales menos el contenido. Lo unico es que cuando hagas click la pagina entera se recargara, excepto lo que ya hay en cache, y como la cache se genera en la primera visita, todas las imagenes ya estaran cargadas (excepto las que haya en el contenido, que al ser nuevo para el navegador las cargara en cache).
Un saludo!

De acuerdo... entonces entiendo que tengo que cargar en todas las páginas la hoja de estilos con las capas. Y a la hora de rellenar por ejemplo la capa del menú... si tengo que añadir un link, tengo que hacerlo manualmente en todas las páginas??

Una cosilla más... ahora tengo la página al 100% de lo que de el navegador pero preferiría tenerla a 900px*600px mas o menos y que saliera centrado en el navegador. ¿Como podría plantearlo?
Si necesitaras el código o algo... te lo pongo sin problemas.
Gracias de nuevo.

Tienes varias alternativas,lo importante es crear el efecto visual, por ejemplo , si clikeas en el memu de una pagina y esta va a otra pagina esta otra pagina puede ser una copia exacta de la anterior con la modificación especifica que tu quieras hacer ¡recuerda que el efecto visual es lo que importa !

pues lo mejor es eso, que pegues el codigo aqui, aunque para lo que dices es facil. Le das estilo al body con "width:900px; margin:0 auto;" asi le das el tamaño de ancho y le dices que centre el body a los lados.
Por otro lado, cuando tengas el index.html terminado, lo guardas, y luego lo guardas como "productos.html" (por ejemplo) y quitas todo el contenido, pero solo eso, el contenido que cambia, y asi tienes la misma estructura, con distintos contenidos. Inconveniente: si una vez has acabado todas las pagins de tu web necesitas cambiar o añadir algo, tendras que hacerlo manualmente en una de ellas, y luego copiar y pegar la modificacion en el resto. Busca aqui en cctw sobre las plantillas (con dreamweaver) te permiten poner partes para modificar y otras fijas, asi es relativamente mas facil.

He estado probando lo de las paginas de plantilla... he creado una pagina de plantilla base y a partir de ahi, creo nuevas hojas con esa plantilla y marco la pestaña de que se actualice cuando se modifique pero no lo hace... en tal caso debería añadir en cada página que tenga cada vez que cree un elemento del menú o una página nueva, el enlace una por una?
Menudo tostón no? jeje
Gracias por todo de nuevo.

Os dejo el codigo por si acaso:
CODIGO DE LA PLANTILLA.

<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>Curso de maquetacion CSS</title>
<!-- TemplateEndEditable -->
<link href="../estilos.css" rel="stylesheet" type="text/css" />


<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
	
<body>
<center><div id="contenedor">
  <div id="cabecera">Esta es la cabecera</div>
<div id="barra-lateral">
          <p>Esta es la barra <a href="../2.html">lateral</a></p>
          <p>Juego de los <a href="../Untitled-5.html" target="_blank">NUMEROS</a></p>
          <p>Enlace a mis <a href="../fotos.html" target="_self">fotos</a></p>
    </div>
  <!-- TemplateBeginEditable name="Contenido" -->
  <div id="contenido">
    <p>Este es el contenido principal</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </div>
  <!-- TemplateEndEditable -->
  <div id="pie">Este es el pie de pagina</div>
        
</div></center>
</body>
</html>

CODIGO DE LA PAGINA ENLAZADA:

<html><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<link href="estilos.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Mi primera página web</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>

<body>
<center><div id="contenedor">
	<div id="cabecera">Esta es la cabecera</div>
    <div id="barra-lateral"><a href="fotos.html">Fotos</a></div>
    <!-- InstanceBeginEditable name="Contenido" -->
    <div id="contenido">Mis fotos
    </div>
    <!-- InstanceEndEditable -->
    <div id="pie">Este es el pie</div>
</div></center>
</body>
<!-- InstanceEnd --></html>

CODIGO DE MI PAGINA DE ESTILOS

body{
	background-color:#000000;
	
}
#contenedor{
	background-color:white;
	height:900px;
	width:600px;
	margin:0 auto;
}
#cabecera{
	
	background-color:green;
	height: 50px;
	padding: 5px;
	
}
#barra-lateral{
	background-color:orange;
	width:20%;
	float:left;
	height:87%;
	
	
}
#contenido{
	background-color: gray;
	height:87%;
	width: 80%;
	float:left;
	text-align: justify;
	

}
#pie{
height:5%;
	clear:both;
	background-color:blue;
	padding: 5px;
	
}

Tengo que plantear mejor la distribucion de las capas y ponerlos con PX... o así creeis que queda bien ya?

Hola.

Estoy iniciándome (otra vez) en ésto de las webs. Hice cosillas hace tiempo, y pasados unos años retomo el tema intentando hacer la web del AMPA del colegio de mis hijos.

Antes usaba frames para distribuir los elementos de la web, pero después de leer que están obsoletos lo he hecho con div id (no sé si eso son capas). Lo he creado con DreamWeaver 3 (lo sé, no estoy a la última [:(] ).

Tenía el mismo problema que quien inició este hilo, no sabía como hacer que al pinchar en un enlace del menú, el contenido apareciese en el mainContent.

Por lo que entiendo no es como antes con los frames, si no que tengo que cargar todo el contenido entero, ¿es así?

Pero entonces, si cambio algo de la cabecera, del menú o del pié, ¿tengo que cambiarlo en todas las páginas de mi web? Imagino que se me escapa algo, porque no me parece funcional.

Os dejo el enlace por si sirve de ayuda: http://www.ampaantoniorrobles.org/indexx.htm (lo de la doble x es para que aún on se vea nada en la web).

Gracias.

Hola de nuevo a todos,
quería aprovechar el hilo para enseñaros como he avanzado en la página web y pediros que me aconsejarais acerca de que cambios podría hacerle etc.
El menú finalmente lo hice mediante CSS siguiendo algún manual y dándole un toque personal jeje
Una cosilla que me pasa... en la página de noticias, el título de cada noticia lo pongo con <h3>, el problema me viene que me sale un espacio pequeño que se me ve todo gris entre el menú y la noticia. ¿A qué puede ser debido? si le pongo cualquier otra cosa, no me pasa nada.
Gracias!

http://rasguin.idomyweb.com

ricar69 escribió:Hola.

Estoy iniciándome (otra vez) en ésto de las webs. Hice cosillas hace tiempo, y pasados unos años retomo el tema intentando hacer la web del AMPA del colegio de mis hijos.

Antes usaba frames para distribuir los elementos de la web, pero después de leer que están obsoletos lo he hecho con div id (no sé si eso son capas). Lo he creado con DreamWeaver 3 (lo sé, no estoy a la última [:(] ).

Tenía el mismo problema que quien inició este hilo, no sabía como hacer que al pinchar en un enlace del menú, el contenido apareciese en el mainContent.

Por lo que entiendo no es como antes con los frames, si no que tengo que cargar todo el contenido entero, ¿es así?

Pero entonces, si cambio algo de la cabecera, del menú o del pié, ¿tengo que cambiarlo en todas las páginas de mi web? Imagino que se me escapa algo, porque no me parece funcional.

Os dejo el enlace por si sirve de ayuda: http://www.ampaantoniorrobles.org/indexx.htm (lo de la doble x es para que aún on se vea nada en la web).

Gracias.

Existe otra opción en Dreamweaver para no hacer mas paginas se llama "comportamientos" no sabia con exactitud como era

http://www.youtube.com/watch?v=9rV1MJJc2AI