DHTML y CSS avanzado

Los creadores Web necesitan nuevas ideas para crear sitios sensacionales que se actualicen fácilmente. CSS y DHTML son técnicas creadas para cumplir ese objetivo. Dominarlas exige práctica y experiencia pero al final los resultados son encomiables.

Los diseñadores suelen desalentarse ante libros dirigidos a programadores, y estos a su vez muchas veces no se sienten interesados por el enfoque elemental que siguen los libros dirigidos a diseñadores. Sin embargo, hay un aspecto común que les aúna: garantizar que el visitante obtenga la información de la forma más efectiva posible.

Este libro ofrece el equilibrio perfecto entre las necesidades de diseñadores y programadores; proporciona ideas para incorporarlas al diseño con el fin de mejorar la experiencia del usuario. Estas soluciones pueden aplicarse a una gran variedad de situaciones.

Introducción
Para quién es este libro
De qué trata este libro
Valores y unidades
Valores de longitud
Valores de color
Porcentajes
URL
Cómo leer este libro
El código
Sitios Web para el libro

Capítulo 1. Creación de un sitio Web dinámico
¿Qué hace que un sitio Web sea dinámico?
Entender el diseño de página en la Web
Creación de un sitio Web accesible
Lista de comprobación de la accesibilidad del contenido Web
Entender el hipertexto, la navegación y los controles
Qué hacer y qué no hacer en la navegación
Cosas que se deben hacer
Cosas que no se deben hacer
Dinámico por diseño
Las cuatro D del diseño Web
Paso 1: Definición
Paso 2: Diseño
Paso 3: Desarrollo
Paso 4: Despliegue

Capítulo 2. Dominar CSS
Los mitos de CSS
Mito CSS # 1: CSS no está disponible en todos los navegadores
Mito CSS # 2: CSS no es absolutamente compatible en todos los navegadores
Mito CSS # 3: CSS no puede manipular los diseños que necesito
Mito CSS # 4: CSS es más difícil de usar que HTML
Construir las hojas de estilos
Orden de los estilos
Añada notas
Tipografía Web: más allá de Times y Arial
Texto en gráficos
Fuentes seguras de navegador
Escoger la tipografía correcta
Legibilidad
Mensaje visual
Diferenciar tipos de contenido en la página
Crear páginas Web para imprimir
Construir una hoja de estilos maestra
Creación de una hoja de estilos maestra
Entender las taquigrafías CSS
Taquigrafías y navegadores antiguos
Taquigrafías para colores seguros de navegador
Usar agrupamiento y contexto
Entender el agrupamiento
Comprender el contexto
Corregir discordancias CSS de navegador
Establecer el origen de la página
El truco del modelo de caja
CSS más allá de Internet Explorer 6
Selectores secundarios
Selectores adyacentes
Seudoelementos
Seudoclases dinámicas

Capítulo 3. Técnicas DHTML avanzadas
Configurar y acceder a matrices
Cuatro formas de configurar matrices
Acceder a una matriz
Cambiar una matriz
Ordenar una matriz
Trabajar con objetos de datos
Creación de un objeto de datos
Almacenar datos en marcos
Guardar datos en marcos
Almacenar datos en URL
Almacenar datos en un URL
Almacenar datos en cookies
Guardar datos en una cookie
Retardar o detener una acción
Preparar una función retardada
Manipulación de errores al instante
Manipulación de errores (elegante)

Capítulo 4. Contenido
Carga previa de imágenes
Carga previa de imágenes con CSS
Añadir contenido externo con iframes
Importar contenido externo con iframes
Añadir contenido externo usando includes de servidor
Añadir un include de servidor
Añadir contenido externo con JavaScript
Añadir un fichero JavaScript externo
Ver el JavaScript o la CSS externa de alguna otra persona
Vista del código oculto
Añadir contenido externo con PHP
Añadir contenido externo utilizando PHP
Insertar un nuevo elemento
Inserción de un nuevo elemento
Insertar un nuevo elemento textual
Inserción de una nueva etiqueta con texto
Insertar un nuevo elemento iframe
Inserción de un nuevo elemento iframe
Quitar un elemento
Eliminar un objeto
Incluir contenido aleatorio
Añadir contenido aleatorio
Incluir varias páginas en una sola página
Creación de una sola página Web con varias páginas de contenido
Incluir un reloj
Añadir un reloj a la página Web

Capítulo 5. Diseño de página
Crear columnas simples
Creación de columnas simples
Crear columnas equilibradas
Creación de columnas equilibradas
Crear columnas de fondo gráficas
Creación de columnas con fondos gráficos
Crear diseños de página contextuales
Creación de diseños de página contextuales
Centrar las disposiciones de elementos horizontal y verticalmente
Centrado horizontal y vertical de elementos en la página
Crear ajuste de texto curvo
Creación de ajuste de texto curvado
Crear bordes curvados
Creación de bordes curvados alrededor de un elemento
Creación de una sombra paralela alrededor de un elemento
Creación de una sombra paralela
Crear una sombra paralela para un marco
Añadir una sombra paralela a un marco
Conservar las páginas enmarcadas
Poner una página HTML en un frameset automáticamente
Cambiar diseños de página al instante
Cambio de diseño al instante
Resaltar filas de tabla
Crear filas de tabla resaltadas

