
Microsoft Expression Web es la nueva herramienta de diseño profesional de Microsoft, que permite la creación y publicación de sitios Web modernos basados en estándares como XHTML, CSS o XML, proporcionando herramientas y utilidades que favorecen la productividad de diseñadores y desarrolladores de interfaces Web de calidad.
En esta guía práctica se presentarán los conceptos básicos de accesibilidad Web, usabilidad y diseño con estándares, para después ir viendo los grandes temas que todo diseñador Web debe conocer para poder realizar proyectos adaptados a las exigentes necesidades de las aplicaciones para Internet que conforman el fenómeno Web 2.0.
Este libro es un primer contacto para conocer los fundamentos del diseño Web con estándares y las diferentes opciones que le ofrece el programa. Los capítulos le irán guiando desde los principios de la accesibilidad y la usabilidad, la aplicación y todas sus posibilidades de trabajo con estándares, los proyectos Web y los temas relacionados con la separación de las aplicaciones Web en tres grandes bloques: estructura (XHTML/HTML), presentación (CSS) y comportamiento (JavaScript).



Introducción
Cómo usar este libro
1. Antes de empezar
1.1. Qué es y qué no es Microsoft Expression Web
1.1.1. ¿Qué no es?
1.1.2. ¿Qué es?
1.2. Algunas características destacables de Microsoft Expression Web
1.2.1. Sitios Web que están pensados y realizados utilizando estándares
1.2.2. Separación del diseño, la estructura y el contenido: CSS, XHTML
1.2.3. Integración con aplicaciones de datos y XML
1.2.4. Integración extraordinaria con tecnologías de servidor
1.2.5. Un futuro cercano de soporte a otras tecnologías de servidor no Microsoft
1.2.6. Concluyendo
1.3. La importancia de los estándares Web
1.3.1. Un buen profesional del diseño o desarrollo Web conoce y aplica los estándares
1.3.2. El aspecto final de sus trabajos mejorará el aspecto que ofrecen sus clientes
1.3.3. Aplicando matemáticas: maximice el número de potenciales visitas
1.3.4. Mejorando la experiencia de usuario: tiempos de carga mínimos
1.3.5. La accesibilidad importa
1.3.6. Mejorando el posicionamiento en los motores de búsqueda
1.3.7. Mantenimiento del código fuente
1.3.8. Pensando en el diseño de mañana y de pasado
1.3.9. No, no puede entrar a esta cafetería si lleva una talla 40 de pantalón
1.3.10. Concluyendo... porque es la manera de hacer bien las cosas
1.4. Preparando la artillería
1.4.1. Disponer de varios navegadores
1.4.2. Instalar las herramientas de navegador 'Web Developer'
1.4.3. El algodón no engaña
1.5. Curiosidades y cosas intrascendentes
1.5.1. El patito feo de Expression Studio
2. Mira mamá, ¡sé hacer una página Web!
2.1. Primeros pasos. Instalación y conceptos básicos
2.2. El área de trabajo de Microsoft Expression Web
2.2.1. La ventana principal
2.2.2. Menús y barras de herramientas
2.2.3. Los paneles de tareas
2.2.4. La ventana de edición
2.2.5. Macros y complementos Expression Web
2.2.6. La barra de estado
2.3. Páginas Web y otros documentos del sitio
2.3.1. Su primera página con Expression Web
2.3.2. Configuración y propiedades de la página Web
2.3.3. Trabajar con páginas Web
2.3.4. La materia prima: texto=contenidos
2.3.5. Visualización en varios navegadores
3. Definición y realización de proyectos con Expression Web
3.1. Definición inicial de un buen proyecto Web
3.1.1. Definir bien el ámbito y los objetivos del proyecto
3.1.2. Definir la estructura, la información y su arquitectura
3.1.3. Definir los requisitos de diseño y de la experiencia de usuario
3.1.4. Carga, mantenimiento y gestión de los contenidos
3.1.5. Estimación de la inversión inicial prevista
3.2. Augurarte diseño Web: nuestro proyecto de referencia
3.2.1. Definir bien el ámbito y los objetivos del proyecto
3.3. Del proyecto al sitio Web
3.3.1. Sitios Microsoft Expression Web
3.3.2. Creación de un sitio Web
3.3.3. Configuración del sitio Web
3.3.4. Publicar un sitio Web
4. Enriqueciendo la experiencia de usuario: medios y enlaces
4.1. Una imagen... más que mil palabras
4.1.1. Tipos de gráficos en la Web.
Agregar contenidos gráficos a una página Web
4.2. Enlaces y marcadores
Hipervínculos relativos y absolutos
Hipervínculos a la misma página: marcadores
5. Accesibilidad, usabilidad, estándares y otras legalidades
5.1. Los estándares realmente son importantes
5.1.1. Introducción a los estándares Web
5.1.2. La Web semántica: diseño + presentación + comportamiento + contenido
5.1.3. Breve introducción a XHTML y CSS
5.1.4. Soporte a lenguajes estándar en Expression Web
5.1.5. Idea > Diseño > Código > Contenidos > Sitio Web
5.2. Accesibilidad para páginas Web
5.2.1. Qué es la accesibilidad Web
5.2.2. Importancia de la accesibilidad Web
5.2.3. Legislación europea y española sobre Accesibilidad Web
5.2.4. Especificaciones WAI para la accesibilidad Web
5.2.5. Los diez mandamientos para la accesibilidad Web
5.2.6. Accesibilidad con Expression Web
5.3. Diseñar para la facilidad de uso: diseño y desarrollo centrados en el usuario
5.3.1. Usabilidad: pensando en el usuario final
5.3.2. Por qué es importante la usabilidad Web
5.3.3. Usabilidad con Expression Web.
6. La estructura importa: marcado estructural con HTML y XHTML
6.1. El lenguaje de marcado de hipertextos: HTML
6.2.1. Guía de supervivencia de HTML
6.1.2. Anatomía básica de una página Web
6.1.3. Con contenidos... ¡mejor!
6.1.4. Filas y columnas
6.1.5. Cumpliménteme este formulario
6.1.6. Marcos ya no trabaja aquí
6.2. Marcado estructural y semántico con XHTML 1.0
7. El diseño importa... ¡También!
7.1. Fundamentos de las hojas de estilos en cascada: CSS
7.1.1. Diferentes formas de utilizar estilos
7.1.2. ¿Por qué 'en cascada'?
7.1.3. El peso de una regla de estilo
7.1.4. La herencia también juega su papel en CSS
7.2. Creación y gestión de hojas de estilos en Expression Web
7.2.1. Crear hojas de estilos en cascada
7.2.2. Adjuntar una hoja de estilos en cascada a uno o varios documentos Web
7.3. Anatomía de los estilos CSS
7.3.1. Anatomía de un estilo CSS
7.3.2. Selectores de elemento HTML
7.3.3. Selectores de clase
7.3.4. Selectores id
7.3.5. Agrupación de selectores
7.3.6. Selectores contextuales
8. Diseño y técnicas avanzadas con CSS
8.1. Estructura y diseño con CSS
8.1.1. La potencia de los estilos CSS
8.1.2. Estructuras de página (diseño o layout) con CSS
8.2. ¡A capa y espada! Trabajar con capas en Expression Web
8.2.1. Introducción al trabajo con capas
8.2.2. Agregar y eliminar capas
8.2.3. Añadir contenidos a una capa
8.2.4. Configuración de propiedades de las capas
8.2.5. Dibujar capas a mano alzada
8.2.6. Anidamiento de capas
8.2.7. Bordes y sombreado de capas
8.3. Informes de estilos de sitio y de página
9. Formularios, plantillas y páginas principales
9.1. ¡Contacte con nosotros!
9.1.1. Formularios HTML
9.1.2. Insertar un formulario con Expression Web
9.1.3. Diseño de un formulario HTML con controles
9.1.4. Usabilidad y accesibilidad en formularios HTML
9.2. Generalizando el diseño con plantillas Web dinámicas
9.2.1. ¿Qué son las plantillas Web dinámicas?
9.2.2. Creación de plantillas Web dinámicas en Expression Web
9.2.3. ¿Y si ya tengo varias páginas con contenido?
9.2.4. Desasociar una plantilla Web dinámica de una página Web
9.3. Páginas principales (Master pages) de ASP.NET
9.3.1. Diferencias entre páginas principales y plantillas Web dinámicas
9.3.2. Creación de páginas principales en Expression Web
9.3.3. Crear páginas ASP.NET a partir de plantillas
9.3.4. Habilitar las zonas de contenidos para edición
10. Interactividad y comportamiento: el poder de las secuencias de comandos
10.1. Programación del lado de cliente: el poder de las secuencias de comandos.
10.1.1. Los lenguajes ECMAScript y JavaScript
10.1.2. Introducción al lenguaje de secuencia de comandos JavaScript
10.2. Interactividad y comportamientos con Expression Web
10.2.1. Comportamientos = eventos + acciones
10.2.2. El panel de tareas Comportamientos
10.2.3. Comportamientos predefinidos en Expression Web
11. Aplicaciones con enlace a datos y Expression Web
11.1. Creación de una conexión de datos
11.1.1. Conexión a una base de datos Microsoft Access
11.1.2. Conexión a una base de datos Microsoft SQL Server 2005
11.1.3. Edición de conexiones de datos
11.2. Controles de Origen de datos (XxxDataSource)
11.2.1. Uso y configuración de controles XxxDataSource
12.3. Controles enlazados a datos
11.3.1 Utilizar controles enlazados con Expression Web
11.3.2. Enlace de los controles de datos a un origen de datos
11.4. Operaciones básicas con datos externos y controles enlazados
11.4.1. Configuración de un origen de datos para soportar modificación de registros
12. El estándar de datos de Internet y su representación en la Web: XML y XSL
12.1. ¿Qué es eso del XML?
XML y XSL
12.1.2. Autoría XML en Expression Web
Índice alfabético
Otros libros de Diseño Páginas Web. Otros: