CSS HOJAS DE ESTILO EN CASCADA PARA DISEÑO WEB

 
24/04/2007
Tapa blanda, 18x23 cms, 464 páginas
Materia: Software. Equipo lógico, componentes lógicos, programas.
Colección: Wrox (Anaya Multimedia)

ISBN: 84-415-1954-4

Autor: C. Schmitt
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.

ÍNDICE

Acerca de los autoresAgradecimientos

Prólogo

IntroducciónA quién va dirigido este libroEstructura del libroConvenciones

1. Planificar y desarrollar un sitioDefinir el alcanceDeterminar funciones y responsabilidadesPresupuesto y expectativasGestionar el cambioDefinir la conclusiónReferencias constantes al alcance del proyectoAjustar el trabajo al presupuestoAvanzarComunicación constanteDiseñador, conozca sus objetivosObjetivos del clienteLas necesidades del públicoCrear perfiles de usuario: poner cara a nuestro públicoArquitectura de la informaciónPonerlo en prácticaRecopilar el contenidoDel inventario a la jerarquíaCrear el mapa del sitioEsquemas: prototipos de las páginasComenzar el diseñoDefinir el tono de un sitioBuscar la inspiraciónSeleccionar un diseño: fijo o dinámicoAnchura fijaDiseños dinámicosObtener cierta perspectivaResumen

2. Prácticas óptimas para XHTML y CSSEstructura y presentaciónUna base sólida: aprender a querer el marcadoXHTML: la nueva sensaciónComenzar con la declaración DOCTYPEMantener la corrección del marcadoCerrar todos los elementosElementos y atributos en minúsculasTodo atributo requiere un valorAbstraer el estilo de la estructuraEvitar el exceso de div y classMarcado con significadoFamiliarizarse con otros elementos de marcadoInventario de contenidos, no de gráficosCSS: un nivel de estiloSelectoresSelectores de tiposEl selector universalSelectores descendentesSelectores de claseSelectores idOtros selectoresSelectores secundariosSelectores de atributosDeclaraciones múltiplesAgruparHerenciaJerarquía de elementosReemplazar la herenciaCombinar todos los elementosEntender la cascadaOrigen del estiloOrdenar por especificidadOrdenar por ordenDe la teoría a la prácticaDiseñar para navegadores fiablesLa necesidad de trucosEl errorLa soluciónEl largo caminoEl problema con los trucosCrear trucos con eleganciaResumen

3. Blogger: rollover y mejoras de diseñoEntrevista con el diseñadorCuadros delimitadoresLas líneas rectas del modeloLas esquinas curvadas de BloggerCrear cuadros de esquinas redondeadas y ancho fijoEl código XHTMLLa CSSLas imágenesSignificadoRedondear la parte superiorRedondear la parte inferior del cuadroCrear cuadros de anchura dinámica y esquinas redondeadasEl código XHTMLLa CSSLas imágenesSignificadoRedondear la parte superior del cuadroRedondear la parte inferior del cuadroTrabajar con Internet ExplorerMejorar las previsiones con ayuda de pseudo-elementosCuadros implícitosEscribir CSS que beneficien al mantenimiento del sitioEstructura básica de las páginasDentro del div de cuerpoEl código XHTMLLa CSSSignificadoRollover compatibles con CSSCambiar el color y el color de fondo de vínculos (sencillos)El código XHTMLLa CSSCambiar el color y el color de fondo de vínculos (complejos)El código XHTMLLa CSSLas imágenesSignificadoTrabajar con Internet ExplorerCambiar el color de fondo de filas de tablaEl código XHTMLLa CSSSignificadoCambiar el color de textoEl código XHTMLLa CSSLas imágenesSignificadoTrabajar con Internet ExplorerCambiar la posición de fondo de los vínculosCrear rollover para imágenes incrustadasEl código XHTMLLa CSSLas imágenesSignificadoEl problema de Internet ExplorerResumen

4. El campeonato de golf PGAEl efecto de sombra lateralCrear la ilusiónRealismo adicionalMenús desplegables CSSPersonalización: ubicar los menús desplegablesPersonalización: aplicar estilo a los menús desplegablesInconvenientes que tener en cuentaConsejos de usoConclusiónIncrustar Flash compatible con estándares WebEl método Flash SatayEscribir las etiquetas object/embed con JavaScriptFlashObjectResumen

5. La Universidad de FloridaEl sitio Web de la Universidad de FloridaRevisionesEl sitio actualDefinir el sitioFormar el equipoBuscar usuariosRevisar sitios afinesEspecificaciones técnicasEstándares WebNavegadores antiguosAccesibilidadCrear la estructura de navegación principalEl código XHTMLListas sin ordenarListas sin ordenar anidadasPonderar la semánticaLa CSSLas imágenesLadrillo a ladrilloCrear el cuadroAplicar estilo a los encabezados de secciónAplicar estilo a las listasDiseñar la navegación complementariaEl código XHTMLNavegación utilitariaNavegación basada en funcionesCombinar las dos partesLa CSSAplicar estilo a la navegación complementariaAplicar estilo a las utilidadesEl complicado modelo de cajaAplicar estilo a las funcionesEl resultado finalRevisar la inclusión de FlashFlash SatayFlash Satay con detección en el lado del servidorApache y la directiva BrowserMatchInconvenientes y barreras de Flash Satay con la detección en el lado del servidorErroresLiderar mediante ejemplosLa fuerza de la costumbre o quién ha cambiado el campo de entradaResumen

