A diferencia de la estructura a través de tablas con las que dividíamos la página en celdas para colocar algo en particular en cada una de ellas.
Como por ejemplo: el logotipo arriba a la izquierda, el menú en la izquierda, etc)
Hoy en día lo que hacemos es definir cada una de las celdas (capas) por separado, dándoles las características que deseemos como color o imagen de fondo, tamaño de letra, anchura, altura, etc. Y una vez definidas todas las celdas (vamos a llamarlas capas), y ya definidas todas las capas le asignamos una posición en la página, una por una, hasta conseguir hacer la web.
Las capas tienen una ventaja enorme a la hora de resolver determinados tipos de maquetación. Y por ello necesariamente se va usar los estilos CSS para asignar las propiedades de cada una de las capas y lo que sería muy complejo con el sistema tradicional de tablas animadas puede ser elegantemente simple con CSS. Además, es posible aprovechar el espacio en forma tridimensional (superponer parcialmente capas, hacerlas visibles sólo ante determinados eventos...)
Ya que en el uso de capas se basan muchos de los efectos más comunes del DHTML. Que con Una idea interesante para el uso de capas es preparar una interfaz que aproveche además los comportamientos dinámicos asociados a ellas (DHTML). Y así, podremos diseñar una interfaz semejante a la del sistema de ventanas, con una serie de contenedores libremente movibles, o sistemas de menús desplegables que no sólo economizan espacio, sino que tienen un funcionamiento familiar para la mayoría de usuarios.
Luego en el HTML de la página bastará con escribir el contenido y definir el tipo de capa.
Hay que Tener Presente:
si alguna vez quieres cambiar el aspecto de una capa como por ejemplo el color o la anchura, basta con cambiarlo una sola vez en la hoja de estilo y no en cada una de las páginas de tu web.
Por otro lado, al separar la definición de todas esas características en la hoja de estilo, dejamos más limpio el código HTML en sí, lo cual es bueno para nosotros (podremos encontrar lo que buscamos dentro del código más fácilmente) y para buscadores como Google, que solo tienen que leer lo importante (el color y la anchura no es para nada importante, solo los textos).
Web Site de Ayuda:
http://www.comocreartuweb.com/curso-con-div/div-leccion1-introducion.html
No hay comentarios:
Publicar un comentario