Capítulo 6. Navegación
Trabajar con estilos de vínculo
Colores de subrayado personales
Estilos de vínculo gráficos
Diferenciar tipos de vínculo
Crear un botón gráfico con texto HTML
Creación de un botón gráfico con texto HTML
Crear navegación con fichas
Creación de navegación con fichas
Añadir un menú simple
Añadido de un menú simple
Añadir un menú emergente fijo
Añadido de un menú emergente fijo
Añadir una barra de menús flotante
Añadido de un menú flotante
Añadir un menú de recortes
Añadido de un menú de recortes
Añadir un menú de salto
Añadido de un menú de salto
Añadir menús emergentes
Añadido de un menú emergente
Enseñar al navegador
Preparación de una etiqueta
Preparación de una etiqueta

Capítulo 7. Controles
Crear controles de navegador personalizados
Añadido de botones de control de navegador
Crear una tabla que se puede ordenar
Añadir controles de tamaño de fuente
Añadido de controles de tamaño de fuente
Crear un área que se pueda desplazar
Creación de un área con desplazamiento
Animar controles de desplazamiento
Creación de controles de desplazamiento animado
Añadir un selector de fecha de calendario
Añadido de un selector de fecha de calendario
Añadir controles de vídeo QuickTime
Añadido de controles de vídeo QuickTime
Abrir y cerrar marcos
Preparación de marcos que se cierran

Capítulo 8. Formularios
Estilos para formularios
Añadido de estilos a formularios
Resaltar campos de formulario
Creación de campos de formulario resaltados
Enfoque automático de campos de formulario
Preparación de campos con enfoque automático
Validar los formularios
Validación de un formulario antes de enviarlo
Crear formularios contextuales
Creación de un formulario contextual
Crear datos de formulario contextuales
Añadido de datos contextuales a un formulario
Restringir el contenido de un campo de formulario
Restricción del contenido de un campo de formulario
Deshabilitar controles de formulario
Controles de formulario deshabilitados hasta que son necesarios
Crear controles de formulario gráficos
Creación de controles de formulario gráficos

Capítulo 9. Efectos especiales
Crear capas transparentes
Creación de capas transparentes
Crear sombras paralelas para texto
Creación de un efecto de sombra paralela
Objetos flotantes
Preparación de objetos flotantes
Añadir una animación GIF
Creación de una animación GIF en Fireworks
Creación de una animación GIF en ImageReady
Añadido de una animación GIF a la página Web
Añadir sonido ambiente
Añadido de sonido ambiente a una página Web
Crear gráficos transparentes en formato PNG
Creación de un gráfico PNG en ImageReady
Creación de un gráfico PNG transparente en Fireworks
Uso de un gráfico PNG en una página Web
Efectos especiales en Internet Explorer para Windows
Añadir filtros de efectos (sólo IE Windows)
Fundido entre objetos (sólo IE Windows)
Añadir transiciones de página (sólo IE Windows)

Capítulo 10. Bases de datos
Entender XML
Creación de un documento XML
Acceder a datos XML en Internet Explorer para Windows
Creación de una isla de datos XML
Acceder a datos XML con Mozilla e Internet Explorer
Acceso a XML con JavaScript
Entender MySQL
Crear objetos base de datos en MySQL
Creación de la base de datos blog
Entender PHP
Usar PHP con MySQL
Creación de una página listado de entradas blog PHP
Añadir comentarios al blog PHP
Añadido de comentarios al blog
Añadir un formulario de introducción de comentarios
Añadido de un formulario de introducción de comentarios
Añadir una página de administrador
Añadido de una página de administrador
Creación de un formulario seguro de introducción de entradas blog
Añadido de un formulario seguro de introducción de entradas

Apéndice A. Referencia rápida CSS
Añadir estilos
En línea
Internos
Externos
Selectores: HTML, clases, identificadores
HTML
Clase
Identificadores
Agrupamiento de estilos
Definiciones iguales
Definiciones contextuales
Propiedades y valores

Apéndice B. Referencia rápida DHTML
El DOM
Sucesos
Propiedades y valores
Palabras reservadas
Palabras reservadas en JavaScript y Java
Otras palabras a evitar

Apéndice C. Lista de comprobación de accesibilidad WAI
Prioridades
Prioridad 1
Prioridad 2
Prioridad 3
Puntos de control de prioridad 1
Puntos de control de prioridad 2
Puntos de control de prioridad 3

Apéndice D. Fuentes seguras de navegador

Índice alfabético