Diseño sin tablas

Este taller tiene el objetivo de crear páginas Web sin la necesidad de recurrir a los diseños de tablas. Para ello, se necesitan unos conocimientos de HTML sólidos. Respecto al CSS básico, se recomienda al menos una comprensión básica de la sintaxis. El propósito del taller es recoger las opciones de diseño con CSS y HTML para crear páginas con el contenido estructurado de forma limpia en la versión disponible. Por lo tanto, aunque es fácil omitir instrucciones CSS, es recomendable la inclusión de varias hojas de estilo en un subdirectorio separado .

El código fuente para index.html y CSS/define.css puede tomarlos como ejemplo de esta página copiada. Los otros archivos CSS puede llenarlos de contenido en el transcurso del taller.


En las tres partes de los talleres se construirá la estructura básica del contenedor de estas diferentes opciones: margen superior, derecho e izquierdo. Además, aprenderá cómo puede insertar los bloques flotantes. Para cada tarea será necesario el código fuente y las instrucciones CSS enumeradas.


Unas palabras acerca de la ortografía de los talleres:

En cada uno de los talleres principal, existe un vínculo al "código fuente necesario para la parte x"... Allí encontrará el respectivo código fuente con comentarios y sugerencias.

Normalmente el código fuente HTML aparece de la siguiente manera:

<div id="head">
El jefe de campo
</div>

Las correspondientes instrucciones de la hoja de estilos vienen, por lo general, inmediatamente después:

#head {
background: #09c;
overflow: visible;
}

Inicio de página

Índice Capítulo 4 | Contenido material adicional