Exprecion web

Microsoft Expression Web
TIC 3

Introducción
• Expression Web es una herramienta de diseño profesional que permite crear sitios modernos basados en estándares de gran calidad para la Web. • Reduzca la complejidad y facilite la integración de datos por medio de potentes herramientas de diseño y paneles de tareas que incorporan rápidamente datos XML. Integre sin problemas los equipos de diseñoy desarrollo Web gracias a la excelente compatibilidad de Expression Web y Visual Studio con XML, ASP.NET y XHTML.

Introducción
• Desarrolle sus ideas creativas y dé vida a sus sitios Web con sofisticadas funciones de diseño CSS. Los diseñadores visuales, los paneles de tareas especializados y las barras de herramientas le proporcionan un control preciso del diseño y formato de la página •Cree páginas dinámicas e interactivas que incrementen el potencial de la Web para proporcionar una calidad excelente. La compatibilidad integrada con los estándares Web modernos actuales facilita la optimización de los sitios para obtener accesibilidad y compatibilidad en todos los navegadores

Área de trabajo
• El área de trabajo de Microsoft® Expression® Web proporciona las herramientasnecesarias para editar páginas y sitios Web. El área de trabajo se puede personalizar, es decir, puede cambiar su aspecto para adaptarlo a su forma de trabajar. • Sugerencia Para restablecer el aspecto predeterminado del área de trabajo, haga clic en Restablecer diseño del área de trabajo en el menú Paneles de tareas.

1. 2. 3. 4.

Menús y barras de herramientas Ventana de edición Paneles detareas Barra de estado

Menús y barras de herramientas
• Un menú muestra una lista de comandos. Algunos de estos comandos tienen imágenes junto a ellos para que se pueda asociar rápidamente el comando a la imagen. La mayoría de los menús se encuentran en la barra de menús, que es la barra de herramientas situada en la parte superior de la pantalla. Las barras de herramientas pueden contenerbotones, menús o una combinación de ambos.

Ventana de edición
• En Microsoft® Expression® Web, las páginas Web se modifican en la ventana de edición. Cuando abre un sitio Web, Expression Web agrega una ficha Sitio Web a la ventana de edición.
– Los archivos que ha abierto aparecen como fichas en la parte superior de la ventana de edición. El archivo que está modificando aparece resaltado.Sugerencia Para pasar de una página a otra, presione CTRL+TAB o CTRL+MAYÚS+TAB. – Para cerrar la página que está modificando, haga clic en el botón Cerrar . – Barra Selector rápido de etiquetas. Las etiquetas HTML aparecen en esta barra en orden de anidamiento. Puede hacer clic en una etiqueta para seleccionarla o en la flecha abajo situada junto a ella para disponer de más opciones. Para obtener másinformación, vea Selector rápido de etiquetas. – Use los botones Diseño , Dividir y Código para cambiar la vista de la página. Para obtener más información, vea Vistas de página Código y Dividir. Sugerencia Para pasar de una vista a otra, presione CTRL+RE PÁG o CTRL+AV PÁG.

Vistas de página
• Diseño Puede diseñar y modificar páginas Web con las herramientas de diseño de un modo similar a lacreación WYSIWIG (lo que se ve es lo que se imprime). Sugerencia Para mostrar las etiquetas HTML en la vista Diseño, presione CTRL+/. • Dividir Puede revisar y modificar el contenido de la página Web en un formato de pantalla dividida que ofrece acceso a las vistas Código y Diseño simultáneamente. Sugerencia Cuando trabaje en la vista Dividir, para aplicar los cambios que realice en la vista Código a lavista Diseño, presione F5. • Código Puede ver, escribir y modificar las etiquetas HTML directamente. Gracias a las características de código optimizadas de Expression Web, podrá crear código HTML limpio y le resultará más fácil quitar el código que no desee utilizar.

Vistas de sitio Web
• En Microsoft® Expression® Web se puede consultar el contenido del sitio Web en cuatro vistas de sitio...