Información Como Crear Página Maestra.

elturle · #1 (**permalink**) 22/06/2010, 14:38

Hola:

Soy nuevo en php, y no entiendo muy bien como hacer una página maestra.

Por lo que he visto por ahí, en la página inicial se divide en secciones y cada sección se hace un include a un archivo php. Ej.

logo.php
menu.php
Contenido.php
pie.php

Hasta aquí todo correcto, lo que no llego a entender es si hago click en un enlace del menu.php, ¿como hago para introduci el contenido de dicho enlace en contenido.php y que se mantenga el resto de la estructura?.

Os agradecería me comentaseis como se realiza esta operación o donde puedo encontrar algún ejemplo para poderlo estudiar.

Un Saludo.
Juan Carlos

chichote · #2 (**permalink**) 22/06/2010, 14:59

Primero que todo tienes que tener claro que es lo que se ejecuta del lado del servidor y que desde el cliente (navegador).

cuando haces clic es un evento que es del lado del cliente, por otro lado tu php no sera mostrado como tal en el navegador, sino que sera mostrado como html.

utilicemos el mismo ejemplo que tienes.

por ejemplo tienes tu maqueta html q seria algo asi junto con los php

Código HTML:

<html>
<head>
<title>titulo de tu pagina</title>
</head>
<body>
	<div id="cabecera">
    	<div id="logo"><? include ("logo.php")?></div>
    </div>
    
    <div id="menu">
    	<? include("menu.php")?>
    </div>
    
    <div id="contenido">
    	<? include("contenido.php")?>
    </div>
    
    <div id="pie">
    	<? include("pie.php")?>
    </div>
</body>
</html>

y ahora cada uno de los archivos php

logo.php

Código HTML:

<img src="logo.jpg" alt="mi logo" />

menu.php

Código HTML:

<a href="index.php">Inicio</a> - <a href="servicios.php">Servicios</a> - <a href="contacto.php">Contacto</a>

contenido.php

Código HTML:

Aqui va tu contenido

pie.php

Código HTML:

Aqui va tu pie de pagina

y dentro de cada php puedes hacer lo q se te antoje, por ejemplo sacar los datos de una base de datos, sacarlos de un rss, xml, etc etc.

pero ahora viene lo que te aclarara tu pregunta.

el resultado de esa pagina al ejecutarla en el browser

Código HTML:

<html>
<head>
<title>titulo de tu pagina</title>
</head>
<body>
	<div id="cabecera">
    	<div id="logo"><img src="logo.jpg" alt="mi logo" /></div>
    </div>
    
    <div id="menu">
    	<a href="index.php">Inicio</a> - <a href="servicios.php">Servicios</a> - <a href="contacto.php">Contacto</a>
    </div>
    
    <div id="contenido">
    	Aqui va tu contenido
    </div>
    
    <div id="pie">
    	Aqui va tu pie de pagina
    </div>
</body>
</html>

es decir en el fondo lo que se ve es puro html, el servidor procesa tu programacion y te entrega un html, osea el tratamiento de los link es tal cual.

Este metodo se utiliza para utilizar plantillas de las funciones mas comunes, como por ejemplo el menu, asi cuando modifiques algo del menu, solo modificas tu archivo q contiene el menu y no toda tu web.

Espero te haya quedado claro.

saludos.

albert_23 · #3 (**permalink**) 22/06/2010, 16:19

Cita:

Iniciado por elturle

Hola:

Soy nuevo en php, y no entiendo muy bien como hacer una página maestra.

Por lo que he visto por ahí, en la página inicial se divide en secciones y cada sección se hace un include a un archivo php. Ej.

logo.php
menu.php
Contenido.php
pie.php

Hasta aquí todo correcto, lo que no llego a entender es si hago click en un enlace del menu.php, ¿como hago para introduci el contenido de dicho enlace en contenido.php y que se mantenga el resto de la estructura?.

Os agradecería me comentaseis como se realiza esta operación o donde puedo encontrar algún ejemplo para poderlo estudiar.

Un Saludo.
Juan Carlos

Buenas, yo tambien soy nuevo, por lo que seguramente lo que te mostrare a continuacion tendra sus muchos fallos (que espero que alguien se tome la molestia a corregir jeje), pero asi es como estoy haciendo yo (he simplificado el codigo bastante, ya que el que tengo actualmente ya contempla cambio de menu segun usuario mediante sesiones, etc. Si te interesa tambien te lo puedo pasar).

index.php:

Código HTML:

Ver original<html>
<head>
<title>Titulo de la pagina</title>
<link rel="stylesheet" href="estil.css">
</head>
<body>
<div id="div_general">
<div id="div_titol">
<p><span class="titol">Titulo de la pagina</span></p>
</div>
    <div id="div_menu">
        <?php
            include("funcions.php");
            include("conexio.php");
            echo '<a class="menu" href="index.php?f=menu1">Menu 1</a>';
            echo '<a class="menu" href="index.php?f=menu2">Menu 2</a>';
            echo '<a class="menu" href="index.php?f=menu3">Menu 3</a>';
            echo '<a class="menu" href="index.php?f=menu4">Menu 4</a>';
            echo '<a class="menu" href="index.php?f=menu5">Menu 5</a>';
        ?>
    </div>
    <div id="div_funcio">  
        <p>
        <?php
            $funcio=$_GET['f'];
            funcio($funcio);
        ?>
        <p>
    </div>
</div>
</body>
</html>

funcions.php:

Código PHP:

Ver originalfunction funcio($idfuncio){
    switch ($idfuncio) {
        //aqui vas añadiendo las paginas que tengas
        case "menu1":       include("menu1.php");       break;
        case "menu2":       include("menu2.php");       break;
        case "menu3":       include("menu3.php");       break;
        case "menu4":       include("menu4.php");       break;  
        case "menu5":       include("menu5.php");       break;
        //si no es ninguno de arriba, se muestra el de abajo (el tipico esta pagina no existe, o redireccionas a otra funcion)
        default:            include("res.php");         break;
    } 
}

elturle · #4 (**permalink**) 23/06/2010, 05:08

Muchas Gracias a los dos.

Me lo habeis aclarado muy bien, ya que como veo, para cargar el contenido según se haga click en cualquier opción del menú se mete como parametro en la url, y según dicho parametro se incluye una página php u otra.

Un Saludo y Gracias.
Juan Carlos

chichote · #5 (**permalink**) 24/06/2010, 08:24

de nada elturle