CURSO DE CSS

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

ISBN: 84-415-2198-0

Autor: Christopher Schmitt
CSS (Cascading Style Sheets) es una sintaxis sencilla, estandarizada, que proporciona a los diseñadores un amplio control sobre la presentación de sus páginas Web. De este modo, CSS representa ya un componente esencial del diseño Web en la actualidad.

Este libro está dirigido a diseñadores y desarrolladores Web que se enfrentan a los problemas de diseñar con CSS para solucionar los entresijos comunes asociados a este trabajo. El curso le proporciona cientos de ejemplos detallados con este código que puede utilizar inmediatamente, así como material de gran valor en esta materia, incluidos tópicos que van desde la tipografía Web básica y diseño de página a técnicas para formatear listas, formularios y tablas.

ÍNDICE

IntroducciónAudienciaSuposiciones que hace este libroContenido de este libroConvenciones utilizadas en este libroCódigo fuente

Capítulo 1. GeneralIntroducciónUtilizar CSS con HTMLProblemaSoluciónExplicaciónUtilizar diferentes selectores para aplicar estilosProblemaSoluciónExplicaciónSelectores de tipoSelectores de claseSelectores IDSelectores descendientesSelectores hijoSelectores universalesSelectores hermano adyacentesSelectores atributoPseudo-clasesPseudo-elementosDeterminar cuándo utilizar clases y selectores IDProblemaSoluciónExplicaciónEntender las propiedades CSSProblemaSoluciónExplicaciónEntender el modelo cajaProblemaSoluciónExplicaciónEntender DOCTYPES y efectos en diseño de navegadorProblemaSoluciónExplicaciónAsociar estilos a una página WebProblemaSoluciónExplicaciónCuándo utilizar estilos en líneaCuándo utilizar hojas de estilo internasCómo utilizar diferentes tipos de hojas de estiloProblemaSoluciónExplicaciónAñadir comentarios dentro de CSSProblemaSoluciónExplicaciónOrganizar los contenidos de una hoja de estiloProblemaSoluciónExplicaciónOrganizar archivos de hoja de estiloProblemaSoluciónExplicaciónTrabajar con propiedades abreviadasProblemaSoluciónExplicaciónEstablecer una hoja de estilo alternativaProblemaSoluciónExplicaciónUtilizar flotantes con imágenesProblemaSoluciónExplicaciónUtilizar posicionamiento absolutoProblemaSoluciónExplicaciónUtilizar posicionamiento relativoProblemaSoluciónExplicaciónUtilizar CSS en Adobe DreamweaverProblemaSoluciónExplicaciónUtilizar CSS en Microsoft Expression Web DesignerProblemaSoluciónExplicación

Capítulo 2. Tipografía WebIntroducciónEspecificar fuentesProblemaSoluciónExplicaciónEspecificar medidas y tamaños de fuenteProblemaSoluciónExplicaciónUnidades de longitudUnidades relativasEstablecer el tamaño de fuentes en cero o un valor negativoAdquirir más control sobre el tamaño de fuenteProblemaSoluciónExplicaciónUtilizar píxelesAccesibilidad y tipografía WebUtilizar palabras clave de fuenteUtilizar unidades em para controlar el tipo de letraForzar los tamaños de fuenteProblemaSoluciónExplicaciónCentrar textoProblemaSoluciónExplicaciónConfigurar texto para que esté justificadoProblemaSoluciónExplicaciónEliminar espacio entre encabezados y párrafosProblemaSoluciónExplicaciónEstablecer una sencilla mayúscula inicialProblemaSoluciónExplicaciónEstablecer una mayúscula inicial centrada y más grandeProblemaSoluciónExplicaciónEstablecer una mayúscula inicial con decoración (imagen)ProblemaSoluciónExplicaciónCrear un encabezado con texto con estiloProblemaSoluciónExplicaciónCrear un encabezado con texto con estilo y bordesProblemaSoluciónExplicaciónAplicar estilo a un encabezado con texto y una imagenProblemaSoluciónExplicaciónCrear una cita con texto HTMLProblemaSoluciónExplicaciónCrear una cita con bordesProblemaSoluciónExplicaciónCrear citas con imágenesProblemaSoluciónExplicaciónEstablecer la sangría en la primera línea de un párrafoProblemaSoluciónExplicaciónEstablecer la sangría de párrafos enterosProblemaSoluciónExplicaciónCrear una sangría colganteProblemaSoluciónExplicaciónSangrías colgantes segurasLa sangría colgante emparejadaAplicar estilo a la primera línea de un párrafoProblemaSoluciónExplicaciónAplicar estilo a la primera línea de un párrafo con una imagenProblemaSoluciónExplicaciónCrear un efecto de texto resaltadoProblemaSoluciónExplicaciónCambiar el espaciado de líneaProblemaSoluciónExplicaciónAñadir un tratamiento gráfico a texto HTMLProblemaSoluciónExplicaciónSituar sombra detrás del textoProblemaSoluciónExplicaciónAjustar el espaciado entre letras y palabrasProblemaSoluciónExplicación

