Marco Teórico de DREAMWEAVER.

¿Qué es DREAMWEAVER?
Adobe Dreamweaver CC es un famoso creador de sitios web y una herramienta de
implementación, y se considera una combinación perfecta entre un WYSIWYG y
otros editores HTML más convencionales. Macromedia fue el primero en desarrollar
Dreamweaver, que luego fue adquirido por Adobe Inc., en 2005.

Adobe Dreamweaver CC es un software de Entorno de Desarrollo Integrado (IDE, por

sus siglas en inglés), lo que significa que proporciona herramientas integrales y de
soporte con fines de desarrollo. Con la estructura Creative Cloud, puedes optar por incluir
otro software creativo de Adobe para aumentar tu productividad.

Dreamweaver te permite crear y diseñar un sitio web a nivel visual, utilizando el método
de arrastrar y soltar que te permite mover elementos en el tablero de diseñador. También
puedes usarlo como cualquier editor de código tradicional: codifica solo con texto y
podrás cargar instantáneamente el sitio web en tu servidor.

Puedes crear maravillosos sitios web para cualquier navegador o dispositivo

Puedes crear y publica sitios web rápidamente en prácticamente cualquier parte con
software de diseño sitio web que admite HTML, CSS, JavaScript y mucho más.

Código rápido y flexible.

Crea, gestiona y trabaja con el código de sitios web dinámicos de forma sencilla gracias a
un motor de programación simplificado e inteligente. Emplea las sugerencias de código
para conocer y editar HTML, CSS y demás estándares sitio web en poco tiempo. Y
emplea las ayudas visuales para reducir el número de errores y acelerar el desarrollo del
sitio.

Puedes crear tu
sitio web en menos pasos.
Pon en marcha tus sitios más rápidamente con plantillas de inicio que puedes personalizar
para crear emails en HTML, páginas de "acerca de", blogs, páginas de comercio
electrónico, boletines y portafolios. Y como Dreamweaver forma parte de Creative
Cloud, puedes agregar activos rápidamente desde tus Bibliotecas y Adobe Stock para
mejorar tus sitios.

Visualización dinámica en todos los dispositivos.

Puedes crear sitios web adaptativos que se ajusten al tamaño de cualquier pantalla.
Previsualiza tus sitios y los cambios que hagas en tiempo real para estar seguro de que
funcionan y se ven cómo quieres antes de publicarlos.

Edición perfecta de vista en tiempo real.

Edita propiedades de texto e imagen, agrega clases directamente en la vista en tiempo
real con un solo clic y previsualiza los cambios al instante. No hace falta cambiar a un
modo de edición aparte.

Compatibilidad con varios monitores en Windows.

Ahora puedes ampliar tu espacio de trabajo mientras visualizas tus páginas en varios
monitores.

Interfaz de usuario actualizada y moderna.

Una interfaz optimizada y sencilla que te permite personalizar tu espacio de trabajo para
mostrar solo las herramientas que necesitas para trabajar con código.

Compatibilidad con Git.

La colaboración es más fácil gracias a la compatibilidad con Git. Gestiona todo tu código
fuente en Dreamweaver y realiza todas las operaciones comunes desde el panel de Git.

Historia de DREAMWEAVER.
La historia de Dreamweaver comienza, en realidad, con la empresa desarrolladora de
software Macromedia, que nacio en 1992 tras la fusión de Authorware Inc. (creadora del
Authorware) y Nacro-Mind Paracomp (creadora de Directo).
Esta expansión como objetivo primario, en 1996 Macromedia realizo dos grandes
adquisiciones: la primera fue FutureWave Software, creadora de FutureSplash Animator,
al que Macromedia rebautizo como Flash; la segunda fue iBand Software, desarrolladora
de Backstage, programa de edición de HTML al que Macromedia nombro, con algunos
cambios de código, como Dreamweaver , y cuya primera versión lanzo en 1997.
Dreamweaver se convirtió en el editor de HTML preferido por diseñadores y
programadores, en tanto que FrontPage quedo relegado a estudiantes y novatos del área.

