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.

Ahorra Con Agapea
"Compra "Creación y diseño Web Profesional" junto a "Hipatia de Alejandría":

Por solo 62.9 € Gastos de envío gratis^**

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 bajo índice 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

Índice alfabético