Menu, header...

juanreyo03 · #1 (**permalink**) 31/07/2009, 12:42

Hola, estoy haciendo una web. Bueno pues que soy novato, y quiero que cuando vaya a editar el menu o el header no tenga que editar todos los archivos html si no que solo con editar uno se editen todos. He intentado hacerlo con php include pero no entiendo los tutoriales. Si alguien me lo puede explicar bien me haria un gran favor. Muchas gracias Espero que me puedan ayudar lo antes posible.

abimaelrc · #2 (**permalink**) 31/07/2009, 12:54

Vamos a suponer que tienes estas paginas

index.php

Código PHP:

Ver original<html>
<head>
<?php include("titulo.php"); ?>
</head>
<body>
Informacion ...
</body>
</html>

titulo.php

Código PHP:

Ver original<title>Titulo que deseas</title>

Verificalo y vas a ver

Synkronice · #3 (**permalink**) 31/07/2009, 12:55

[mi_menu.php] <---- require_once() ------------- [mi_home.php]
^
|
|------------require_once()-------------- [apartado_1.php]
|
|------------require_once()-------------- [apartado_2.php]
|
|------------require_once()-------------- [apartado_3.php]
|
|------------require_once()-------------- [apartado_4.php]

Haciendo require_once() de tu menu en cada uno de los diferentes apartados cualquier cambio que realices en tu menu se aplicará en todos los archivos que lo incluyen.

Saludos!

juanreyo03 · #4 (**permalink**) 31/07/2009, 13:10

A ver, entonces en el index cojo el codigo del menu y lo pongo en otro archivo al que llamo menu.html por ejemplo. Y despues pongo <?php include("menu.html"); ?> en el index ?

P.D: Acabo de hacer esto, pero nada. Lo hice bien ?

abimaelrc · #5 (**permalink**) 31/07/2009, 13:15

¿Trataste con mi ejemplo?

juanreyo03 · #6 (**permalink**) 31/07/2009, 13:17

Si, eso fue lo que entendi que tenia que hacer no ?
Lo que te explique mas arriba no me funcionó

Ronin46 · #7 (**permalink**) 31/07/2009, 13:20

Pero donde haces un include tiene que tener extensión .php el fichero, no puede ser html.

abimaelrc · #8 (**permalink**) 31/07/2009, 13:21

Escribe entonces el codigo del menu.html y el codigo del menu index.php Acuerdate que include solo funciona en PHP por lo tanto la extension la debes hacer index.php el menu puede ser html si es solamente tiene etiquetas de html.

juanreyo03 · #9 (**permalink**) 31/07/2009, 13:22

Ok, voy a probar.

juanreyo03 · #10 (**permalink**) 31/07/2009, 13:34

A ver, yo ahora mismo tengo el index.html y el menu.php.
En el menu.php tengo esto:

Código:

