Ver Mensaje Individual
  #5 (permalink)  
Antiguo 26/04/2011, 13:22
Avatar de C2am
C2am
 
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 9 meses
Puntos: 306
Respuesta: Alternativa a Marcos

Hola.
Pasos:
1- crea un html llamado encabezado.html o encabezado.php
Dentro de él deberías tener:
Código HTML:
Ver original
  1. todo lo que tengas dentro de head
  2. </head>
  3. <body> <!-- en este archivo abres el body pero no lo cierres-->
  4. <div id="contenedor"><!-- en este archivo abres el "contenedor" pero no lo cierres-->
  5. <div id="cabecera">
  6. <!-- acá pones todo lo que tienes como cabecera de la página-->
  7. </div>

2- Crea otro archivo llamado menu.html o menu.php (depende de si después pones codigo php en él)
Código HTML:
Ver original
  1. <div id="menu">
  2. <!-- acá pones el menu-->
  3. </div>


3- crea pie.html o pie.php
Código HTML:
Ver original
  1. <div id="pie">
  2. <!-- aca pones todo lo que tienes como pie -->
  3. </div>
  4.  
  5.  
  6. </div><!-- acá cierras el div contenedor que abriste en encabezado.html/php
  7.  
  8. </body><!--acá cierras el body que abriste en encabezado.html/php-->
  9. </html><!-- acá cierras el documento html -->

Como te darás cuenta, es como un rompecabezas.



Luego unes ese rompecabezas en por ejemplo: index.php o default.php (esta sí debe ser .php)

Código PHP:
Ver original
  1. <?php
  2.    //incluyes el encabezado
  3.    include('encabezado.html');
  4.    
  5. ?>
  6. <!-- acá pones el div que contendrá al menu y al contenido de la página -->
  7. <div id="central">
  8.  
  9.  
  10.      <div id="contenido">
  11. <!-- aca pones el contenido especifico de la página -->
  12.      </div> <!-- cierras "contenido"-->
  13.  
  14.     <? include('menu.php'); ?>
  15.  
  16. </div> <!-- cierras central -->
  17.  
  18.  
  19. <?
  20. // acá incluyes el pie de página
  21.  include('pie.html');
  22. ?>

Esta es una forma de hacerlo, supongo que se puede otra manera.

Si quieres otra página solo debes guardarla como por ejemplo : quienessomos.php reemplazando el contenido especifico, pero incluyendo : encabezado.html , menu.html, pie.html, tal como está arriba.

Lo bueno es que si tienes que modificar el menu solo debes hacerlo sobre el archivo menu.html y no en cada página.

IMPORTANTE: para probar el funcionamiento en localhost debes tener instalado un servidor, por ejemplo: Appserv , es muy facil de instalar.

Saludos
PD: si hay algun error, me disculpo, lo hice muy de pasada.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--