Comunidad de diseño web y desarrollo en internet online

Repetir codigo en XHTML

Citar            
MensajeEscrito el 17 Feb 2006 02:14 pm
Tengo una duda despues de haber leido los tutoriales que teneis de XHTML, en todos los tutoriales haceis referencia a una sola pagina, pero que pasa cuando el sitio esta formado por varias?

Tomando como ejemplo el tutorial "Componer un diseño de 3 columnas en XHTML y CSS", creamos la pagina con su menu a la izquierda. Pues bien supongamos que pulsamos sobre una opcion del menu y saltamos a otra pagina, habria que repetir otra vez todo el codigo que se refiere al menu y la columna de la derecha y , por supuesto, añadir la parte central que seria la que cambiaria no? y en todas las paginas de nuestro sitio igual...

No hay alguna forma para no tener que repetir todo ese codigo y cambiar solo la parte que nos interesa cumpliendo a la vez con los estandares? (porque seguro que mas de uno ha pensado ya en utilizar frames, cosa que odio jeje)

Bueno espero vuestras respuestas a este tema, a ver que se os ocurre

ta luego^^

Por noctam

Claber

197 de clabLevel



 

firefox
Citar            
MensajeEscrito el 17 Feb 2006 02:32 pm
Revisa este post
http://www.cristalab.com/foros/viewtopic.php?p=50412#50412

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 17 Feb 2006 07:09 pm
^^U sencillamente, no entendi nada ^^U

no hay otra forma de conseguir el mismo resultado o algun sitio donde venga explicado de otra forma?

Por noctam

Claber

197 de clabLevel



 

firefox
Citar            
MensajeEscrito el 17 Feb 2006 07:24 pm
La mayor parte de los programas editores de HTML (dreamweaver incluido) te permiten hacer plantillas editables. Es cuestión de oprimir F1 en el programa o ver la ayuda (que es lo mismo), buscar algo sobre las templates o plantillas. En caso de que la ayuda de dreamweaver no te ayude, te ayudo con este enlace (quedas ayudado).

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Honduras

firefox
Citar            
MensajeEscrito el 18 Feb 2006 02:01 am
jeje esta curioso esto de las plantillas...no es lo que buscaba o esperaba encontrarme, pero al fin y al cabo se confirma una de mis sospechas, en el archivo html de cada seccion hay que volver a escribir todo el codigo de la cabecera, pie y menus aparte del contenido que cambie en cada seccion, lo haga uno mismo reescribiendo el codigo, copiando y pegando, o bien con el uso de plantillas, la cuestion es que todo ese codigo va de nuevo en el html que generemos...si es que no me sorprende nadie que me diga lo contrario, sin usar php claro jeje

bueno gracias por todo, seguire trasteando el xhtml a ver que mas averiguo

ta luego^^

PD: mira ahora que caigo, no estaria mal ver algun ejemplo de xhtml usando tablas de forma correcta, si alguien sabe de alguna pagina que la deje por aqui que le eche un vistazo, gracias de nuevo^^

Por noctam

Claber

197 de clabLevel



 

firefox
Citar            
MensajeEscrito el 18 Feb 2006 02:08 am

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 18 Feb 2006 10:25 pm
aaasias ramm ^^

Por noctam

Claber

197 de clabLevel



 

