Adobe Dreamweaver es una aplicacin en forma de suite (basada en la forma de estudio de Adobe Flash) que est destinada a la construccin,

diseo y edicin de sitios y aplicaciones Web basados en estndares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa ms utilizado en el sector del diseo y la programacin web, por sus funcionalidades, su integracin con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estndares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web y tiene soporte tanto para edicin de imgenes como para animacin a travs de su integracin con otras. Hasta la versin MX, fue duramente criticado por su escaso soporte de los estndares de la web, ya que el cdigo que generaba era con frecuencia slo vlido para Internet Explorer y no validaba como HTML estndar. Esto se ha ido corrigiendo en las versiones recientes. Se vende como parte de la suite Adobe Creative Suite. La gran ventaja de este editor sobre otros es su gran poder de ampliacin y personalizacin del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervinculo, una imagen o aadir un comportamiento) estn hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino rutinas de 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. Las versiones originales de la aplicacin se utilizaban como simples editores WYSIWYG. Sin embargo, versiones ms recientes soportan otras tecnologas web como CSS, JavaScript y algunos frameworks del lado servidor. Dreamweaver ha tenido un gran xito desde finales de los aos 1990 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicacin est disponible tanto para la platafoma MAC como para Windows, aunque tambin se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine. Como editor WYSIWYG que es, Dreamweaver permite ocultar el cdigo HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear pginas y sitios web fcilmente sin necesidad de escribir cdigo. Algunos desarrolladores web criticaban esta propuesta ya que crean pginas HTML ms largas de lo que solan ser al incluir mucho cdigo intil, lo cual va en detrimento de la ejecucin de las pginas en el navegador web. Esto puede ser especialmente cierto ya que la aplicacin facilita en exceso el diseo de las pginas mediante tablas. Adems, algunos desarrolladores web han criticado Dreamweaver en el pasado porque creaba cdigo que no cumpla con los estndares del consorcio Web (W3C). No obstante, Adobe ha aumentado el soporte CSS y otras maneras de disear pginas sin tablas en versiones posteriores de la aplicacin, haciendo que se reduzca el exceso de cdigo.

Dreamweaver permite al usuario utilizar la mayora de los navegadores Web instalados en su ordenador para previsualizar las pginas web. Tambin dispone de herramientas de administracin de sitios dirigidas a principiantes como, por ejemplo, la habilidad de encontrar y reemplazar lneas de texto y cdigo por cualquier tipo de parmetro especificado, hasta el sitio web completo. El panel de comportamientos tambin permite crear JavaScript bsico sin conocimientos de cdigo. Con la llegada de la versin MX, Macromedia incorpor herramientas de creacin de contenido dinmico en Dreamweaver. En lo fundamental de las herramientas HTML WYSIWYG, tambin permite la conexin a Bases de Datos como MySQL y Microsoft Access, para filtrar y mostrar el contenido utilizando tecnologa de script como, por ejemplo, ASP (Active Server Pages), ASP.NET, ColdFusion, JSP (JavaServer Pages) y PHP sin necesidad de tener experiencia previa en programacin. Un aspecto de alta consideracin de Dreamweaver es su funcionalidad con extensiones. Es decir, permite el uso de "Extensiones". Las extensiones, tal y como se conocen, son pequeos programas, que cualquier desarrollador web puede escribir (normalmente en HTML y Javascript) y que cualquiera puede descargar e instalar, ofreciendo as funcionalidades aadidas a la aplicacin. Dreamweaver goza del apoyo de una gran comunidad de desarrolladores de extensiones que hacen posible la disponibilidad de extensiones gratuitas y de pago para la mayora de las tareas de desarrollo web, que van desde simple efectos rollover hasta completas cartas de compra. Tambin podra decirse, que para un diseo ms rpido y a la vez fcil podra complementarse con fireworks en donde podra uno disear un men o para otras creaciones de imgenes (gif web, gif websnap, gif adaptable, jpeg calidad superior, jpeg archivo ms pequeo, gif animado websnap) para un sitio web y despus exportar la imagen creada y as utilizarla como una sola, en donde ya llevara los vnculos a un dicho sitio en especifico que uno le haya dado.(MRR - U.P.C.)

Contenido
[ocultar]
y y y y y

1 Resaltado de sintaxis 2 Disponibilidad de idiomas 3 Historial de versiones 4 Notas 5 Vase tambin

[editar] Resaltado de sintaxis

A partir de la versin 5, Dreamweaver admite el resaltado de sintaxis para los siguientes idiomas fuera de la caja:

y y y y y y y y y y y y y y y y y

