Microsoft Expression Web

Presentación del tema: "Microsoft Expression Web"— Transcripción de la presentación:

1 Microsoft Expression Web
Dreamweaver Microsoft Expression Web Laboratori de aplicaciones gráficas Laia Mercader Carbonell B6

2 Adobe Dreamweaver es una aplicación en forma de suite (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. Proporciona funciones visuales y de nivel de código para crear diseños y sitios web basados en estándares para equipos de sobremesa, teléfonos inteligentes, tabletas y otros dispositivos.

3 Este programa te permite la posibilidad de trabajar en dos líneas diferentes; por un lado, pensado para los más profesionales, a partir del código HTML; y por otro, por el editor WYSIWYG ( What You see is what you get) que permite ocultar el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente sin necesidad de escribir código

4 La gran ventaja de Dreamweaver sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa sino rutinas del mismo Javascript que hace que sea un programa muy fluido, que todo ello hace, que programadores y editores web hagan extensiones para su programa y lo ponga a su gusto. De esta manera se pueden generar fácilmente sitios completos de forma muy rápida, ya que te permite arrastrar los elementos y generar páginas como si estuvieras trabajando en Word.

5 Historial de versiones
Proveedor Versión mayor Versión menor/nombre alternativo Fecha de publicación Notas Macromedia 1.0 Diciembre de 1997 Primer lanzamiento, sólo para Mac OS. 1.2 Marzo de 1998 Primera versión para Windows. 2.0 Diciembre de 1998 3.0 Diciembre de 1999 UltraDev 1.0 Junio de 1999

6 Proveedor Versión mayor Versión menor/nombre alternativo Fecha de publicación Notas Macromedia 4.0 Diciembre de 2000 . UltraDev 4.0 Diciembre del 200 6.0 MX Mayo del 2002 7.0 MX 2004 Septiembre de 2003 8.0 0.8 Septiembre de 2005

7 Sustituye a Adobe GoLive en la serie Creative Suite
Proveedor Versión mayor Versión menor/nombre alternativo Fecha de publicación Notas Adobe 9.0 CS3 Abril del 2007 Sustituye a Adobe GoLive en la serie Creative Suite 10.0 CS4 Septiembre del 2008 11.0 CS5 Abril del 2010 11.5 CS5.5 Abril del 2011

8 Área de trabajo Uno de los puntos de mayor énfasis en esta edición de Dreamweaver es el soporte y las características de desarrollo en Cascading Style Sheet, haciendo posible creaciones con más facilidad y precisión, aplicando herramientas capaces de inspeccionar el código escrito. Otro aspecto capaz de ser analizado es la compatibilidad de nuestro sitio con los diversos navegadores, para que todos puedan visualizar la página correctamente. La posibilidad de crear botones Flash, formularios, JavaScripts, y más, es de gran ayuda. Además de poder insertar elementos web, encontramos una gran precisión en la importación de información de Word y Excel, con las funciones de copiar y pegar.

9

10 En código HTML

11

12 Paleta de propiedades: Se encuentra en la parte inferior de nuestro Dreamweaver. En esta paleta van apareciendo, las distintas propiedades relacionadas con nuestro documento.

13 Un diseñador con experiencia encuentra en Dreamweaver una opción completa para desplegar sus conocimientos. Sin embargo, por el otro lado, usuarios principiantes se ven aturdidos por la cantidad de menús y herramientas del programa. Ya en la edición 2004 nos presentó un nuevo soporte para CSS, opciones de verificación de código pensado para múltiples navegadores, y facilidades en la administración de la página. Puede que el atractivo de las características de Dreamweaver llame la atención, pero debemos tener cuidado, ya que de nada servirá si no comprendemos sus utilidades, con lo cual resultará más productivo un programa como Microsoft Expression Web Dreamweaver es conocido por ofrecer herramientas avanzadas en el desarrollo de sitios web, y si bien se trata del producto de mayores características del mercado, su uso está limitado a usuarios con experiencia, ya que de no ser así, uno se encuentra con la dificultad de no saber por donde comenzar.

14 Microsoft Expression Web
Su principal competidor es Microsoft Expression Web (versón superior al antiguo Frontpage) y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes. Microsoft Expression Web

15 Expression Web Designer, un editor de páginas Web dirigido a competir directamente con Adobe Dreamweaver en el área de diseño Web profesional. Este es un producto totalmente nuevo, no una simple actualización de FrontPage, que tanta mala fama ganó a través de los años por el pobre apoyo a estándares Web y la insistencia en no respetar el código HTML que se ha escrito a mano. Ya se han publicado varias reseñas del producto, viéndolo por su cuenta, comparándolo con Dreamweaver y hasta anunciando una nueva rivalidad entre Adobe y Microsoft. Todas han alabado la forma que Expression Web mueve al usuario hacia el uso de estándares como XHTML y CSS, algo que uno no esperaría de Microsoft, y que claramente denota que poco a poco Redmond va reconociendo que para competir seriamente en el nuevo mundo de la Web 2.0 hay que adaptarse y ser abierto.

16 Editor profesional de código IntelliSense y codificación de color para HTML, CSS, JavaScript, PHP y hacer de su edición de y de depuración más productivos. Y real, los estándares de tiempo de validación de forma instantánea información sobre violaciónes normas para que pueda hacer las correcciones a medida que el código

17 Microsoft Expression Web con nombre código Quartz es un editor de paginas web HTML desarrollado por Microsoft como una aplicación para sitios web, considerada una versión superior de FrontPage 2003 por su semejanza en aspectos a este último. Utiliza el mecanismo WYSIWYG para modificar páginas Web. Está enfocada al cumplimiento de estándares, ya que permite validar nuestro contenido contra el estándar que el usuario desee seguir o navegadores en los que se planea montar la aplicación Web. Además, Expression Web es compatible con hojas de estilo CSS y con Microsoft Visual Studio. Asimismo, incluye la capacidad de procesar archivos XML mediante JavaScript. Desde la versión 2 del programa, se permite la integración con lenguajes de servidor como ASP.NET o PHP sin necesitar de instalar un servidor. También permite la interacción con Adobe Photoshop para generar imágenes.

18 Versión y Build Notas Microsoft Expression Web 1 Mayo 14, 2006
El cambio importante desde el 1 de la CTP fue que se han eliminado la mayoría de los antiguos robots de FrontPage, piezas, funciones y características no estánda Microsoft Expression Web 2 Mayo 1, 2008 Expression Web 2 ofrece soporte nativo para PHP y Silverlight. Microsoft Expression Web 3 2009 Actualiza su interfaz de usuario, creada con Windows Presentation Foundation, en línea con el resto de aplicaciones de la Suite Expression, e incluye la herramienta SuperPreview, para comparar y renderizar páginas web en diferentes navegadores. Microsoft Expression Web 4 2010 Añade la opción de complementos HTML y el acceso a una función SuperPreview en línea, para probar las páginas en exploradores no instalados en el sistema del de forma online.

19 Microsoft Expression Web
Dreamweaver Microsoft Expression Web Dreamweaver vs. Microsoft Expression Web Dreamweaver aunque es de pago, es una de las herramientas más utilizadas para la creación de sitios web. Desarrollada para los grupos de usuarios principiantes y avanzados. La importancia que nos brinda su herramienta de extensiones la cual nos permite añadir funciones a dreamweaver desarrolladas por Adobe, comunidad de usuarios u otros, las cuales le agregar funcionalidades a esta aplicación. Un editor visual muy completo, con el que podrás generar modernas CSS, con la posibilidad de modificar directamente su tamaño, márgenes, posición, etc. Código fuente profesional, con resaltado de la sintaxis, autocompletado, y ayuda para insertar los controles más comunes.

20 Características: plataformas Windows y MAC, disponible en varios idiomas, completamiento muy bueno, coloreado en las sintaxis del código, lenguajes: HTML, Coldfusion, PHP, ASP VBScript, ASP.NET C#, Javascript, XML, XSLT, CSS, ActionScript, JSP, entre otros. Incluye Framework para AJAX, administrador CSS, compatibilidad con dispositivos móviles, integración con Adobe Photoshop y Adobe Fireworks. Ventajas: genera código bastante limpio, permite la creación de páginas en diferentes lenguajes, creación de plantillas, definición de sitio. Desventajas: requiere de conexión a Internet para registrar el producto, requiere como mínimo de 512 MB de RAM para poder instalarlo, costo de la licencia. Características: el soporte flexible para una amplia gama de tecnologías esenciales: PHP, HTML/XHTML, XML/XSLT, CSS, JavaScript, ASP.NET y ASP.NET AJAX, Silverlight, Flash, archivos de Photoshop, y video/audio para la difusión por Internet. Ventajas: genera código bastante limpio, permite la creación de páginas en diferentes lenguajes, creación de plantillas, definición de sitio. Desventajas: Poco entendible si no se tienen conocimientos previos de diseño web