Creación y diseño Web Profesional

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.

Agradecimientos 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 formulario Ubicación de estilos en elementos de formulario Diseño de títulos de segundo nivel Decidir entre utilizar un archivo GIF o un archivo JPEG Reducción segura de la resolución de las imágenes Inclusión de atributos Uso de direcciones para hipervínculos de correo electrónico Uso de sitios con contador para determinar el uso del sitio y las estadísticas Beneficios de los archivos "include" Cambio de los esquemas de color e imágenes para dar una nueva imagen de marca Resumen Capítulo 12. Caso práctico: sitio con poco contenido Creación del diseño para un de contenidos Ventajas y desventajas del diseño elegido Añadido de guías y sectores Grabación y compresión de imágenes Creación de la tabla principal Creación y enlace a la hoja de estilos Creación de la tabla de menú Añadido de una imagen a la columna central Creación de la tabla de contenidos (área derecha) Creación de la información de pie Creación de la plantilla de segundo nivel Resumen Capítulo 13. Caso práctico: sitio con contenido medio Añadido de guías y sectores Creación de la tabla principal Creación de la hoja de estilo Creación de la tabla de encabezado Creación de la tabla de menú Creación de la tabla de contenidos Creación de la fila inferior Creación de la información de pie Creación de la plantilla de segundo nivel Resumen Capítulo 14. Caso práctico: sitio con contenido alto Añadido de guías y sectores Creación de la tabla principal Creación de la hoja de estilo Creación de la tabla de encabezado superior Creación de la tabla de encabezado inferior Creación de la tabla de menú Creación de la tabla de contenidos Creación de la información de pie Creación de las plantillas para el resto del sitio Resumen Capítulo 15. Uso de las secuencias de comandos por parte del cliente JavaScript Document Object Model (DOM) Imágenes de sustitución DHTML-JavaScript y CSS El objeto de estilo Escribiendo el HTML básico Añadido de una hoja de estilo anidada Cambio del tamaño de texto utilizando el objeto de estilo Cambio de temas utilizando el objeto de estilo Desplazamiento de contenido utilizando el objeto de estilo Propiedades de objeto de estilo Validación de formularios Expresiones regulares Resumen Capítulo 16. Explorar las tecnologías por parte del servidor con PHP Common Gateway Interface (CGI) Sobre PHP Sintaxis PHP Comentarios Uso de phpinfo() Elementos básicos de PHP Uso de print() o echo() Variables y literales Uso de comillas El carácter de escape Operadores y expresiones Operador Precedence Condicionales Matrices Bucles Archivos "include" Trabajar con formularios Creación del formulario Uso de GET y POST Variables de formulario de recepción Envío de valores de matriz desde formularios Formularios de autoenvío Creación de una plantilla con PHP Creación de thumbnails.php Creación de index.php Creación de photo.php Uso de PHP para enviar correos electrónicos Conexión a bases de datos con PHP y MYSQL Creación y colocación de bases de datos MYSQL Creación y colocación de tablas INSERT SELECT DELETE UPDATE Resumen Capítulo 17. Personalización de los diseños de este libro Ejemplos de diseños personalizados Pasos para personalizar un diseño Pasos para personalizar una plantilla de contenidos de segundo nivel Pasos para personalizar un archivo de Photoshop Trabajo con HTML y CSS Resumen Capítulo 18. Nuevos diseños, contenidos de segundo nivel y plantillas de formularios Diseños Diseño 1 (Genérica) Diseño 2 (Cruziero) Diseño 3 (Creepers) Diseño 4 (106 Aircraft Salvage) Diseño 5 (McHalewood-Sons Ltd. Fly Reels) Diseño 6 (Empresa) Diseño 7 (Canyon Odyssey) Diseño 8 (Staccato) Diseño 9 (Creative Portfolio) Diseño 10 (Nik Phlik!) Diseño 11 (Sci Lab Technical Community) Diseño 12 (Vinificazione Vineyard) Diseño 13 (Xavieria Jewelers) Diseño 14 (Makalu Bay Aquarium) Diseño 15 (Renewable Timber Resources) Diseño 16 (For Sale By Owner) - Diseño 12 Revisión Resumen Capítulo 19. Diseños originales y plantillas de contenidos de segundo nivel Diseños Plantillas de contenidos de segundo nivel Plantilla 1 Plantilla 2 Plantilla 3 Plantilla 4 Plantilla 5 Resumen Apéndice. Contenido del CD-ROM Requisitos del sistema General CRWeb Macromedia Dreamweaver MX 2004 Adobe Photoshop CS JavaScript CD Cookbook 3/E y HTML/CSS Developer´s Resource Guide Software Instalación alfabético

Otro libro de Eccher, Clint es Diseño Web Profesional.