Css para Diseño Web

Argumento de Css para Diseño Web

1. Buenas prácticas en el diseño XHTML y CSS
Encajar la estructura y la presentación entre sí
Aprender a amar a nuestras etiquetas
XHTML: la nueva solución
Empezando por la declaración DOCTYPE
Mantener un etiquetado bien formado
Cerrar todos los elementos
Escribir los elementos y los atributos en minúsculas
Obligatoriedad de un valor para cada atributo
Abstraer el estilo de la estructura
Evitar la "divitis" y la "clasitis"
Buscar un etiquetado con un significado correcto
Familiarizarnos con otros elementos de etiquetado
Inventariar el contenido, no los gráficos
CSS: añadir una capa de estilo
Conocer mejor los selectores
Selectores de tipo
El selector universal
Selectores descendientes
Selectores de clase
Selectores id
Otros selectores
Selectores hijo
Selectores de atributo
Combinar varias declaraciones
Agrupar selectores
Satisfacer los requisitos de herencia
La jerarquía de elementos
Inhabilitar la herencia
Ponerlo todo a trabajar
Comprender el mecanismo de cascada
Descubrir el origen de los estilos
Ordenación por especificidad
Ordenación por orden
Llevar la teoría a la práctica
Construir sitios fiables
Racionalizar la necesidad de utilizar trucos
El fallo
La solución
El camino es largo
El problema de los trucos
Trampear con arte por diversión y provecho
Resumen

2. Blogger.com de Google: rollover y retoques de diseño
Entrevista con el diseñador
Rollover compatibles con CSS
Cambiar el color de primer plano y de fondo de los vínculos (opción sencilla)
El código XHTML
El código CSS
Cambiar el color de primer plano y de fondo de los vínculos (opción compleja)
El código XHTML
El código CSS
Las imágenes
¿Qué significa todo esto?
Cambiar el color de fondo de las filas de una tabla
El código XHTML
El código CSS
¿Qué significa todo esto?
Cambiar el color del texto
El código XHTML
El código CSS
Las imágenes
¿Qué significa todo esto?
Tratar con Internet Explorer
Cambiar la posición de fondo de los vínculos
Aplicar efectos de rollover a partir de imágenes incrustadas
El código XHTML
El código CSS
Las imágenes
¿Qué significa todo esto?
Tratar con Internet Explorer
Resumen

3. El sitio Web Classic U.S. PGA Championship
Desarrollar el efecto de sombra
Crear la ilusión
Añadir realismo extra
Crear menús desplegables CSS
Personalizar la colocación de los menús desplegables
Personalización: dar estilo a los menús desplegables
Advertencia importante
Comprender el modo de empleo
Haciendo balance
Estándares Web de la industria. Incrustación Flash compatible
Elmétodo Flash Satay
Escribir las etiquetas object/embed con JavaScript
SWFObject
Resumen

4. El sitio Web UFL.edu de la Universidad de Florida
El primer sitio Web de la UF
Un reflejo de las revisiones
El sitio actual
La definición del sitio
Conformar el equipo
La investigación de los usuarios
Examinarnos a nosotros mismos
Definición de las especificaciones técnicas
Utilización de los estándares Web
Incorporación de la accesibilidad
Creación de la estructura de navegación principal
El código XHTML
Listas no ordenadas
Listas no ordenadas anidadas
Dar mayor peso a la semántica
El código CSS
Las imágenes
Ladrillo a ladrillo
Construir la caja
El estilo de los encabezados de sección
Dar estilo a las listas
Construir el sistema de navegación secundario
El código XHTML
La utilidad de navegación
Navegación basada en roles
Englobar los dos fragmentos
El código CSS
El estilo del sistema de navegación secundario
El estilo de las utilidades
El dichoso modelo de cajas
El estilo de los roles
El resultado final
Un nuevo estudio de la incrustación Flash
De regreso a Flash Satay
Detección en el lado del servidor con Flash Satay
Apache y la directiva BrowserMatch
Inconvenientes y barreras a la utilización de Flash Satay con detecciónen el lado del servidor
En busca de descuidos
Predicando con el ejemplo
"La fuerza de la costumbre" o "¿Quién se ha llevado mi campo de entrada?"
Resumen