6. ESPN.com: potentes cambios de diseñoESPN y CSSEntrevista con el diseñadorDiseño basado en la importanciaRegularSkirmishWarCombinar todas las piezasRespetar aEl código HTMLLa CSSOtras posibilidades de aplicaciónAscender ligeramenteLección aprendidaUna mirada a un futuro sin clases (no es un manifiesto socialista)Los selectores del mañanaUna extensa lista de atractivos selectoresEjemplo de selectores en funcionamientoRespetar el elemento todavía másResumen

7. FastCompany.com: crear un diseño flexible de tres columnasFast Company: recoger el guanteEntrevista con el diseñador: Dan CederholmFundamentos de las posiciones en CSSUbicar de forma absolutaPosicionamiento absolutamente relativoCrear tres columnas: los cimientosDiseñar el código XHTMLUn nivel de estiloActivar el desplazamiento: reglas de posicionamientoUtilizar posiciones absolutamente relativasCombatir errores del navegadorInternet Explorer 5 para MacintoshInternet Explorer 5.x+ para WindowsDefinir límites: la propiedad max-widthResumen

8. Stuff and Nonsense: estrategias para intercambiar CSSConstruir los cimientosIntercambiar CSSEl mecanismo: cómo debería funcionarHojas de estilo persistentesHojas de estilo preferentesHojas de estilo alternativasOtra solución que no podemos utilizar (prácticamente)La realidad: cómo puede funcionar en la actualidadSubir al tren de JavaScriptDefinir los requisitosCrear la función de intercambioCrear una cookie de JavaScriptPHPCrear la secuencia de comandosConsumir la cookieCSS más allá del navegadorTipos de medios: la soluciónEl problema de la selecciónStuff and Nonsense: crear un intercambiador mejoradoEntrevista con el diseñador: Andy ClarkeResumen

9. Combinar todas las piezasBienvenido a ChristopherSchmitt.comPlanificar ahorra tiempoDefinir el alcance de un sitioContenido y mapa del sitioEnmarcar el diseñoDiseñar el sitioEmocionar es diseñarDefinir el tonoTipografíaColoresImágenesComposiciónCrear en PhotoshopDesarrollar el sitioEnfoque de fuera hacia dentro, de arriba hacia abajoCentrar la página (y su importancia)Tamaño de fuentesEl encabezadoBuscar el cuadro de búsquedaConseguir espacio para el logotipoDiseccionar el código HTMLAplicar el estiloPasar al esloganComenzar el diseño a dos columnasColumnas en HTMLColumna lateralLa columna principalContenido de la columna principalMi sitio saluda, ¿y el suyo?Aplicar estilo a las entradas de la bitácoraContenido de la columna lateralComenzar la navegación del sitioUtilizar la navegaciónBlogRollEl pie de páginaLa página terminadaResumen

A. Elementos de HTML 4.01

B. Reglas para convertir HTML a XHTMLLa declaración XMLElegir el nivel de comodidadReglas de XHTMLNo olvide el atributo de espacio de nombresEntrecomillar valores de atributoEvitar la minimización de atributosFinalizar elementos vacíosAnidar correctamenteXHTML con archivos CSS y JavaScriptUtilizar minúsculasAñadir ID al utilizar nameCodificar símbolos &En caso de duda, validar

C. Propiedades de CSS 2.1

D. Solucionar problemas de CSSValidarHTMLCSSManipular los elementosEliminar rellenos y márgenesAplicar color a bordes y fondosIncluir variaciones en valores de propiedadJugar al esconditeVolver a validarBuscar ayuda en el exteriorSitios Webpositioniseverything.netWeb Developer ToolbarListas de correocss-discussBabble List

Índice alfabético

Precio: 35.80 34.01
No Disponible 
si está interesado, apuntese al sistema de avisos

Producto anterior
PHP 5 FUNDAMENTOS
Contactar / Sistema de subscripciones / F.A.Q. / condiciones de compra / Seguimiento de pedidos
Dreamers Networks S.L., Cif: B92170679. C/ Cuarteles, 41, bajo izq. 29002 - Málaga.
Horario de tienda en Málaga: L-V 10:00 a 14:00h, 17:00 a 20:30h, S 10:00 a 14:00h
Atención telefónica: 902 108 156 L-V: 10:00 a 14:00h, 17:00 a 20:00h
(*)Dias de envio referidos como dias laborables para envios a peninsula o baleares. Nuestros envios a la península van por MRW 24 horas para recibirlo al dia siguiente.
(**)Las ofertas de gastos de envio gratuitos o rebajados se aplican al pedido completo y sólo son válidas para envios nacionales.