Detalle del libro
Ver Índice
Prefacio
Capítulo 1. Visión general del desarrollo Web en la actualidad
Definición de diseño Web
Las siete reglas del diseño Web
Las tres filosofías del diseño Web
Filosofía de la usabilidad
Filosofía multimedia
Filosofía de ensamblaje
Resumen
Capítulo 2. Diseñar para el pasado, el presente y el futuro
Problemas con el navegador
Uso de estadísticas de uso
Bifurcación de páginas
El estado actual de Netscape 4
¿Qué es el ancho de banda?
Acerca de aspectos mejorables de diseños anteriores
Marcos
Botones de imagen
Imágenes de fondo
Color no controlado
Imágenes sin comprimir
Imágenes en miniatura
Resumen
Capítulo 3. ¿Qué se necesita para construir sitios ensamblados?
Comprender el concepto de las imágenes ensambladas
Comprender el concepto de la anidación de tablas
Requerimientos de hardware
Requerimientos de software
Entender HTML
Uso de un número limitado de etiquetas
Anidar etiquetas
Etiquetas de nivel bloque y nivel línea
Mirando hacia el futuro de HTML (XHTML)
Diferencias entre HTML y XHTML
Los gráficos
Las CSS
Etiquetas y atributos desaparecidos
Archivos "include"
Resumen
Capítulo 4. Gráficos
Acerca de imágenes vectoriales y de mapa de bits
Portable Network Graphics
Acerca de los formatos JPEG y GIF
Uso de archivos GIF
Cómo funciona la compresión GIF
Uso de JPEG
Uso incorrecto de los formatos de imagen
Software de compresión/gráficos
Resumen
Capítulo 5. Consideraciones antes de comenzar
Uso de los requerimientos
Recolección de requerimientos
Obtención de requerimientos de interfaz gráfica
Creación de un esquema
Imagen de marca de un sitio
¿Qué es la imagen de marca?
Visión general de la marca. Los conceptos clave de una marca
Cómo construir la marca
Logotipo
Colores
Pautas tipográficas
Identificar a la audiencia
La consistencia no debe exagerarse
Originalidad
Mantener la marca
Requerimientos de ancho de banda
Acerca de la resolución
Diseñar sitios fijos contra sitios relativos
Creación de versiones de un sitio para satisfacer las diferentes resoluciones
Decidir la profundidad de color
Diseñar para la escalabilidad
Uso de tablas anidadas
Uso de archivos "include"
Creación de un diseño flexible
Resumen
Capítulo 6. Cómo mejorar la usabilidad
Simplificar la arquitectura
Uso de una convención de nomenclatura consistente
Limitación del número de clics
Evitar enlazar al usuario fuera de la sección
Creación de arquitectura de cascadas frente a arquitectura plana
Creación de presentaciones
Desplazamiento frente a no desplazamiento
Posicionamiento de los contenidos
Desarrollo de la navegación
Crear consistencia
Uso de texto para elementos de menú
Decidir entre utilizar una estructura horizontal o vertical
Permitir suficiente anchura
Diferentes tipos de menús
Diseño para la accesibilidad
Prioridad 1
Diseño para los contenidos
Resumen
Capítulo 7. Uso de hojas de estilo en cascada
Historia de las CSS
Tipos de hojas de estilo
Externas
Anidadas
En línea
Hojas de estilo utilizadas en este libro
Reglas de las CSS
Agrupación de selectores
Pseudoclases
Selectores descendientes
Herencia y especificidad
CSS utilizadas en este libro
Posicionamiento de las CSS
El modelo de cuadro
Uso de márgenes para centrar
Float y Clear
Posicionamiento absoluto
Creación de una plantilla CSS
Plantilla de CSS: Toma 1
Plantilla de CSS: Toma 2
Tratando con Netscape 4.x
¿Por qué hay elementos desordenados?
Resumen
Capítulo 8. Reunión de requerimientos y creación de una cuenta
Crear y basar un sitio en los requerimientos
Creación de bocetos para el cliente
Creación de un directorio de origen
Recolección y documentación de imágenes de archivo
Selección de colores
Decidir la presentación
Desarrollo de capas
Uso de máscaras
Recepción de una decisión del boceto elegido y realización de pruebas
Resumen
Capítulo 9. División del boceto, comprobación y carga
División de un boceto en HTML, gráficos y CSS
Ubicación de guías
Añadir sectores
Grabación y compresión de imágenes
Creación de la tabla principal
Uso de CSS para dar formato a los contenidos
Comprobación de la página en IE y Netscape
Algunos problemas
Grabación de componentes como archivos "include"
Construcción de páginas de segundo y tercer nivel desde la plantilla de la página de inicio
Trabajar con el cliente mientras se construye el sitio
Comprobación del funcionamiento de todo el sitio
Cómo cargar el sitio
Cargar en un servidor interno utilizando software de gestión de archivos
Cargar en un servidor externo utilizando software FTP
Resumen
Capítulo 10. Consejos y trucos
Creación de archivos de imágenes de archivo que pueden personalizarse y reguardarse fácilmente
División de secciones de archivos de imágenes de archivo
Creación de una navegación inteligente
Reutilización de imágenes
Posicionamiento con un archivo gif espaciador
Habilitación de tablas para solucionar problemas con los sitios
Estructura y comentario del código
Eliminación de espacios y comentarios
Cómo superponer un GIF transparente sobre un JPEG de fondo
Resumen
Capítulo 11. Más trucos y consejos
Control de fondos con blankbg
Uso de una imagen como color de fondo
Convenciones de nomenclatura
Cómo limitar las gradaciones
Cierre de tablas para Netscape
Cómo forzar el color de fondo
Uso de imágenes en blanco y negro
Construcción de diseños flexibles
Cómo entender los campos de formul
La tecnología del diseño Web se renueva constantemente. Los diseñadores necesitan mejorar sus habilidades profesionales para mantenerse en la vanguardia del mercado.
Este libro abarca todo el proceso de diseño de un sitio Web, desde la creación de los bocetos iniciales y la optimización de la navegación hasta temas más avanzados como el aumento de la usabilidad, el diseño con capas, la seguridad y el uso de bases de datos para actualizar los contenidos de un sitio. En el desarrollo de los proyectos se utilizan versiones actualizadas de los programas y lenguajes más utilizados, como HTML, XHTML, CSS, JavaScript, Photoshop CS y PHP.
Incluye un CD-ROM con plantillas de diseño Web de calidad profesional que se pueden personalizar y ampliar fácilmente, así como el paquete de servidor Open Source Web que contiene Apache, MySQL, PHP y PERL y versiones de prueba de Adobe Photoshop CS y Macromedia Dreamweaver MX 2004.
