[SOLUCIONADO] Como estructurar el html y css

juanete50 · #1 (**permalink**) 27/08/2014, 11:11

Hola como andan?
estoy estrucutrando un css y queria ver como lo harian ustedes, puesto que yo he llegado a desarrollar un html + css muy tocado, nada limpio, de algo que me parece es simple:

El tema es que el content va a ser un iframe, entonces eso me complica un poco, pero como harían la estructura?

muchas gracias!!!

juangemelo01 · #2 (**permalink**) 27/08/2014, 16:56

¿tu contenido tiene que ser un iframe?

revisa, bien, puede ser que tal vez no sea necesario un iframe amigo, te evitaras muchos problemas, aun que claro, hay ocaciones donde no queda de otra mas que usar iframes

revisa esto

http://codepen.io/elestudiantefantasma/pen/BdKfL
para verlo en pagina completa, seria asi
http://codepen.io/elestudiantefantasma/full/BdKfL
cualquier cosa, comenta

juanete50 · #3 (**permalink**) 18/09/2014, 23:06

Como dices que puedo solucionar lo de iframes?
lo que quiero es que una parte de la web sea solo la que cambia, cargando en ese sitio las diversas categorias... como dices que lo haga sin iframe?

muchas gracias

pzin · #4 (**permalink**) 19/09/2014, 09:56

Suele usarse para el caso algún lenguaje de lado del servidor para no tener que repetir a diestro y siniestro los elementos comunes del sitio.

juanete50 · #5 (**permalink**) 22/09/2014, 19:45

Como dices que puedo solucionar lo de iframes?
lo que quiero es que una parte de la web sea solo la que cambia, cargando en ese sitio las diversas categorias... como dices que lo haga sin iframe?

muchas gracias

Triby2 · #6 (**permalink**) 23/09/2014, 09:54

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<html>
<head><title></title></head>
<header></header>
<nav></nav>
<body></body>
<footer></footer>
</html>

2º ejemplo de estructura html:

Código HTML:

Ver original<html>
<head><title></title></head>
<body>
   <div id="header"></div>
   <div id="menu"></div>
   <div id="content"></div>
   <div id="footer"></div>
</body>
</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<html>
<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<header></header> o <div id="header"></div>

- nav.html

Código HTML:

Ver original<nav></nav> o <div id="menu"></div>

- content.html

Código HTML:

Ver original<body></body> o <div id="content"></div>

- footer.html

Código HTML:

Ver original<footer></footer></html> 
o 
<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<?php 
include('estructura/head.html');
include('estructura/header.html');
include('estructura/nav.html');
include('estructura/content.html');
include('estructura/footer.html');
?>

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.