Dreamweaver

Adobe Dreamweaver es una aplicación en forma de suite 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 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 losestándares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web 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 HTMLestándar. Esto se ha ido corrigiendo en las versiones recientes.
Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador para pre visualizar las páginas web. También dispone de herramientas de administración de sitios dirigidas a principiantes como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo de parámetroespecificado, hasta el sitio web completo. El panel de comportamientos también permite crear JavaScript básico sin conocimientos de código.
Proveedor | Versión mayor | Versió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.0 | 3.0 | Diciembre de 1999 | |
| | UltraDev 1.0 | Junio de 1999 | |
| 4.0 | 4.0 | Diciembre de 2000 | |
| | UltraDev 4.0 | Diciembre de 2000 | |
| 6.0 | MX | 29 de mayo de 2002 | |
| 7.0 | MX 2004 | 10 de septiembre de 2003 | |
| 8.0 | 8.0 | 13 de septiembre de 2005 | |
Adobe | 9.0 | CS3 | 16 de abril de 2007 | Sustituye a Adobe GoLiveen la serie Creative Suite |
| 10.0 | CS4 | 23 de septiembre de 2008 | |
| 11.0 | CS5 | 12 de abril de 2010 | |
| 11.5 | CS5.5 | 12 de Abril de 2011 | |

Color | Significado |
Rojo | Versión antigua; no soportada en la actualidad |
Amarillo | Versión antigua; soportada aún |
Verde | Versión actual |

Principales barras y menús
La barra de herramientas
La barra deherramientas de Dreamweaver contiene botones que permiten alternar entre diferentes vistas del documento rápidamente, cambiar el título del documento o previsualizar la página en el navegador. Los elementos del menú Opciones (botón situado en el extremo derecho de la barra de herramientas) cambia en función de la vista que seleccione.

* Para ver u ocultar la barra de herramientas, elija en el menúVer la opción Barra de herramientas.
* Para ver sólo código en la ventana de documento, haga clic en el botón Vista de código.
* Para ver una vista que contenga las vistas de Código y de Diseño, haga clic en el botón Vistas de código y diseño.
* Para ver sólo la vista de Diseño, haga clic en el botón Vista de diseño.
* Para introducir un título para el documento, utilice el campoTítulo. Si el documento ya tiene título, éste aparecerá en dicho campo.
* Para poner, obtener o proteger un archivo, haga clic en el botón de menú de "Estado de archivo".
* Para previsualizar o depurar un documento en un navegador, haga clic en Vista previa/depurar en navegador y elija uno de los navegadores enumerados en el menú emergente.
* Para actualizar la vista de Diseño, haga clicen el botón Actualizar vista de diseño.
* Para obtener información de referencia sobre código HTML, CSS y JavaScript, haga clic en el botón Referencia.
* Para desplazarse por el código, haga clic en el botón Navegación por el código. Para obtener más información, consulte "Introducción al depurador JavaScript".
* Para mostrar u ocultar la regla, la cuadrícula y las ayudas visuales,...