Capítulo 3. ImágenesIntroducciónPoner un borde alrededor de una imagenProblemaSoluciónExplicaciónEliminar bordes establecidos en imágenes de forma predeterminada en algunos navegadoresProblemaSoluciónExplicaciónEstablecer una imagen de fondoProblemaSoluciónExplicaciónCrear una línea de imágenes de fondoProblemaSoluciónSituar una imagen de fondo en una página WebProblemaSoluciónExplicaciónUtilizar múltiples imágenes de fondo en un selectorProblemaSoluciónExplicaciónCrear una imagen de fondo fijaProblemaSoluciónExplicaciónSuperponer texto HTML en una imagenProblemaSoluciónExplicaciónReemplazar texto HTML con una imagenProblemaSoluciónExplicaciónOrigen del método de sustitución de imagenProblema con el método FIREl método de sustitución de imagen PharkEnfoque CSS 3 de sustitución de imagenReemplazar texto HTML con texto FlashProblemaSoluciónExplicaciónUtilizar múltiples imágenes PNG con transparenciaProblemaSoluciónExplicaciónCrear una presentación panorámica de imagenProblemaSoluciónExplicaciónCombinar diferentes formatos de imagenProblemaSoluciónExplicaciónRedondear esquinas con columnas de ancho fijoProblemaSoluciónExplicaciónRedondear esquinas (técnica de puertas corredizas)ProblemaSoluciónExplicaciónEsquinas redondeadas (técnica de esquinas en escalera)ProblemaSoluciónExplicaciónRedondear esquinas con JavaScriptProblemaSoluciónExplicaciónColores diferentesTamaños diferentesElementos diferentesEsquinas específicasSituar una sombra detrás de una imagenSoluciónExplicaciónSituar una sombra suavizada detrás de una imagenProblemaSoluciónExplicaciónHacer escalables las imágenesProblemaSoluciónExplicaciónCrear bocadillos de diálogoProblemaSoluciónExplicaciónImpedir que la gente robe sus imágenesProblemaSoluciónExplicaciónBarra de herramientas Imagen de MicrosoftNinguna imagen está seguraInsertar reflejos en imágenes automáticamenteProblemaSoluciónExplicaciónCaracterísticas de personalizaciónProblemas conocidos de navegadorUtilizar representaciones digitales de imagenProblemaSoluciónExplicación

Capítulo 4. Elementos de páginaIntroducciónEliminar márgenes de páginaProblemaSoluciónExplicaciónColorear la barra de desplazamientoProblemaSoluciónExplicaciónTécnicas para centrar elementos en una página WebProblemaSoluciónExplicaciónTablasImágenesCentrado verticalColocar un borde de páginaProblemaSoluciónExplicaciónPersonalizar una regla horizontalProblemaSoluciónExplicaciónAñadir el script lightboxProblemaSoluciónExplicaciónConfigurar los archivosCrear una presentación de diapositivasProblemas conocidos de navegador

Capítulo 5. ListasIntroducciónCambiar el formato de una listaProblemaSoluciónExplicaciónCrear sangría para múltiples navegadores en listasProblemaSoluciónExplicaciónSituar divisores entre elementos de listaProblemaSoluciónExplicaciónCrear marcadores de texto personalizados para listasProblemaSoluciónExplicaciónCrear marcadores personalizados de imagen para listasProblemaSoluciónExplicaciónInsertar marcadores de imagen personalizados grandes para listasProblemaSoluciónExplicaciónEnriquecer una presentación de lista con imágenesProblemaSoluciónExplicaciónCrear listas en líneaProblemaSoluciónExplicaciónCrear sangrías colgantes en una listaProblemaSoluciónExplicaciónMover el marcador dentro de la listaProblemaSoluciónExplicación