A partir de 1998, Macromedia comenzó a desarrollar una versión del programa por año,
aproximadamente. En cada una de ellas fue agregando componentes clave para un mejor
desarrollo de archivos HTML y de otras extensiones (ASP, PHP, JPS, etc.). Hoy en día,
Dreamweaver es el preferido por empresas y particulares para diseñar y programar sitio
Web.
 Características de DREAMWEAVER.
Adobe Dreamweaver CC es una aplicación de diseño y desarrollo web que utiliza una
superficie de diseño visual conocida como Live View y un editor de código con
características estándar como resultado de sintaxis, finalización de código y colapso de
código, así como funciones más avanzadas como tiempo real la comprobación de la
sintaxis y la introspección de código para generar sugerencias de código para ayudar al
usuario a escribir el código. 
Dreamweaver, al igual que otros editores de HTML, edita los archivos localmente y
luego los carga al servidor web remoto mediante FTP, SFTP o WebDAV. Dreamweaver
CS4 ahora es compatible con el sistema de control de versiones Subversión (SVN).
Desde la versión 5, Dreamweaver admite el resaltado de sintaxis para los siguientes
idiomas de forma inmediata:

 ActionScript
 Active Server Pages (ASP)
 C#
 Hojas de estilo en cascada (CSS)
 Coldfusion
 Lenguaje de marcado de hipertexto extensible (XHTML)
 Lenguaje de marcado extensible (XML)
 Transformaciones de lenguaje de hojas de estilo extensibles (XSLT)
 Lenguaje de marcado de hipertexto (HTML)
 Java
 JavaScript
 PHP
 Visual Basic (VB)
 Visual Basic Script (VBScript)
 Lenguaje de marcado inalámbrico (WML)

Otras Características de DREAMWEAVER.

Ser parte del ecosistema creativo de Adobe ya ha distinguido a Dreamweaver de otros
editores de código basados en imágenes. Dreamweaver tiene acceso a características y
ventajas que solo Adobe podría ofrecer. Aun así, hay dos características más pueden ser
muy particulares, pero tienen su importancia.

Interfaz visual amigable para principiantes.

Adobe Dreamweaver CC es fácil de usar, pero, al mismo tiempo, difícil de dominar. Tu

sitio pasará a ser tan bueno como tus habilidades. Es decir, si bien el software ofrece
muchas funciones de desarrollo web, con conocimientos básicos o limitados no puedes
aplicar dichas funciones al máximo.
A pesar de esto, los principiantes pueden comenzar a construir un sitio web gracias a este
editor visual. Hay funciones de arrastrar y soltar para insertar elementos HTML en tu
proyecto, y puedes ver instantáneamente cualquier cambio que realices en el sitio web.
Un sencillo tutorial de Dreamweaver te ayudará a comenzar.
También te ayuda a comprender en qué parte del elemento estás trabajando actualmente.
Como puedes ver en la siguiente imagen de ejemplo, cuando haces clic en el título,
resalta el código correspondiente en el editor.
Potente editor de código incorporado.

Otro aspecto importante de Dreamweaver es el potente editor de código incorporado. Si

los desarrolladores profesionales quieren codificar en un editor de texto, pueden hacerlo.
Algunas de sus funciones clave incluyen:

 Resaltado de sintaxis. Para ayudar a leer el código más fácilmente, resaltará

diferentes elementos como variables, ID y otros.
 Código de finalización. Aumenta tu productividad con la inserción de código
automática. Por ejemplo, si simplemente escribes img y presionas la tecla tab de tu
teclado podrás insertar <img src=»» alt=»»>
 Documentación de CSS. Siempre que necesites referencias para propiedades CSS,
hay una función de Documentos rápidos que aparecerá directamente en el editor de
código con información relevante.

Además de eso, podemos mencionar otras características importantes:

 Bootstrap 4 incorporado. La última versión de HTML, CSS y JavaScript para

