Estás en Blog > Herramientas > CSS > Estructura de páginas (layout) a la carta

Estructura de páginas (layout) a la carta

(2 votos)
Loading ... Loading ...

Escrito el 8 septiembre, 2007 por Verónica Milán

Una de las cosas más importantes al hacer una web es estructurar el contenido de la página. Dónde colocar el menú, cuántos colocar, cuánto espacio dejar para el contenido, etc. Pero lo más dificil no es pensar como hacerlo sino maquetarlo.

Muchas veces cuando empezamos a construir páginas web es muy fácil volverse locos intentando colocar todo donde queremos. No hay manera de centrar las cosas en la página, de darle el mismo espacio a cada parte, el menú de navegación se coloca donde quiere él por más que intentemos lo contrario, etc.

Una ayuda en estos casos, cuando tienes que estructurar los contenidos de la web, es esta página: Layou-o-matic. Te permite elegir el tipo de layout (estructura), ya sea como un bloque único, con dos columnas (y el menú a la derecha o a la izquierda) o con tres. También puedes determinar el ancho que tendrá el área total (contenido más menús) y el espacio entre elementos.

Una opción muy recomendable de seleccionar es incluir en el código que te dan el box model hack. Básicamente sirve para que el layout se vea exactamente igual en Internet Explorer y en el resto de navegadores, como Firefox u Opera. Recordemos que Internet Explorer interpreta muchas propiedades CSS a su aire sin seguir los estándares, y esto provoca que algunos elementos de la página puedan verse diferentes según con el navegador que los visualices.

Artículos Relacionados

40 estructuras CSS listas para descargar. Layout Gala
Recojo aquí una página que a pesar de llevar un tiempo en Internet es realmente...

Generador de plantillas para WordPress
WordPress Template Generator es una herramienta online que te permite crear una plantilla básica para...

¿Merece la pena escribir contenido original?
Como ya se ha dicho en muchos blos y páginas web, el contenido original o...

¿Enlaces o contenido? que es más importante en el SEO
Hace unos meses leí un artículo publicado en el segundo número de la revista de...

Publicado en CSS | 6 Comentarios

6 Comentarios para “Estructura de páginas (layout) a la carta”

  1. Imanol:

    fantastico recursos no lo conocia. muy bueno para los que no sabemos

    10/09/07 - 23:10 #

  2. Apuntesweb:

    Es una excelente ayuda para tener una plantilla básica, sin embargo es necesario conocer las propiedades CSS, al momento de agregar más cajas dentro del diseño, modificación de la estrutura, tipografía, flotar imágenes cajas en las columnas, etc.

    7/10/09 - 2:39 #

Enlaces a esta entrada


Publicar un comentario








Seguir los comentarios a través de su feed RSS 2.0.