CSS para diseño Web

www.anayamultimedia.es

| Imprimir | Comprar |

17,5 x 22,5 cm.

336 Páginas

Rústica Hilo

I.S.B.N.: 978-84-415-2466-8

Código: 2327331

26,44

IVA no incluido
27,50

IVA incluido

Septiembre 2008

CSS para diseño Web

Christopher Schmitt (Autor/a), Todd Dominey (Autor/a), Ethan Marcotte (Autor/a), Dunstan Orchard (Autor/a), Mark Trammell (Autor/a) y Cindy Li (Autor/a)

Colección: ANAYA MULTIMEDIA/WROX

Índice

Introducción. ¿A quién va dirigido este libro?. ¿Cómo está estructurado este libro?. Convenciones. Código fuente. . 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. (continúa...)

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. Babble List. Índice alfabético.

Contenido

Centrado en el aspecto de las mejores prácticas del desarrollo Web, este libro refleja los cambios en los procedimientos del desarrollo con CSS (Hojas de Estilo en Cascada). Incluye ejemplos de sitios Web reales en cada capítulo y proporciona trucos CSS fácilmente asimilables y técnicas utilizadas en cada uno de los sitios específicos. Los capítulos documentan el proceso de sus diseñadores de principio a fin y proporcionan pistas sobre cómo superaron cada uno de los desafíos particulares de cada sitio, así como las formas en las que pensaron en el desarrollo de una manera diferente. Ofreciéndonos una útil visión de diseños CSS basados en estándares, proyectos a gran escala de nivel profesional, este imprescindible libro nos proporciona soluciones fáciles de comprender para los problemas comunes y nos muestra una aproximación inteligente al desarrollo efectivo de diseños Web en CSS a un nivel profesional. Con este libro aprenderá, entre otros aspectos, las mejores prácticas para el uso de XHTML con CSS, cómo diseñar el nuevo aspecto para un blog, los pros y los contras del diseño de un sitio que cuenta con millones de usuarios, así como trucos para superar algunos problemas de compatibilidad con navegadores.

COMPLEMENTOS