desarrollar un sitio web responsive.
 Compatibilidad con Git. Realiza todas las operaciones comunes de Git,
incluyendo Push, Pull, Commit y Fetch, directamente desde el panel de control
de Dreamweaver.
  Vista previa de navegador en tiempo real. Puedes ver en tiempo real los cambios
en tu sitio web mientras lo editas.
 Bibliotecas Creative Cloud. Accede a colores, gráficos y otros recursos creativos
en la base de datos.
 Chromium Embedded Framework (CEF) incorporado. Para ayudar a los
desarrolladores a incorporar navegadores que se puedan usar en una aplicación de
terceros.

Marco de Referencia de DREAMWEAVER.

Como consideración tenemos:

Este editor 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.

Como editor WYSIWYG que es, Dreamweaver 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.

Un aspecto de alta consideración de Dreamweaver es su funcionalidad con extensiones.

Es decir, permite el uso de "Extensiones". Las extensiones, tal y como se conocen, son
pequeños programas, que cualquier desarrollador web puede escribir (normalmente en
HTML y Javascript) y que cualquiera puede descargar e instalar, ofreciendo así
funcionalidades añadidas a la aplicación.
Adobe Dreamweaver te brindará acceso rápido a los mismos:

- Entorno de desarrollo compatible con PHP, J2EE y Microsoft.NET

- Diseño de páginas Webs con un interfaz completamente gráfico
- Barra de herramientas de programación, que facilita las operaciones de programación
más usuales
- Contracción del código, para centrarse solo en el que se está utilizando
- Barra de herramientas de reproducción de estilos, con la que se puede ver el resultado
final
- Comparar archivos para ver qué ha cambiado
- Facilidad para añadir vídeos Flash
- Notificación y registro de eventos
- Se integra en Microsoft Word, Flash, Adobe Photoshop y otras
- Optimiza las páginas para las diferentes versiones de los navegadores….

Adobe Dreamweaver en la educación:

Este programa le ayuda al estudiante a aprender a crear un sitio web, mejora su

creatividad y su curiosidad por emplear todas las herramientas de este diseñador web,
pero más que todo les sirve para poder diseñar su propio sitio web con todo lo que deseen
ponerle. Quizás el profesor no les pueda enseñar a utilizar todas las herramientas de esta
aplicación, pero internet es una gran ayuda, existen tutoriales donde enseñan a crear un
sitio web y a utilizar las otras aplicaciones de Adobe que se pueden añadir a nuestro
website.

Historial de Versiones de DREAMWEAVER.

 Versión Versión menor/nombre
Proveedor Fecha de publicación Notas
mayor alternativo
Primer lanzamiento, sólo para
1.0 Diciembre de 1997
1.0 Mac OS.
1.2 Marzo de 1998 Primera versión para Windows.
2.0 2.0 Diciembre de 1998
3.0 Diciembre de 1999
3.0
Macromedia UltraDev 1.0 Junio de 2000
4.0 Diciembre de 2000
4.0
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
Sustituye a Adobe GoLive en la
9.0 CS3 16 de abril de 2007
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
12.0 CS6 21 de abril de 2012
Adobe 13.0 Creative Cloud 17 de junio de 2013
14.0 CC 2014 18 de junio de 2014
15.0 CC 2014.1 6 de octubre de 2014
16.0 CC 2015 16 de junio de 2015
17.0 CC 2017 2 de noviembre de 2016
18.0 CC 2018 19 de octubre de 2017
19.0 CC 2019 15 de octubre de 2018

Color Significado
Rojo Versión antigua
Amarillo Versión antigua; soportada aún
Verde Versión actual

https://sites.google.com/site/emmanuelgutierrezochoa/dreamweaver

https://es.wikipedia.org/wiki/Adobe_Dreamweaver

https://www.hostinger.es/tutoriales/tutorial-dreamweaver/
 Este ultimo Link lo utilice mas para el marco de referencia.

http://adiibalderas.blogspot.com/2015/06/que-es-dreamweaver-tejedor-de-suenos-es.html