Capítulo 6. Vínculos y navegaciónIntroducciónEliminar subrayados de vínculos (y añadir otra decoración)ProblemaSoluciónExplicaciónCambiar colores de vínculoProblemaSoluciónExplicaciónCambiar los colores de vínculo en diferentes apartados de una páginaProblemaSoluciónExplicaciónSituar un icono al final del vínculoProblemaSoluciónExplicaciónCambiar cursoresProblemaSoluciónExplicaciónCrear rollover sin JavaScriptProblemaSoluciónExplicaciónCrear menús de navegación de texto y rolloverProblemaSoluciónExplicaciónCrear menús de navegación horizontalesProblemaSoluciónExplicaciónCrear un menú de navegación con teclas de accesoProblemaSoluciónExplicaciónCrear ruta de navegaciónProblemaSoluciónExplicaciónCrear rollover basados en imágenesProblemaSoluciónExplicaciónCrear menús desplegablesProblemaSoluciónExplicaciónCrear menús contextualesProblemaSoluciónExplicaciónCrear cuadros descriptivos de ayuda con el atributo titleProblemaSoluciónExplicaciónDiseñar un menú visual dinámicoProblemaSoluciónExplicaciónAplicar estilos dinámicamente a una página WebProblemaSoluciónExplicaciónMenús desplegables CSS puros

Capítulo 7. FormulariosIntroducciónModificar el espaciado alrededor de un formularioProblemaSoluciónExplicaciónEstablecer estilos para elementos de entrada de datosProblemaSoluciónExplicaciónAplicar diferentes estilos a diferentes elementos de entrada de datos en el mismo formularioProblemaSoluciónExplicaciónEstablecer estilos para elementos de área de textoProblemaSoluciónExplicaciónEstablecer estilos para elementos select y optionProblemaSoluciónExplicaciónCrear un campo de búsqueda al estilo MacintoshProblemaSoluciónExplicaciónAtributos del campo de búsquedaMejores prácticasAplicar estilo a botones de formularioProblemaSoluciónExplicaciónCrear una imagen de botón de envíoProblemaSoluciónExplicaciónEstablecer un botón de envío una sola vezProblemaSoluciónExplicaciónCrear un botón Submit que se parece a texto HTMLProblemaSoluciónExplicaciónHacer que un vínculo de texto HTML funcione como un botón SubmitProblemaSoluciónExplicaciónDiseñar un formulario Web sin tablasProblemaSoluciónDiseñar un formulario de dos columnas sin tablasProblemaSoluciónExplicaciónResaltar campos de formularioProblemaSoluciónExplicaciónIntegrar feedback de formulario con un formularioProblemaSoluciónExplicaciónAplicar estilo a teclas de acceso en formularios WebProblemaSoluciónExplicaciónAgrupar elementos comunes de formularioProblemaSoluciónExplicaciónIncorporar datos en un formulario como una hoja de cálculoProblemaSoluciónExplicaciónDiseño de ejemplo: Formulario de autenticaciónDiseño de ejemplo: Formulario de registro

Capítulo 8. TablasIntroducciónEstablecer el espaciado de celdaProblemaSoluciónExplicaciónEstablecer los bordes y relleno de celdaProblemaSoluciónExplicaciónEstablecer el estilo del títuloProblemaSoluciónExplicaciónEstablecer los estilos dentro de celdas de tablaProblemaSoluciónExplicaciónEstablecer estilos para elementos de encabezado de tablaProblemaSoluciónExplicaciónEliminar espacios de imágenes situadas en celdas de tablaProblemaSoluciónExplicaciónUtilizar Document Type Definition (DTD)Eliminar espacios entre celdas de tablaProblemaSoluciónExplicaciónCrear colores alternativos de fondo en filas de tablaProblemaSoluciónExplicaciónUtilizar JavaScriptUtilizar soluciones del lado del servidorAñadir un efecto resaltado sobre una fila de tablaProblemaSoluciónExplicaciónDiseño de ejemplo: Un calendario elegante

Capítulo 9. Diseños de páginaIntroducciónCrear un diseño de una columnaProblemaSoluciónExplicaciónCrear un diseño de dos columnasProblemaSoluciónExplicaciónCrear un diseño de dos tablas con columnas de ancho fijoProblemaSoluciónExplicaciónCrear un diseño multicolumna flexible con flotantesProblemaSoluciónExplicaciónCrear un diseño multicolumna de ancho fijo con flotantesProblemaSoluciónExplicaciónCrear un diseño multicolumna flexible con posicionamientoProblemaSoluciónExplicaciónCrear un diseño multicolumna de ancho fijo con posicionamientoProblemaSoluciónExplicaciónUtilizar flotantes para mostrar columnas en cualquier ordenProblemaSoluciónExplicaciónEl códigoDefinir las columnasCrear espacio en blancoAjustar el orden de las columnasAlgoritmo de diseño de páginaColumnas falsasUna solución alternativaDiseñar un diseño asimétricoProblemaSoluciónExplicación

