Si usted es como yo, usted comenzó la construcción de páginas web cuando el código fue escrito en el bloc de notas y HTML era todo lo que tenía que saber. Y si usted es como yo, vas a venir de nuevo a diseño del sitio y encontrar que gracias a CSSeverything ha cambiado - para el mejor. En tiempos pasados, mesas donde la única herramienta que tenía que dar formato a su página y crear un diseño. El diseño clásico era una fila 1, tabla 2 columnas. En una celda de poner su menú de navegación, en la otra célula pones tu sitio.
Hoy en día el uso de tablas para diseñar un diseño es obsoleto: mesas deben ser utilizados sólo por su alcance original, la presentación de los datos en un formato de tabla. Para diseñar la disposición hay una herramienta mucho más potente y flexible: Cascading Style Sheets o CSS. Las personas que no se utilizan para diseñar con CSS pueden preguntarse cómo organizar el contenido de la página sin la comodidad de celdas y tablas. Pero la verdad es: CSS le permite diseñar esquemas más rápido, con más precisión y menos código que tablas.
Diseños complejos que requerían tablas anidadas son más fáciles de codificar y más fácil de manejar. Y cambiando unas pocas líneas de código en una hoja de estilo único que puede alterar por completo el diseño de todas las páginas de su sitio. La lógica de diseño de diseño web con CSS es bastante fácil. El dominio de esta poderosa herramienta y diseño, páginas muy complejas, que puedan utilizarse llamativos es difícil y requiere estudio y aplicación. El alcance de este tutorial es muy básico: una guía para diseñar una sencilla página de dos columnas.
Con una búsqueda rápida en Google encontrarás un montón de documentos, tutoriales y guías que le ayudarán a aprender los usos más avanzados de CSS. Atención: en este tutorial voy a escribir sobre el código CSS necesario para diseñar un trazado ejemplo. No voy a explicar en detalle cómo funciona CSS, ni las muchas otras opciones que te da para afinar todos los detalles de cada elemento que aparece en su página. Vamos a empezar. Los diseños más populares se pueden encontrar en la web pueden ser representados por la figura 1.
En unos 2 columnas layout tenemos un área de cabecera (con el logotipo y el nombre de la página web), un Área de navegación (con enlaces a las distintas subpáginas de la página web), un área de contenido principal y una zona de pie de página (con créditos, derechos de autor y datos de contacto)
Que utilizó para