Menu "externo" para web arcaica.

[donAtortugo]

Buenas a todos!
Soy nuevo en este foro y espero poder aprender mucho de todos y ayudar cuando mis conocimientos me lo permitan (que por ahora son bastante básicos)

Al grano:

Tengo que hacerle un lavado de cara a una web antiquísima, arcaica, obsoleta... todo paginas estáticas, un mejunje incomprensible de html y css sin sentido alguno, y con demasiado contenido como para ponerse a rehacerla desde cero.

El caso es que la web tiene un "menú", pero al ser todo estático, cada vez que quieren cambiar/añadir/quitar algo en el menú (y quieren bastante a menudo), hay que editar tooooodas las paginas individualmente... -_-

Ya he desarrollado una idea para "externalizarlo":
Incluir en el <div> del menú un archivo.js externo donde se "escribe" el menú a base de document.write();

Funcionar funciona, pero mi duda es... ¿es esto lo mas correcto? ¿hay alguna manera "mejor" de hacerlo? ¿Puede esta forma de hacerlo causar algun tipo de problema?

[pzin]

El problema que yo le veo es que si el visitante no usa javascript se queda sin menú. Siempre tienes que pensar en que tu página será visitada por alguien que no use javascript, lo que viene llamándose javascript no intrusivo.

El reconstruir una web con mucho contenido es difícil hasta cierto punto. Por ejemplo, lo de cambiar el menú en todas las páginas, y volver al menos esa parte dinámica, puedes hacerlo con un editor de texto avanzado —los que usa cualquier programador y diseñador web, tipo Notepad++ o mejor aún Sublime Text. Puedes buscar y reemplazar bloques de código en varios archivos a la vez con mucha facilidad y en cosa de un minuto.

[memoadian]

Yo si la haría desde cero y dinámica.

[masclet]

Trabajar con php e includes, donde la web esté llamemosle diseccionada. Lo normal es que el header el contenido y el fooer sean tres archivos distintos.

[donAtortugo]

Gracias por las respuestas!

Iniciado por Bonez

El problema que yo le veo es que si el visitante no usa javascript se queda sin menú. Siempre tienes que pensar en que tu página será visitada por alguien que no use javascript, lo que viene llamándose javascript no intrusivo.

El reconstruir una web con mucho contenido es difícil hasta cierto punto. Por ejemplo, lo de cambiar el menú en todas las páginas, y volver al menos esa parte dinámica, puedes hacerlo con un editor de texto avanzado —los que usa cualquier programador y diseñador web, tipo Notepad++ o mejor aún Sublime Text. Puedes buscar y reemplazar bloques de código en varios archivos a la vez con mucha facilidad y en cosa de un minuto.

Ya me olia yo que eso del javascript iba a tener alguna pega.
Interesante lo del "javascript no intrusivo"... no conocia el termino y he estado leyendo algunas cosas, pero no termina de quedarme claro cuando/donde puedes hacer uso de el y donde/cuando no.

El notepad++ lo uso a menudo, el otro que comentas no lo conozco pero le echare un ojo.
Aun asi, no me convence esta solucion ya que esta "web" ha pasado por tantas manos haciendo las cosas de formas distintas que hace complicado eso de sustituir bloques.

Iniciado por memoadian

Yo si la haría desde cero y dinámica.

Si vieras la web, lo mismo se te quitaban las ganas xD

Iniciado por masclet

Trabajar con php e includes, donde la web esté llamemosle diseccionada. Lo normal es que el header el contenido y el fooer sean tres archivos distintos.

Esta solucion es la que mas me convence. Yo no tengo practicamente ni idea de php, pero he estado "googleando" y parece sencillo.

He hecho esto:

Código PHP:

 <div id="cont"> 
 
    <div id="cabecera"> 
    <?php include("cabecera.html"); ?> 
    </div> 
     
    <div id="nav"> 
     
        <div id="menu"> 
        <?php include("menu.html"); ?> 
        </div> 
         
        <div id="destacados"> 
        <?php include("destacados.html"); ?> 
        </div> 
         
    </div> 
     
    <div id="field"> 
     
        <div id="pag"> 
        <?php include("pag.html"); ?> 
        </div> 
         
        <div id="indice"> 
        <?php include("indice1.html"); ?> 
        </div> 
         
    </div>     
     
</div>  

y en el <head> llamar al .css que coloque los elementos.

Que tal esta hacer esto?

[memoadian]

Iniciado por donAtortugo

Esta solucion es la que mas me convence. Yo no tengo practicamente ni idea de php, pero he estado "googleando" y parece sencillo.

He hecho esto:

y en el <head> llamar al .css que coloque los elementos.

Que tal esta hacer esto?

Pues a eso me refería con volver a hacerla y de manera dinámica

[yfmartinez]

un consejo muy particular, si como dices han trabajado varias personas y cada cual ha puesto las cosas a su forma para resolver algun que otro problema.... en resumen debe haber tremendo regero en la web... asi que como te dije un consejo sano es que lo hagas nuevo todo aunque te tome tiempo pero al final va a ser mejor que ponerle parches para ir resolviendo las cosas....

saludos... si te hace falta ayuda como algo de colaboracion puedes contactarme...