firefox
Citar            
MensajeEscrito el 20 Feb 2006 02:16 am
Aunque llego un poco tarde, de verdad no has comprendido lo del php??? es que no es tan dificil, te pongo un ejemplo.
Imagínate que tienes tu página diseñada para hacer las tres columnas, y como has dicho, tan solo se modificará la columna central cuando elijas diferentes opciones en el menu.
Pues bien, lo que se hace es lo siguiente:
  1. Creamos 4 archivos con la extensión *.php, tres para maquetar y uno para unificar el contenido, les llamaremos "cabecera.php", "principal.php", "pie.php" y "index.php". No te asustes, aunque lleven la extensión php, por dentro son iguales que un html.
  2. Editamos los tres primeros archivos y les damos la estructura en XHTML que queramos, por ejemplo, cabecera llevará este código:

    Código :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <title>Base3</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <link href="base.css" rel="stylesheet" type="text/css" />
      </head>
    <body>
       <div id="container">
       <div class="header"><h1>Base3</h1></div>
       <div class="izquierda">
       <ul>
          <li><a>vinculo</a></li>
          <li><a>vinculo</a></li>
          <li><a>vinculo</a></li>
          <li><a>vinculo</a></li>
          <li><a>vinculo</a></li>
          <li><a>vinculo</a></li>
          <li><a>vinculo</a></li>
          <li><a>vinculo</a></li>
          <li><a>vinculo</a></li>
          <li><a>vinculo</a></li>
       </ul>
       </div>
       <div class="derecha">
          <p>aquí se podría colocar una imágen, anuncios, más vínculos, las típicas imagenes de Sindicar RSS, odio a neo_jp, etc...</p>
          <a href="http://jigsaw.w3.org/css-validator/"><img style="border:0;width:88px;height:31px"    src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /></a>
          <hr/>
          <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
       </div>
    


    Principal llevará este código, y será el que cambie según las opciones que se elijan en el menu, así pues, deberás crear varios archivos de este tipo, pero con diferentes nombres según la sección:

    Código :

    
       <div class="principal">
          <h2>Título del contenido</h2>
          <h3>Subapartado</h3>
          <p>Escribo algo para rellenar...</p>
          <p>Escribo algo para rellenar...</p>
          <p>Escribo algo para rellenar...</p>
          <p>Escribo algo para rellenar...</p>
          <p>Escribo algo para rellenar...</p>
          <p>Escribo algo para rellenar...</p>
          <p>Escribo algo para rellenar...</p>
       </div>
    
    

    Y pie llevará este:

    Código :

    
       <div class="footer">   
          <h6>base3 2005, todo el C_C reservado</h6>
       </div>
       </div>
    </body>
    </html>
    


  3. Index tendra el siguiente código:

    Código :

    <?php
    include( 'cabecera.php' );
    include( 'principal.php' );
    include( 'pie.php' );
    ?>
    


    Con este pequeño código, conseguimos recopilar en un solo archivo a los otros tres, de forma que al final queda igual que si lo hubiésemos hecho en uno solo, por ejemplo, si quisieras hacer un cambio en la página para mostrar un contenido diferente, tan sólo deberías editar el archivo "principal.php" y guardarlo con otro nombre.
    Supón que les has llamado al nuevo archivo "secundario.php" y que lo quieres cargar para cambiar el contenido, pues al igual que hicimos el index, ahora hacemos otro archivo pero cambiando esa línea, y se quedaría así.

    Código :

    <?php
    include( 'cabecera.php' );
    include( 'secundario.php' );
    include( 'pie.php' );
    ?>

  4. Lo guardas con otro nombre y lo llamas desde el link.

PD: esto es lo más básico en php, e incluso un poco liante por el hecho de tener que crear tantos archivos, hay formas más eficientes de hacerlo, pero es para poner un ejemplo nada más. También has de tener en cuenta que tu servidor debe soportar php, o no funcionará; si lo quieres hacer en local y así ir aprendiendo algo puedes ver también este tutorial, espero que te sea de ayuda.
:wink:

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

firefox
Citar            
MensajeEscrito el 28 Feb 2006 01:29 pm
Bueno respondo un poquito tarde a este post jeje, gracias johnny por las aclaraciones del php, ahora si lo entiendo mejor, se nota que estoy pegao en php? jeje. Gracias ramm por el enlace al turorial de las tablas tb me ha servido de mucho, ya dejare por aqui algun post para que veais la paginilla que estoy haciendo y me la pongais verde ^^ pero despues de los examenes que ahora cualquiera se para ^^U

ta luego^^

Por noctam

Claber

197 de clabLevel



 

firefox
Citar            
MensajeEscrito el 12 Ene 2010 05:48 pm
Hola! Sé que es un tema nuevo pero me ha salido en la búsqueda y expresa totalmente mi duda. Lo que pasa, es que no uso PHP, estoy creando una página con JSP en NetBeans (y no puedo cambiar ninguna de las dos cosas). Habría alguna manera de no repetir el código de los menús en las secciones de contenido usando esto?

Muchas gracias!!

Por keyra

2 de clabLevel



 

msie8
Citar            
MensajeEscrito el 12 Ene 2010 10:24 pm
Keyra creo que has revividor un POST Infernal....... :evil:
eres el segundo
ARQUEOLOGO DEL DIA


Rta: sip, si se puede

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox
Citar            
MensajeEscrito el 13 Ene 2010 09:41 pm
creo que lo he conseguido con includes a una pagina externa con la cabecera y otra con el menu :) No sé si será la mejor manera pero es lo que se me ha ocurrido... Perdón por desenterrar :P

Por keyra

2 de clabLevel



 

msie8

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.