En el apartado Maquetación web viste cómo distribuir los bloques dentro de una página web y cuál era la funcionalidad de cada bloque y, en el apartado anterior has estudiado los lenguajes a emplear en el diseño de páginas web.

En los comienzos del HTML, la única forma de estructurar los contenidos de una página web era empleando tablas. Para poder agrupar estos contenidos en los bloques de encabezado, zona de navegación, contenidos y pie, había que anidar unas tablas dentro de otras y definir los tamaños de cada bloque dándole valores, absolutos o relativos, a la altura y anchura de cada celda. Era fácil, aunque laborioso, pero se conseguía situar exactamente cada cosa en su sitio. Había que tener el código HTML con las tabulaciones bien colocadas para no perderse en un maremágnum de etiquetas tr y td.

Las nuevas versiones de los navegadores incorporaron los Frames o marcos que permitían estructurar la ventana del navegador en partes independientes entre sí, mostrando en cada una de estas partes una página HTML distinta. La ventaja del uso de los marcos con respecto a la tabla es que se pueden dejar zonas de la ventana visibles permanentemente y, al estar separadas las zonas según su funcionalidad resulta más fácil hacer el mantenimiento.

Con la aparición de la hojas de estilo, las cuales no hay que confundir con las Guías de estilo que vimos con anterioridad, se tiende a dejar de emplear tanto los marcos como las tablas sustituyendo ambos por el empleo de la etiqueta DIV para definir los bloques y las hojas de estilos para configurar la visualización de dichos bloques. Pero este tema tiene la suficiente entidad como para dedicarle más adelante una unidad de trabajo completa.