5. Stuff and Nonsense Ltd.: estrategias para el intercambio CSS
Poner los cimientos
Intercambio CSS
El mecanismo: cómo se supone que funciona
Hojas de estilos persistentes
Hojas de estilos preferidas
Hojas de estilos alternativas
Otra solución sin demasiada utilidad
La realidad: cómo podemos trabajar hoy en día
Subirse al carro de JavaScript
Recopilar los requisitos
Construir la función de intercambio
Hornear una cookie JavaScript
Trabajar con PHP
Crear el script
Degustar nuestra cookie
CSS más allá del navegador
Tipos de medios: llega la curación
El problema de la toma de decisiones
Stuff and Nonsense: construcción de un intercambiador mejor
Entrevista con el diseñador: Andy Clarke
Resumen

6. Adventures of CindyLi.com: modificaciones de un blog
Blogs
CSS: Cindy Li empieza a bloguear
Elementos de diseño
Crear un esquema
Esquematizar el diseño
Crear el sitio
Diseñar la barra de navegación
Tamaño
Color
Texto
Crear los gráficos para el efecto rollover
Crear el etiquetado de navegación y el código CSS
Integrar los efectos rollover
Configuración del bocadillo
El código del bocadillo
Volver a aplicar el efecto
El módulo Flickr
El estilo de las casillas de verificación
Resumen

7. AIGA Cincinnati: plantillas de correo HTML
Trabajar con correo electrónico HTML
Generar la plantilla
Imprimir el diseño
Crear el diseño de la tabla HTML
Ajustar el diseño
Explorar el efecto de las reglas CSS de una plantilla de correo electrónico HTML
Estilos incrustados
Utilizar Preflight for HTML email
Resumen

8. El sitio Professional CSS Book: utilización de PNG transparentes
PNG y el soporte en los navegadores
La solución del filtro de imágenes para utilizar PNG con IE6
La solución del script HTC para utilizar PNG con IE6
Problemas de color con PNG
Utilizar transparencias alfa
Mejores sombras
Utilización de sombras de color
Resumen

9. Creación de esquemas CSS
Sobre cuadrículas y esquemas
Hacer lo que es imposible en el mundo de la impresión
Posicionamiento CSS: los fundamentos básicos
El fabuloso posicionamiento absoluto
Posicionamiento absolutamente relativo
Construir las tres columnas: el esquema de los cimientos
Escribir el código XHTML: de la maqueta a la etiqueta
Una capa de estilo
Desplazamiento: introducción a las reglas de posicionamiento
Recordando el posicionamiento absolutamente relativo
Luchando contra los errores de los navegadores
Internet Explorer 5 para Macintosh
Internet Explorer 5.x y posteriores para Windows
Establecer algunas fronteras: la propiedad max-width
Resumen

A. Elementos de HTML 4.01

B. Reglas para la conversión de HTML a XHTML
La declaración XML
Eligiendo nuestro nivel de confort
Reglas para XHTML
No olvide el atributo de espacio de nombres
Utilizar atributos entre comillas
No minimizar los atributos
Terminar los elementos vacíos
Anidación ordenada
XHTML con archivos CSS y JavaScript
Minúsculas en los nombres de elementos y atributos
Introducción de ID al utilizar name
Codificar los símbolos &
Ante la duda, validar

C. Propiedades CSS 2.1

D. Guía de resolución de problemas CSS
Validación
HTML
CSS
Manipulación de los elementos
Eliminar los márgenes y los rellenos
Aplicar color a bordes y fondos
Usar variaciones en los valores de las propiedades
Jugar al escondite
Validar nuevamente
Obtener ayuda externa
Sitios Web
positioniseverything.net
Web Developer
Firebug
Listas de correo
css-discuss
&n alfabético