ActionScript Active Server Pages (ASP). ASP.NET (no se admiten en la versin CS4 http://kb2.adobe.com/cps/402/kb402489.html) C# Cascading Style Sheets (CSS) ColdFusion Extensible HyperText Markup Language (XHTML) Extensible Markup Language (XML) Extensible Stylesheet Language Transformations (XSLT) HyperText Markup Language (HTML) Java JavaScript JavaServer Pages (JSP) (no se admiten en la versin CS4 http://kb2.adobe.com/cps/402/kb402489.html) PHP: Hypertext Preprocessor (PHP) Visual Basic (VB) Visual Basic Script Edition (VBScript) Wireless Markup Language (WML)

Tambin es posible que los usuarios aadan sus propios resaltados de sintaxis. Adems, completado de cdigo est disponible para muchas de estas lenguas.

[editar] Disponibilidad de idiomas

Adobe Dreamweaver CS5 est disponible en los siguientes idiomas:. Portugus brasileo, chino simplificado, chino tradicional, checo, holands, Ingls, francs, alemn, italiano, japons, coreano, polaco, ruso, espaol, sueco y turco.1

[editar] Historial de versiones

Versin mayor Versin menor/nombre alternativo Fecha de publicacin

Proveedor

Notas

1.0 Macromedia 1.0 1.2

Diciembre de 1997

Primer lanzamiento, slo para Mac OS.

Marzo de 1998

Primera versin para Windows.

2.0

2.0

Diciembre de 1998

3.0 3.0 UltraDev 1.0

Diciembre de 1999

Junio de 1999

4.0 4.0 UltraDev 4.0

Diciembre de 2000

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

9.0 Adobe 10.0

CS3

16 de abril de 2007

Sustituye a Adobe GoLive en la serie Creative Suite

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

Versin antigua; no soportada en la actualidad

Amarillo Versin antigua; soportada an

Verde

Versin actual

El programa Dreamweaver de Macromedia es uno de los programas ms utilizados en todo el mundo para la creacin de paginas WEB . Es empleado tanto por profesionales como por personas que se inician en la creacin de su primera pagina web. De hecho muchos lo consideran ampliamente superior a otros programas similares, tales como FrontPage de Microsoft . Aqu no vamos a entrar en quien tiene o deja de tener razn. Lo que si vamos a hacer es tener una primera aproximacin a la ltima versin de Dreamweaver : la versin 7 de Macromedia Dreamweaver MX 2004. Mostraremos de una forma fcil y didctica como sacar provecho de l con unos pocos clicks y nos pondremos en la senda para poder penetrar mejor en sus secretos. El objetivo de este curso es mostrar las principales funcionalidades de Dreamweaver , de manera que cuando acabemos el curso cualquiera sea capaz de comprender el programa y este capacitado para afrontar la creacin de una pgina Web. Muchos creen que como Dreamweaver es un programa usado por profesionales, tiene que ser muy complicado para los usuarios ocasionales. Realmente Dreamweaver es un programa muy sencillo e intuitivo , que puede ser utilizado a muchos niveles. Desde el ms bsico suficiente para crear una pagina personal de un usuario novel, hasta gestionar todo un Site empresarial con un contenido de cientos de paginas En las prximas lecciones iremos presentando de forma fcil y didctica, las distintas funcionalidades del programa. El alumno podr seguir las lecciones tanto con el texto como con las lecciones multimedias que se muestran al final de cada leccin. El objeto de estas demostraciones multimedias es reforzar el contenido didctico de cada leccin mostrando como se hace realmente en el programa. El primer paso para utilizar un programa es iniciarlo. El programa Dreamweaver de Macromedia , al igual que casi todos los programas que se pueden ejecutar en un entorno Windows puede iniciarse por varios caminos distintos. Dependiendo tanto de la configuracin que hayamos elegido durante su instalacin, como de nuestras preferencias personales. En esta leccin aprenderemos varias de ellas, luego depender de sus gustos personales elegir una u otra de ellas para iniciar la aplicacin Dreamweaver. La forma ms sencilla es pulsar con un doble click del ratn sobre el icono de Dreamweaver situado en el escritorio.

Otros lugares desde donde podemos iniciar el programa Dreamweaver es desde el botn de inicio, situado en el esquina inferior izquierda del escritorio.

Cuando pulsemos sobre el se desplegara el men inicio. Y pulsaremos sobre el icono de Macromedia Dreamweaver MX 2004.

Por ltimo hay un lugar ms desde donde podemos iniciar el programa: Slo tenemos que pulsar en Todos los programas. Y despus en la carpeta Macromedia

Y finalmente en la opcin de Macromedia Dreamweaver. Y ya tendremos lista la aplicacin para poder utilizarla. Resumen multimedia de la leccin 2 ; Entorno de Trabajo El programa Dreamweaver es una aplicacin muy completa con un gran nmero de funcionalidades muy potentes, pero a la vez esta diseada para hacer ms cmodo el trabajo al usuario. Naturalmente tener una aplicacin con un gran nmero de funciones implica un gran nmero de botones, mens, opciones y pulsar cientos de clicks, que a primera vista puede resultar muy complicados Entonces cmo puede Dreamweaver combinar a la vez potencia y comodidad? Esto lo hace permitiendo que el usuario personalice a su gusto el entorno de trabajo. En esta leccin vamos a familiarizarnos con las principales reas de trabajo de Dreamweaver. En la imagen inferior vemos sealada la barra de titulo , en ella adems de ver el nombre de la aplicacin, el ttulo de la pgina que tengamos activa, tambin veremos los iconos de gestin de ventanas tpicos de Windows.

Debajo de la barra de ttulo tenemos la barra de Mens , en ella tenemos acceso a todos los mens, desde los cuales podemos manejar con eficiencia las numerosas opciones de Dreamweaver.

Debajo de la barra de Mens, nos encontramos la barra de los grupos de paneles, la cual es contextual, esto significa que va cambiando dinmicamente segn la tarea en la que estemos trabajando. En el centro de la pantalla nos encontramos con la pantalla de inicio. Este contenido aparece cuando no tenemos ningn documento activo y podemos distinguir tres zonas distintas.

En la zona de la izquierda: vemos la lista de los documentos usados ms recientemente y nos da la opcin de abrir cualquiera de ellos rpidamente pulsando sobre ellos. En la zona central: podemos crear un nuevo documento en blanco en cualquiera de los formatos mostrados. En la zona de la derecha: Dreamweaver nos permite utilizar unas plantillas de ejemplos para crear nuestros documentos de una manera rpida y sencilla. En la izquierda y en la zona inferior de la ventana de dreamweaver tenemos otros paneles con funciones avanzadas.

Las cuales iremos descubriendo a lo largo del curso, segn los necesitemos, para no hacer demasiado ridos los primeros temas. Resumen multimedia de la leccin 3 ;