Capítulo 10. ImprimirIntroducciónCrear una versión de página para la impresoraProblemaSoluciónExplicaciónUtilizar @import cuando se asignan tipos de mediosUtilizar @media cuando se asignan tipos de mediosCrear un formulario Web listo para imprimirProblemaSoluciónExplicaciónUtilizar selectores de atributo para diferenciar elementos de formularioAñadir amigabilidadMostrar URI detrás de vínculosProblemaSoluciónExplicaciónSituar el nombre de dominio delante de vínculos absolutosInsertar caracteres especiales delante de vínculosProblemaSoluciónExplicaciónDiseño de ejemplo: una página con CSS para impresiónConfigurar la página para imprimir en blanco y negroDiseñar el encabezado principalAplicar estilo al encabezado del artículo y nombre de autorLlamar la atención por medio de un avisoMostrar URI detrás de vínculosTerminar con el pie de página

Capítulo 11. Hacks, soluciones alternativas y solución de problemasIntroducciónAislar estilos para Netscape Navigator 4.xProblemaSoluciónExplicaciónHack CaioSolución alternativa @mediaSelectores descendientesProporcionar estilos específicos a Internet Explorer 5.x para WindowsProblemaSoluciónExplicaciónHack de estrella de HTMLOtro enfoque: hack de modelo de caja de TantekEliminar el parpadeo de página Web en Internet Explorer 5.x para WindowsProblemaSoluciónExplicaciónMantener imágenes de fondo fijas en Internet Explorer 6 para WindowsProblemaSoluciónExplicaciónUtilizar los comentarios condicionales de Internet Explorer para Windows para enviar estilosProblemaSoluciónExplicaciónOcultar reglas CSS de Internet Explorer 5 para MacintoshProblemaSoluciónExplicaciónEstablecer un sistema de gestión inteligente de hackProblemaSoluciónExplicaciónDiagnosticar errores y problemas de navegadorProblemaSoluciónExplicaciónComprobar el diseño de un sitio en más de una plataforma con sólo un ordenadorProblemaSoluciónSi tiene un PCSi tiene un MacintoshSi tiene una estación de trabajo LinuxExplicaciónInstalar más de una versión de Internet Explorer para Windows en un ordenadorProblemaSoluciónExplicaciónComprobar un sitio Web con un navegador en modo textoProblemaSoluciónExplicación

Capítulo 12. Diseñar con CSSIntroducciónAgrandar texto excesivamenteProblemaSoluciónExplicaciónCrear incongruencias inesperadasProblemaSoluciónExplicaciónCombinar elementos diferentes para crear contrasteProblemaSoluciónExplicaciónGuiar la mirada por medio del contrasteProblemaSoluciónExplicaciónComprobar el suficiente contraste de colorProblemaSoluciónExplicaciónEnfatizar una citaProblemaSoluciónExplicación

Apéndice A. RecursosHTML general y formación de CSSRoadmap to Standards, de Dave SheaPágina Web para diseñadores - Tutorial CSSCommunity MX: Fundamentos básicos de posicionamiento CSSPropiedad flotante CSS - TutorialSelectores CSS - TutorialRecursos de diseñoA List Apart: Temas CSSLayout Reservoir - BlueRobot.comCSS-EdgeCSS Zen GardenGlish.com - Técnicas de diseño CSSMicroformatsReal World StyleSimpleQuizTypetesterGrupos de discusiónBabble Listcss-discussBoletín de noticias de hojas de estilo Usenetwww-style (Lista de distribución de estilo de W3C)ReferenciasGráficas de soporte CSS en navegadorDTD recomendados de W3CPágina de CSS de W3CEspecificación CSS 2.1Especificación HTML 4.01Especificación XHTML 1.0HerramientasBrowserCamiCaptureSelectORacleServicio de validación de CSS del W3CValidador HTML de W3CExtensión de navegador Web DeveloperXyle scope

Apéndice B. CSS 2.1. Propiedades y extensiones propietarias

Apéndice C. CSS 2.1. Selectores, pseudo-clases y pseudo-elementos

Apéndice D. Aplicar estilo a elementos de formularioCasillas de verificaciónIncorporar archivosBotones de opciónCampos de textoMúltiples opcionesElemento SelectBotón EnviarElemento Textarea

Índice alfabético

Precio: 39.50 37.52
No Disponible 
si está interesado, apuntese al sistema de avisos

Producto anterior
TRES POEMAS MAGICOS
Producto Siguiente
PURE DE GUISANTES
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.