Ver Mensaje Individual
  #6 (permalink)  
Antiguo 23/09/2014, 09:54
Triby2
 
Fecha de Ingreso: julio-2014
Mensajes: 334
Antigüedad: 10 años, 5 meses
Puntos: 30
Respuesta: Como estructurar el html y css

olvídate de los iframes, ya ni hablar de los frames!

Dos ejemplos de como lo hago yo:

1er ejemplo de estructura html:

Código HTML:
Ver original 

2º ejemplo de estructura html:
Código HTML:
Ver original
  1.    <div id="header"></div>
  2.    <div id="menu"></div>
  3.    <div id="content"></div>
  4.    <div id="footer"></div>
  5. </body>
  6. </html>

En ambos casos, creo una carpeta llamada "estructura" y allí almaceno:
- head.html
- header.html
- nav.html
- content.html
- footer.html

Contenido de cada archivo:

- head.html
Código HTML:
Ver original
  1. <head>[INDENT]<title></title>[/INDENT]</head> o <!-- En caso que sea el 2º ejemplo, le añado la apertura del body-->*/<body>

- header.html
Código HTML:
Ver original
  1. <header></header> o <div id="header"></div>

- nav.html
Código HTML:
Ver original
  1. <nav></nav> o <div id="menu"></div>

- content.html
Código HTML:
Ver original
  1. <body></body> o <div id="content"></div>

- footer.html
Código HTML:
Ver original
  1. o
  2. <div id="footer"></div></body></html>

Y la estructura que me queda para todas las páginas del sitio es la siguiente:

- index.php (y todas las demás páginas)
Código PHP:
Ver original
  1. <?php
  2. include('estructura/head.html');
  3. include('estructura/header.html');
  4. include('estructura/nav.html');
  5. include('estructura/content.html');
  6. include('estructura/footer.html');
  7. ?>

Con esa estructura, solo tendrás que cambiar la ruta y la web en donde va "content.html" y lo demás dejarlo igual!

Espero que te haya servido el ejemplo, un saludo.