CSS, un juego de niños (PC-Cuadernos)

* README.TXT
La idea sobre el cuaderno. ¿A quién se dirige?
* LA WEB NO ESTÁ HECHA DE PAPEL
Mentalidad de papel, páginas web y expectativas frustradas. Páginas web adecuadas al medio: más allá del papel. ¿Diseño de páginas con tablas?
* ASÍ FUNCIONA HTML
Las páginas web están hechas de cuadros rectangulares. ¿Qué es realmente HT-M-L? Los tres malentendidos sobre HTML más comunes. Comentarios HTML. En todas las páginas hay una estructura básica. Datos de interés sobre elementos HTML. Recordatorio.
* LOS ELEMENTOS HTML MÁS IMPORTANTES
Dividir la página en secciones: DIV. Títulos: H1 a H6. Párrafos: P de PARAGRAPH. Resaltar texto: STRONG y EM. Cada navegador tiene una hoja de estilos integrada. Listas: viñetas y numeraciones. Hipervínculos: la peculiaridad de la World Wide Web. Ruta de acceso a la imagen: IMG. Otros elementos útiles. Ls tablas no están prohibidas. Todo correcto? Comprobación de HTML con el validador. CSS para probar: los W3C Core Styles. Página de contacto: de la página al sitio. Recordatorio.
* DESCUBRIR CSS: FUENTES, COLORES E HIPERVÍNCULOS
Una hoja de estilos es un conjunto de patrones de formato. CSS y las cajas HTML en la página web. La primera stylesheet propia. Definición de colores de fondo y de fuente. Tipo y tamaño de fuente: FONT-FAMILY y FONT-SIZE. Tamaño de fuente de los títulos. Style: estructura de una regla CSS. Formato de la dirección. Formato de los hipervínculos. Estilos en tres sitios distintos. Recordatorios.
* SELECTORES, UNIDADES Y VALIDADOR CSS
Un selector selecciona el cuadro al que se aplica el formato. Sólo en esta sección: anidación de selectores. Asignación de nombres propios con ID y CLASS. Especificidad: el sistema de puntos para selectores. Valores de unidades en CSS. El validador CSS. Recordatorio.
* FORMATO DE MÁRGENES Y ESPACIOS CON EL MODELO DE CAJAS
Problemas potenciales en el formato de los cuadros. Visión general del modelo de cajas. Calibración: definir un margen nulo. Definir la anchura del elemento: WIDTH. Centrar la página: MARGIN: AUTO. Creación de un borde: BORDER. Más espacio alrededor: PADDING. El modelo de cajas y los colores. Imágenes de fondo con CSS. Trucos para redactar hojas de estilos. Escritura abreviada para padding y margin. Recordatorio.
* NAVEGACIÓN, VERSIÓN PARA IMPRIMIR Y FORMULARIO DE CONTACTO
Elementos de listas juntos: DISPLAY: INLINE. Especificidad (SPECIFICTIY) en la práctica. Tabbed Navigation
Navegación con fichas. Crear una versión para imprimir de las páginas. Un formulario para la página de contacto. Recordatorio.
* EL NAVEGADOR Y CSS: CASCADA Y HERENCIA
El árbol genealógico: la estructura de la página web. La cascada de las CASCADING STYLE SHEETS. Herencia (Inheritance). Valor por defecto (Initial Value). Recordatorio
* FLUJO Y POSICIONAMIENTO
La página es un río tranquilo. Let it flow: el flujo normal de los cuadros. Posicionamiento relativo: flujo desplazado. Posicionamiento absoluto: fuera de flujo. Como una estatua: posicionamiento fijo. Float: cuadros flotantes. Recordatorio.
* DISEÑOS DE VARIAS COLUMNAS CON CSS
Con POSITION: ABSOLUTE. FLOAT I: 2 columnas con FLOAT y MARGIN. FLOAT II: 2 columnas con FLOATS opuestos. FLOAT III: 3 columnas con FLOATS opuestos. Diseños flexibles. Recordatorio.
* PATCHWORK: PARCHES EN CSS
Parches y hacks. @Import
ocultar estilos a los navegadores antiguos. Internet explorer. Conditional Comments en acción. Recordatorio.
* HERRAMIENTAS IMPORTANTES
Navegadores. Extensiones: WEB DEVELOPER para Firefox. Editor de código. Sitios útiles. Libros interesantes.
* NOTAS
* LOS MANUALES DE PC CUADERNOS
* VENTA AL NÚMERO
* ÍNDICE DE PALABRAS CLAVE