<table width="222" border="0" cellspacing="0" cellpadding="0" bgcolor="#202020">
        <tr>
        <td height="24" width="222" valign=middle>&nbsp; <b>Menu:</b></td>
        </tr>
        <tr>
        <td width="222" height=3 bgcolor="#ffffff"></td>
        </tr>
        <tr>
        <td height="24" width="222" valign=middle onMouseOver="javascript:taust(this,'#0F363F')" onMouseOut="javascript:taust(this,'#202020')">&nbsp; <a href="#">» Maad</a></td>
        </tr>
        <tr>
        <td width="222" height=3 bgcolor="#ffffff"></td>
        </tr>
        <tr>
        <td height="24" width="222" valign=middle onMouseOver="javascript:taust(this,'#0F363F')" onMouseOut="javascript:taust(this,'#202020')">&nbsp; <a href="#">» Patinoka</a></td>
  </tr>
        <tr>
        <td width="222" height=3 bgcolor="#ffffff"></td>
        </tr>
        <tr>
        <td height="24" width="222" valign=middle onMouseOver="javascript:taust(this,'#0F363F')" onMouseOut="javascript:taust(this,'#202020')">&nbsp; <a href="#">» Laminados</a></td>
        </tr>
        <tr>
        <td width="222" height=3 bgcolor="#ffffff"></td>
        </tr>
        <tr>
        <td height="24" width="222" valign=middle onMouseOver="javascript:taust(this,'#0F363F')" onMouseOut="javascript:taust(this,'#202020')">&nbsp; <a href="#">» Tarimas</a></td>
        </tr>
        <tr>
        <td width="222" height=3 bgcolor="#ffffff"></td>
        </tr>
        <tr>
          <td height="24" valign=middle onMouseOver="javascript:taust(this,'#0F363F')" onMouseOut="javascript:taust(this,'#202020')">&nbsp; <a href="#">&raquo; Restauraciones</a></td>
        </tr>
        <tr>
          <td height=3 bgcolor="#ffffff"></td>
        </tr>
        <tr>
          <td height="24" valign=middle onMouseOver="javascript:taust(this,'#0F363F')" onMouseOut="javascript:taust(this,'#202020')">&nbsp; <a href="#">&raquo; Fotos trabajos</a></td>
        </tr>
        <tr>
          <td height=3 bgcolor="#ffffff"></td>
        </tr>
        <tr>
          <td height="24" valign=middle onMouseOver="javascript:taust(this,'#0F363F')" onMouseOut="javascript:taust(this,'#202020')">&nbsp; <a href="#">&raquo; Precios</a></td>
        </tr>
        <tr>
          <td height=3 bgcolor="#ffffff"></td>
        </tr>
        <tr>
          <td height="24" valign=middle onMouseOver="javascript:taust(this,'#0F363F')" onMouseOut="javascript:taust(this,'#202020')">&nbsp; <a href="#">&raquo; Dise&ntilde;os</a></td>
        </tr>
        <tr>
          <td height="24" valign=middle onMouseOver="javascript:taust(this,'#0F363F')" onMouseOut="javascript:taust(this,'#202020')">&nbsp; <a href="#">&raquo; Puertas</a></td>
        </tr>
        <tr>
          <td height=3 bgcolor="#ffffff"></td>
        </tr>
        <tr>
          <td height="24" valign=middle onMouseOver="javascript:taust(this,'#0F363F')" onMouseOut="javascript:taust(this,'#202020')">&nbsp; <a href="#">&raquo; Mater. Eco</a></td>
        </tr>
        <tr>
          <td height=3 bgcolor="#ffffff"></td>
        </tr>
        <tr>
        <td width="222" height=3 bgcolor="#ffffff"></td>
        </tr>
        </table>

Eso es el menu. Y en el index.html escribi <?php include("menu.php"); ?> pero no sirve.

abimaelrc · #11 (**permalink**) 31/07/2009, 13:35

ahi esta el problema como te indique el index debe ser index.php para que te funcione el codigo. Menu puede ser index.html porque solamente tiene etiquetas de html.

juanreyo03 · #12 (**permalink**) 31/07/2009, 14:00

Para pasar el index.html a index.php, como lo hago ? Gracias y perdonen por las molestias.

abimaelrc · #13 (**permalink**) 31/07/2009, 14:07

dale click derecho con el mouse al archivo y pulsa rename, luego cambias la extension. Debes tener la opcion de ver las extensiones. Si tienes window para poder ver las extensiones tienes que ir a My Computer->Tools->Folder Options...->View quita el checkmark a Hide extensions for known file types pulsas OK y ahora podras cambiar la extension a .php

juanreyo03 · #14 (**permalink**) 31/07/2009, 16:48

Ya pase el .html a .php y el menu.php a menu.html. Luego fui al index.html y debajo del <head> puse esto:

Código:

<HTML>
<HEAD>
<?php include("menu.html"); ?>

Pero nada. Tengo que borrar el codigo del menu en el index ?

Ronin46 · #15 (**permalink**) 31/07/2009, 17:24

¿Tienes un servidor apache montado?

juanreyo03 · #16 (**permalink**) 31/07/2009, 18:33

No, es necesario ?

jonatanc · #17 (**permalink**) 31/07/2009, 20:27

Es totalmente necesario tener un servidor http trabajando sobre localhost , ya que php es un lenguaje orientado a web y una web tiene que ser servida y para servirla es vital un servidor web , y en este caso con php .

Desrga e instala xaamp , te dejo el link : http://www.apachefriends.org/es/xampp.html.

Saludos!

Ronin46 · #18 (**permalink**) 01/08/2009, 05:05

En vista de que no tienes servidor web, también podrías hacerlo a través de iframes, que están mejor vistos que los frames de toda la vida.

Pero quizás es mejor que instales Xampp, es muy fácil de usar y te puede valer por si el día de mañana quieres hacer cosas más complejas que requieran de php.

juanreyo03 · #19 (**permalink**) 01/08/2009, 06:00

Ok, voy a instalarlo a ver.

juanreyo03 · #20 (**permalink**) 01/08/2009, 07:34

Ya me funciona, Muchisimass graciass a todosss !! :D!