Ayuda con las Cabeceras

Hola!
Agradecería si alguien pudiera ayudarme con lo siguiente. Tengo mi sitio web completamente diseñado en HTML, pero lo que no me gusta es que son varias paginas y cuando quiero cambiar algo de la cabecera o pie de pagina debo arreglarlo uan por una.
He estado leyendo sobre los Includes pero por alguna razón no me da buen resultado y no se visualiza lo que he incluido con este codigo en cada pagina html:

<? include("cabecera.php"); ?></td>

Mi duda es si puedo usar el mismo codigo que usan las paginas html en el archivo cabecerca.php que en su mayoria son imagenes con links.

Gracias y ojalá puedan ayudarme!!!

DULCI_NEA

hola:

por que no usas css + xhtml???
de esa manera cambiarias las cabeceras solo cambiando un documento css

Gracias buzu por responder

Tomaré tu consejo y lo intentaré, tu conoces algun tutorial bueno para aprender?

Gracias

DULCI_NEA

tutoriales de css en cristalab

Hola

Creo que tienes una confusion.

No hagas caso de lo que te dijo buzu, eso no es lo que buscas.

Primero que nada, debes saber que el codigo:

Código :

<?php include("cabecera.php"); ?>

Es PHP, o sea, que para que funcione, la pagina donde lo pones debe ser .php (tener extension.php). Me refiero a que si es el index.htm al que le quieres incluir la cabecera, debes renombrar el archivo a index.php, y por supuesto cambiar todos los links que se dirijan a index.htm por index.php. Quizas al principio es bastante trabajo pero despues te ahorras mucho.

Por otro lado, los archivos que incluyes, no necesariamente tienen que ser .php, puedes perfectamente hacer un include a un archivo .htm (cabecera.htm por ejemplo) o incusive a archivos de texto plano (.txt). Por lo tanto, si puedes poner en ese archivo el contenido igual a como lo usabas antes, las imagenes y links.

Muchas Gracias Ramm por la claridad de tu respuesta, haré lo que me dices y luego te contaré como me ha ido!

DULCI_NEA

hola amigo ramm, estava por escribir reclamando el por que dices que no se puede usar lo que digo, hasta que me di cuenta que en realidad no havia leido bien la pregunta, lo que dulci_nea quiere es poder cambiar una cabecera que tiene digamos un menu o enlaces y yo pnese que era solo la imagen de la cabecera en ese caso tambien cabe aclarar que el servidor en donde alojes tu web deve tener soporte para php y que ademas soporta la vercion de php que usas, hace un tiempo estuve haciendo un libro de visitas para una pagina y me quebre la cabeza un dia completo por que no me funcionaba, todo estaba bien pero no funcionaba, entonces se me ocurrio subirlo en otro servidor y va, funciono perfecto, entonces me di cuenta que estaba usando una vercion de php que no soportaba el dchoso servidor, y perdi todo un dia por eso.

Hola!
yo de nuevo, les cuento que pude solucionar el problema de las cabeceras, de hecho ahora esta trabajando bastante bien en Firefox, pero por alguna razon que desconozco no se ve bien en IE y aparece una linea debajo de las imagenes del logo que no corresponden al diseño original... me podrian ayudar a definir que es???

Este es el CSS

Código :

