[SOLUCIONADO] cabecera general para todas las paginas

macaluan · #1 (**permalink**) 13/06/2016, 05:22

Buenos días

Tengo una duda referente a la cabecera de mi página web. No tengo mucha idea así que disculpa si no lo explico con los términos precisos.

El caso es que yo tengo un CSS de estilo general para todas las páginas y subpaginas, el problema es que como tengo el menú desplegable en la cabecera de todas las páginas que componen la web cada vez que tengo que hacer un cambio en el menú desplegable o añadir alguna subcategoría al menú tengo que hacer los cambios en cada una de las paginas de la web. La pregunta es si puedo hacerlo de alguna manera una cabecera que valga para todas Y así en caso de tener que hacer cambios solamente los tengo que hacer una vez al igual que ocurre con CSS de estilo que tengo.

petit89 · #2 (**permalink**) 13/06/2016, 07:58

en HTML quizas se te dificulte un poco, pero puedes ocupar para esto PHP... sacas el menu en un unico archivo php y este lo incluyes en todas las demas paginas con un include(), de esta manera solo modificarias el menu.php cada vez que quieras realizar cambios

Rafael · #3 (**permalink**) 13/06/2016, 10:05

Revisa esto: http://www.forosdelweb.com/f91/hable...0/#post4417080

macaluan · #4 (**permalink**) 14/06/2016, 08:31

Gracias chicos,

Ya he sacado la cabecera en un php, Y la he guardado con el nombre cabecera.
Pero ahora tengo la duda de donde tengo que poner el enlace que me decís, dentro del body, o fuera de el, donde tengo los script.

Es correcto así?

<?php include 'cabecera.php';?>

rodrypaladin · #5 (**permalink**) 14/06/2016, 09:16

La llamada a la cabecera la tienes que hacer justo en el lugar donde ponías el codigo de la misma, es decir, solo tienes que sustituir el código...

Código PHP:

Ver original<?php include 'cabecera.html';?>

En el lugar donde pondrías lo que hay dentro de ese archivo cabecera.php

Te pondré un ejemplo:

Este es el index.php por ejemplo... ( si tiene que ir en php porque contiene código php )

Código PHP:

Ver original<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <?php include 'cabecera.html'; ?>
    <section>
        <article>
            <h2>Título</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis autem neque obcaecati modi quaerat, architecto. Maxime</p>
        </article>
    </section>
    <footer>
        
    </footer>
    
</body>

y esta es tu cabecera en el archivo cabecera.html ( no tiene por que ser php este archivo si no contiene php en su interior ).

Código HTML:

Ver original<header>
        <div class="logo">
            <img src="" alt="">
            <h1>Mi cabecera</h1>
        </div>
        <div class="info">
            <p>Aprende a crear una cabecera</p>
        </div>
</header>

macaluan · #6 (**permalink**) 14/06/2016, 14:20

Gracias nuevamente,

si entendo bien, el archivo de la pagina debe estar en php, y el archivo de la cabecera en html, verdad?

si es así, lo tengo mal, puesto que todos los archivos que componen mi pagina web están en html, no en php. podría hacerlo de otro modo entonces?

Gracias nuevamente y perdón por mi ignorancia.

Cita:

Iniciado por rodrypaladin

La llamada a la cabecera la tienes que hacer justo en el lugar donde ponías el codigo de la misma, es decir, solo tienes que sustituir el código...

Código PHP:

Ver original<?php include 'cabecera.html';?>

En el lugar donde pondrías lo que hay dentro de ese archivo cabecera.php

Te pondré un ejemplo:

Este es el index.php por ejemplo... ( si tiene que ir en php porque contiene código php )

Código PHP:

Ver original<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <?php include 'cabecera.html'; ?>
    <section>
        <article>
            <h2>Título</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis autem neque obcaecati modi quaerat, architecto. Maxime</p>
        </article>
    </section>
    <footer>
        
    </footer>
    
</body>

y esta es tu cabecera en el archivo cabecera.html ( no tiene por que ser php este archivo si no contiene php en su interior ).

Código HTML:

Ver original<header>
        <div class="logo">
            <img src="" alt="">
            <h1>Mi cabecera</h1>
        </div>
        <div class="info">
            <p>Aprende a crear una cabecera</p>
        </div>
</header>

rodrypaladin · #7 (**permalink**) 14/06/2016, 15:07

Para que el código php funcione, tendrás que cambiar la extensión de los archivos de .html que contengan el include con la cabecera a extensión .php

rodocoyote15 · #8 (**permalink**) 14/06/2016, 17:54

Parece que la opinión de @Rafael te la haz pasado de largo

checa esto, en especial el inciso 6.

Rafael · #9 (**permalink**) 14/06/2016, 19:00

Para el caso de php también se podría cambiar la configuración del config ini pero eso ya es más avanzado.

macaluan · #10 (**permalink**) 15/06/2016, 04:58

Lo siento chicos, pero sí que sí que eche un vistazo a lo que comentó Rafael, de hecho fue de donde saqué la línea de código php.

El caso es que creo que algo tengo mal, porque tal y como me habéis dicho, he cambiado la extensión del index.html a .php, y he guardado la cabecera en un archivo con extensión .html y lo he enlazado tal y como me habéis dicho. Pero al abrir el archivo de la página index.php, en un navegador, sólo me aparece el código.

que hice mal?

xfxstudios · #11 (**permalink**) 15/06/2016, 05:12

caramba en un archivo php solo sirve el include con cotro php o txt en tal caso si mal no recuerdo

index.php

Código PHP:

Ver originalinclude('menu.php');

no deberías de tener problemas, es algo que hago casi a diario y dormido, me ha tocado editar muchas plantillas y pues simplemente deshueso las secciones en archivos php diferentes y de esa maneras las incluyo, no tiene misterio, solo cambia la extensión al archivo que estas incluyendo tambien.

http://php.net/manual/es/function.include.php

rodrypaladin · #12 (**permalink**) 15/06/2016, 06:24

Cita:

Iniciado por macaluan

Lo siento chicos, pero sí que sí que eche un vistazo a lo que comentó Rafael, de hecho fue de donde saqué la línea de código php.

El caso es que creo que algo tengo mal, porque tal y como me habéis dicho, he cambiado la extensión del index.html a .php, y he guardado la cabecera en un archivo con extensión .html y lo he enlazado tal y como me habéis dicho. Pero al abrir el archivo de la página index.php, en un navegador, sólo me aparece el código.

que hice mal?

Si estás abriendo el archivo directamente desde el ordenador no irá, los archivos php tienen que estar alojados en un servidor que interprete php o en un servidor local que lo interprete también, como por ejemlo xampp o wampserver

Rafael · #13 (**permalink**) 15/06/2016, 08:05

Cita:

con un lenguaje del lado del servidor

Ya lo resalté en rojo en el post original.

Macaluan, lee ahora esto para que entiendas de que se está hablando, especialmente la parte que dice ¿Dónde es dónde?: http://www.forosdelweb.com/f91/hable...guajes-698777/

Si tu sitio es chiquito, por ejemplo de unas 1-10 páginas, y no tienes muchos cambios seguidos. De plano deja tu sitio como html y copia y pega. (No uses cosas como iframes etc)

Pero si en realidad estás aprendiendo y vas a seguir haciendo páginas, entonces a fuerzas el siguiente paso es instalar el wamp.

Wamp = Windows Apache MySql Php.

Uno sencillo de instalar que uso es http://www.easyphp.org/

macaluan · #14 (**permalink**) 16/06/2016, 02:14

Gracias chicos, me ha sido de gran ayuda.