Dreamweaver

Microsoft Expression Web

Laboratori de aplicaciones gráficas

Laia Mercader CarbonellB6

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.

• 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

• 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.

Historial de versiones

Proveedor Versión mayorVersión menor/nombre alternativo

Fecha de publicación Notas

Macromedia

1.0

1.0 Diciembre de 1997

Primer lanzamiento, sólo para Mac OS.

1.2 Marzo de 1998 Primera versión para Windows.

2.0 2.0 Diciembre de 1998

3.03.0 Diciembre de

1999

UltraDev 1.0 Junio de 1999

Proveedor Versión mayorVersión menor/nombre alternativo

Fecha de publicación Notas

Macromedia

4.0

4.0 Diciembre de 2000 .

UltraDev 4.0 Diciembre del 200

6.0 MX Mayo del 2002

7.0MX 2004 Septiembre de

2003

8.0 0.8 Septiembre de 2005

Proveedor Versión mayorVersió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.0CS5 Abril del 2010

11.5 CS5.5 Abril del 2011

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.

Área de trabajo

En código HTML

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

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.

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

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.

Editor profesional de códigoIntelliSense 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

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.

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 2Mayo 1, 2008

Microsoft Expression Web 2Expression Web 2 ofrece soporte nativo para PHP y Silverlight.

Microsoft Expression Web 32009

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 42010

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.

Dreamweaver 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.

Dreamweaver vs. Microsoft Expression Web

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