#contenedor_header {
   width:800px;
   text-align:center;
   margin: 0px auto;
   clear:both;
}
#top {
   background-image:url(images/index_02.jpg);
   width:800px;
   height:21px;
   margin: 0px auto;
}
#menu_f1 {
   background-image:url(images/index_03.jpg);
   width:344px;
   height:22px;
   float:left;
   margin: 0px auto;
   padding: 0px;
}   
#menu_inicio {
   background-image:url(images/index_04.jpg);
   width:48px;
   height:22px;
   float:left;
   margin: 0px auto;
   padding: 0px;
}
#menu_nosotros {
   background-image:url(images/index_05.jpg);
   width:71px;
   height:22px;
   float:left;
   margin: 0px auto;
   padding: 0px;
}
#menu_imagen {
   background-image:url(images/index_07.jpg);
   width:132px;
   height:22px;
   float:left;
   margin: 0px auto;
   padding: 0px;
}
#menu_color {
   background-image:url(images/index_06.jpg);
   width:47px;
   height:22px;
   float:left;
   margin: 0px auto;
   padding: 0px;
}
#menu_portafolio {
   background-image:url(images/index_08.jpg);
   width:71px;
   height:22px;
   float:left;
   margin: 0px auto;
   padding: 0px;
}
#menu_contacto {
   background-image:url(images/index_04-09.jpg);
   width:87px;
   height:22px;
   float:left;
   margin: 0px auto;
   padding: 0px;
}
#contenedor_logo {
   width:800px;
   height:119px;
   float:left;
   background-image:url(images/index2_10.jpg);
   margin: 0px auto;
   padding: 0px;

}

... y este es el HTML:

Código :

<body onLoad="MM_preloadImages('images/index2_04.jpg','images/index2_05.jpg','images/index2_06.jpg','images/index2_07.jpg','images/index2_08.jpg','images/index_04_1.jpg')">
<div id="contenedor_header">
<div id="top"> </div>
<div id="menu_f1"> </div>
<div id="menu_inicio"><a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','images/index2_04.jpg',1)"><img src="images/index_04.jpg" name="Image1" width="48" height="22" border="0"></a> </div>
<div id="menu_nosotros"><a href="nosotros.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/index2_05.jpg',1)"><img src="images/index_05.jpg" name="Image2" width="71" height="22" border="0"></a> </div>
<div id="menu_color"><a href="color.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/index2_06.jpg',1)"><img src="images/index_06.jpg" name="Image3" width="47" height="22" border="0"></a> </div>
<div id="menu_imagen"><a href="imagen.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/index2_07.jpg',1)"><img src="images/index_07.jpg" name="Image4" width="132" height="22" border="0"></a> </div>
<div id="menu_portafolio"><a href="portafolio.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/index2_08.jpg',1)"><img src="images/index_08.jpg" name="Image5" width="71" height="22" border="0"></a> </div>
<div id="menu_contacto"><a href="Contacto.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/index_04_1.jpg',1)"><img src="images/index_04-09.jpg" name="Image6" width="87" height="22" border="0"></a></div>
<div id="contenedor_logo"> </div>
</div>
</body>
</html>[code][/code]

quizas si dejas un link con el ejemplo seria mejor.....

Esta es la direccion del sitio

www.imagenclave.cl

hola: parece como si lo hubieras hecho en photoshop, igul y no, por que hay algunas marcadas diferencias, yo no recomendaria usar tantos div's, yo solo los uso cuando hago interfaces en photoshop, o algun menu y me da flojera corregir todo, lo que si te digo es que te fijes la vercion que usas del ie, tal vez sea problema con el modelo de caja conocido del ie.

(ese mm_preloadimages lo he visto en otra parte...pero no lo recuredo, refrescame!!!)

tu problema esta en el menu. para hacer menues lo mas practico es hacerlos mediante listas. Ese menu tiene un div=id para cada item, cuando podes ahorrarte un monton de codigo usando listas. Y a la hora de hacer una correccion es ultra tedioso.

revisa bien los altos que manejas en esa parte. fijate que si sacas los jpg's del menu ya ese espacio desaparece.

revisa esto quizas te sirve para una proxima.
http://www.disenorama.com/tutoriales/disena-una-pagina-con-codigo-semantico

y este para hacer los efectos de mouse over sin tener qeu recurrir a esos codigos que metiste en cada div:
http://www.cristalab.com/tutoriales/130/crear-menus-de-navegacion-en-css-usando-listas

Gracias por la ayuda lo que pasa es que al estar en photoshop me gusto ese diseño y no sabia como llevarlo a cabo en Dreamweaver... intentaré entoces de esa forma y espero la linea que va encima del logo desparezca

DULCI_NEA