Todo sabemos que todo proyecto necesita un diseño y para hacerlo se tiene en cuenta de cuantas columnas se dispondrá, si la navegación va a izquierda o a derecha de manera de hacer mas rápido el desarrollo.

Una de las tantas posibilidades que nos ofrece Drupal es la de activar o desactivar las columnas de la izquierda o la derecha, esto quiere decir que el diseño puede usar 3 columnas o 2 columnas en cualquiera de sus páginas o sección del sitio pero, en este caso, debemos asegurarnos que el sitio esta diseñado para usar como máximo 3 columnas.

Si pensamos en un proyecto como un blog solo serian necesario 2 columnas, pero ... si en el futuro decidimos agregar mayores recursos como la de activar otro tipo de navegación tendremos que dejar todo listo para que esto sea posible y no se transforme en una pesadilla

Llegado a este punto y habiendo decidido realizar un diseño a 3 columnas empezamos a pensar en la estructura HTML

El diseño para una página HTML tiene varias capas, que se definen como veremos más adelante.

Cada diseño tiene dos capas que forman la estructura del sitio web o aplicación que forman parte del documento HTML en sí y son "HTML" y "cuerpo".

Estos TAG's pueden ser utilizados tanto para ayudar en el diseño del sitio web como también se puede utilizar para el estilo del mismo o una aplicación.

En un sitio de 3 columnas los proyectos pueden tener un ENCABEZADO y un PIE DE PAGINA.

Nuestro diseño es contenido por un divisor (DIV) al que podemos dar el nombre de "EXTERNO".

Dentro de esta capa se tendrá la estructura que queremos, es decir, "HEAD, IZQUIERDA, CENTRO, y PIE DE PAGINA".

En la siguiente imagen vemos la estructura del diseño con colores que identifican cada sección. Tengamos en cuenta que las etiquetas HTML y BODY se utilizan aquí también: