MAQUETACIÓN

MAQUETACIÓN

La maquetación es la distribución de los elementos en nuestra página.

Hace unos años, la maquetación de las páginas web se realizaba utilizando tablas. El problema de las tablas es que generaban un página muy encorsetada, y el código se volvía complejo de entender. Además, algunos buscadores encontraban problemas al analizar la estructura de la página.

Actualmente, la maquetación con tablas ha caído en desuso, y se realiza utilizando capas, también llamadas divisiones o contenedores.

La colocación de las capas en la página se realiza a través de CSS. Esto permite, por ejemplo, que podamos pasar de un diseño con un menú lateral a otro con el menú en la parte superior, sólo cambiando la hoja de estilos.

TAMAÑO

Por lo general, la maquetación se realiza sobre elementos en bloque. Normalmente divisiones, pero también lo podemos hacer con párrafos, listas, etc..Por defecto los elementos de bloque ocupan todo el ancho del elemento que lo contiene, y su alto se ajusta al contenido.

Los valores para estas medidas, pueden ser expresados en las medidas habituales:
*Tamaños absolutos, utilizando px, cm, etc...
*Tamaños relativos al elemento que lo contiene, utilizando porcentajes (%).
*Tamaños relativos a la fuente, utilizando em.
*El valor auto es el valor por defecto. Por ejemplo, un párrafo, por defecto, tienen un ancho del 100% y un alto ajustado al contenido.

A continuacion, te dejamos este video tutorial para que conozcas paso a paso como maquetar y diseñar una pagina web.

En este video creado por nosotros, encontrarás los puntos más sobresalientes de la maquetación...

¡CHECALO!