El mismo menu en todas las paginas

[SirSocket]

Hola buenas.

Mirad estoy creando una página web y me he encontrado con un problemilla.
Quisiera que en todas mis paginas apareciese el mismo menu.

Como en esta página que arriba se puede ver preferencias, aprendre,comunidad ....

He estado mirando como esta hecho aqui y si no me equivoco lo que hacen es repetir en todas las paginas el menu.

Página principal

Código:

 <li><a href="http://www.forosdelweb.com/usercp.php" class="menulink" id="options">Preferencias <span class="mnarrow"></span></a></li> </ul>

esta página

Código:

<li><a href="usercp.php" class="menulink" id="options">Preferencias <span class="mnarrow"></span></a></li>

En las dos esta puesta en el body, es asi la manera de hacer que aparezca el mismo menu en todas las paginas o se puede hacer de otra manera mas elegante?

[emprear]

no se si elegente, pero al menos más práctica, usa includes con php ó SSI

Saludos

[SirSocket]

ok.

Me estas diciendo que cree el menu en un fichero aparte y posteriormente lo incluya en todas las pagina no?

[emprear]

exactamente

[MarioMX]

Para una web estática no queda más remedio que repetir el menú en todas las páginas. El include es buena opción con PHP, el detalle es que nivel de uso tienes para el lenguaje.

[asastrem]

Lo mejot que puedes hacer es crear una pagina maestra, en esa pagina pones tus menus y diseñas la pagina como quieras, y cada que generas una nueva pagina solamente eliges pa pagina maestra es sencillo y te evitas estar repitiendo codigo

[truchito]

Si las páginas son html, lo mejor es usar un javascript que pinte el menú.

Lo incluyes en página, así cuando cambies el menú desde el Javascript será cambiado en todas tus páginas

Aquí te dejo el ejemplo del javascript

Código Javascript:

function menuWeb(opcion) {
    var str ="";
    str+='<ul>';
    if(opcion == "home"){
        str+='<li class="active">Inicio</li>';  
    }else{
        str+='<li>Inicio</li>';
    }
        
        if(opcion == "pagina1"){
        str+='<li class="active">Página1</li>'; 
    }else{
        str+='<li>Página1</li>';
    }
        
        if(opcion == "pagina2"){
        str+='<li class="active">pagina2</li>'; 
    }else{
        str+='<li>pagina2</li>';
    }
        
        if(opcion == "pagina3"){
        str+='<li class="active">pagina3</li>'; 
    }else{
        str+='<li>pagina3</li>';
    }
 
    document.write(str);
}
 

en la página html pones esto donde quieras incluir el menú:

Código Javascript:

<script type="text/javascript">menuWeb("home");</script>
 

Aquí cambias "home" por la sección que habras definido el javascript

[Tecna]

Buenas,

la opción de javascript no es recomendable porque el usuario puede tener desactivado javascript y la página se quedaría inaccesible.

[truchito]

Si eso es verdad, pero es la única manera de hacer una especie de include, lo mejor seria hacerlo estatico en página, que también ayudaria en el SEO.