Argumento de Css
Como tecnología preferida para el diseño Web, las hojas de estilo en cascada (CSS) son un estándar de marcado Web definido por el World Wide Web Consortium (W3C) que permite a diseñadores y programadores Web definir estilos coherentes para páginas Web y aplicar la plantilla a varias páginas. CSS es una herramienta muy útil para racionalizar y acelerar el desarrollo web. Escrito por conocidos autores de CSS, éste libro le muestra ejemplos de sitios Web reales de primer nivel creado con ayuda de CSS por diseñadores de fama mundial. En cada capítulo le ofrecemos una visión descriptiva del proceso creativo de cada diseñador de principio a fin, así como la forma de afrontar los desafíos exclusivos de cada sitio. Aprenderá entre otras cosas, los preliminares que debe dominar antes de empezar a diseñar un sitio para evitar problemas posteriores, a resolver problemas relacionados con la compatibilidad entre navegadores, las mejores prácticas para utilizar XHTML y CSS, a integrar contenidos de Flash en un sitio XHTML y CSS, el desarrollo un sitio que pueda procesar con fiabilidad información actualizada, etc. Dirigido a diseñadores con conocimientos medios o avanzados de CSS pero que busquen la forma de desarrollar diseñados basados en CSS a nivel profesional.0Acerca de los autores Agradecimientos Prólogo Introducción A quién va dirigido este libro Estructura del libro Convenciones 1. Planificar y desarrollar un sitio Definir el alcance Determinar funciones y responsabilidades Presupuesto y expectativas Gestionar el cambio Definir la conclusión Referencias constantes al alcance del proyecto Ajustar el trabajo al presupuesto Avanzar Comunicación constante Diseñador, conozca sus objetivos Objetivos del cliente Las necesidades del público Crear perfiles de usuario: poner cara a nuestro público Arquitectura de la información Ponerlo en práctica Recopilar el contenido Del inventario a la jerarquía Crear el mapa del sitio Esquemas: prototipos de las páginas Comenzar el diseño Definir el tono de un sitio Buscar la inspiración Seleccionar un diseño: fijo o dinámico Anchura fija Diseños dinámicos Obtener cierta perspectiva Resumen 2. Prácticas óptimas para XHTML y CSS Estructura y presentación Una base sólida: aprender a querer el marcado XHTML: la nueva sensación Comenzar con la declaración DOCTYPE Mantener la corrección del marcado Cerrar todos los elementos Elementos y atributos en minúsculas Todo atributo requiere un valor Abstraer el estilo de la estructura Evitar el exceso de div y class Marcado con significado Familiarizarse con otros elementos de marcado Inventario de contenidos, no de gráficos CSS: un nivel de estilo Selectores Selectores de tipos El selector universal Selectores descendentes Selectores de clase Selectores id Otros selectores Selectores secundarios Selectores de atributos Declaraciones múltiples Agrupar Herencia Jerarquía de elementos Reemplazar la herencia Combinar todos los elementos Entender la cascada Origen del estilo Ordenar por especificidad Ordenar por orden De la teoría a la práctica Diseñar para navegadores fiables La necesidad de trucos El error La solución El largo camino El problema con los trucos Crear trucos con elegancia Resumen 3. Blogger: rollover y mejoras de diseño Entrevista con el diseñador Cuadros delimitadores Las líneas rectas del modelo Las esquinas curvadas de Blogger Crear cuadros de esquinas redondeadas y ancho fijo El código XHTML La CSS Las imágenes Significado Redondear la parte superior Redondear la parte inferior del cuadro Crear cuadros de anchura dinámica y esquinas redondeadas El código XHTML La CSS Las imágenes Significado Redondear la parte superior del cuadro Redondear la parte inferior del cuadro Trabajar con Internet Explorer Mejorar las previsiones con ayuda de pseudo-elementos Cuadros implícitos Escribir CSS que beneficien al mantenimiento del sitio Estructura básica de las páginas Dentro del div de cuerpo El código XHTML La CSS Significado Rollover compatibles con CSS Cambiar el color y el color de fondo de vínculos (sencillos) El código XHTML La CSS Cambiar el color y el color de fondo de vínculos (complejos) El código XHTML La CSS Las imágenes Significado Trabajar con Internet Explorer Cambiar el color de fondo de filas de tabla El código XHTML La CSS Significado Cambiar el color de texto El código XHTML La CSS Las imágenes Significado Trabajar con Internet Explorer Cambiar la posición de fondo de los vínculos Crear rollover para imágenes incrustadas El código XHTML La CSS Las imágenes Significado El problema de Internet Explorer Resumen 4. El campeonato de golf PGA El efecto de sombra lateral Crear la ilusión Realismo adicional Menús desplegables CSS Personalización: ubicar los menús desplegables Personalización: aplicar estilo a los menús desplegables Inconvenientes que tener en cuenta Consejos de uso Conclusión Incrustar Flash compatible con estándares Web El método Flash Satay Escribir las etiquetas object/embed con JavaScript FlashObject Resumen 5. La Universidad de Florida El sitio Web de la Universidad de Florida Revisiones El sitio actual Definir el sitio Formar el equipo Buscar usuarios Revisar sitios afines Especificaciones técnicas Estándares Web Navegadores antiguos Accesibilidad Crear la estructura de navegación principal El código XHTML Listas sin ordenar Listas sin ordenar anidadas Ponderar la semántica La CSS Las imágenes Ladrillo a ladrillo Crear el cuadro Aplicar estilo a los encabezados de sección Aplicar estilo a las listas Diseñar la navegación complementaria El código XHTML Navegación utilitaria Navegación basada en funciones Combinar las dos partes La CSS Aplicar estilo a la navegación complementaria Aplicar estilo a las utilidades El complicado modelo de caja Aplicar estilo a las funciones El resultado final Revisar la inclusión de Flash Flash Satay Flash Satay con detección en el lado del servidor Apache y la directiva BrowserMatch Inconvenientes y barreras de Flash Satay con la detección en el lado del servidor Errores Liderar mediante ejemplos La fuerza de la costumbre o quién ha cambiado el campo de entrada Resumen 6. ESPN.com: potentes cambios de diseño ESPN y CSS Entrevista con el diseñador Diseño basado en la importancia Regular Skirmish War Combinar todas las piezas Respetar a El código HTML La CSS Otras posibilidades de aplicación Ascender ligeramente Lección aprendida Una mirada a un futuro sin clases (no es un manifiesto socialista) Los selectores del mañana Una extensa lista de atractivos selectores Ejemplo de selectores en funcionamiento Respetar el elemento todavía más Resumen 7. FastCompany.com: crear un diseño flexible de tres columnas Fast Company: recoger el guante Entrevista con el diseñador: Dan Cederholm Fundamentos de las posiciones en CSS Ubicar de forma absoluta Posicionamiento absolutamente relativo Crear tres columnas: los cimientos Diseñar el código XHTML Un nivel de estilo Activar el desplazamiento: reglas de posicionamiento Utilizar posiciones absolutamente relativas Combatir errores del navegador Internet Explorer 5 para Macintosh Internet Explorer 5.x+ para Windows Definir límites: la propiedad max-width Resumen 8. Stuff and Nonsense: estrategias para intercambiar CSS Construir los cimientos Intercambiar CSS El mecanismo: cómo debería funcionar Hojas de estilo persistentes Hojas de estilo preferentes Hojas de estilo alternativas Otra solución que no podemos utilizar (prácticamente) La realidad: cómo puede funcionar en la actualidad Subir al tren de JavaScript Definir los requisitos Crear la función de intercambio Crear una cookie de JavaScript PHP Crear la secuencia de comandos Consumir la cookie CSS más allá del navegador Tipos de medios: la solución El problema de la selección Stuff and Nonsense: crear un intercambiador mejorado Entrevista con el diseñador: Andy Clarke Resumen 9. Combinar todas las piezas Bienvenido a ChristopherSchmitt.com Planificar ahorra tiempo Definir el alcance de un sitio Contenido y mapa del sitio Enmarcar el diseño Diseñar el sitio Emocionar es diseñar Definir el tono Tipografía Colores Imágenes Composición Crear en Photoshop Desarrollar el sitio Enfoque de fuera hacia dentro, de arriba hacia abajo Centrar la página (y su importancia) Tamaño de fuentes El encabezado Buscar el cuadro de búsqueda Conseguir espacio para el logotipo Diseccionar el código HTML Aplicar el estilo Pasar al eslogan Comenzar el diseño a dos columnas Columnas en HTML Columna lateral La columna principal Contenido de la columna principal Mi sitio saluda, ¿y el suyo? Aplicar estilo a las entradas de la bitácora Contenido de la columna lateral Comenzar la navegación del sitio Utilizar la navegación BlogRoll El pie de página La página terminada Resumen A. Elementos de HTML 4.01 B. Reglas para convertir HTML a XHTML La declaración XML Elegir el nivel de comodidad Reglas de XHTML No olvide el atributo de espacio de nombres Entrecomillar valores de atributo Evitar la minimización de atributos Finalizar elementos vacíos Anidar correctamente XHTML con archivos CSS y JavaScript Utilizar minúsculas Añadir ID al utilizar name Codificar símbolos & En caso de duda, validar C. Propiedades de CSS 2.1 D. Solucionar problemas de CSS Validar HTML CSS Manipular los elementos Eliminar rellenos y márgenes Aplicar color a bordes y fondos Incluir variaciones en valores de propiedad Jugar al escondite Volver a validar Buscar ayuda en el exterior Sitios Web positioniseverything.net Web Developer Toolbar Listas de correo css-discuss &n alfabético