DreamWeaver Basico

¿QUE ES Dreamweaver?

Dreamweaver es un editor visual de páginas HTML. La mayoría de las páginas web que se publican en Internet están compuestas en HTML. HTML es un lenguaje de marcación de hipertextos. Sin ser un lenguaje de programación propiamente dicho, HTML tiene una sintaxis y una estructura lógica. Hasta la aparición de los editores visuales de HTML, componer una página web era una tarea ardua y tediosa en la que había que componer la página con TAGS o comandos, para que después fuera interpretada por el navegador.
Los editores visuales de HTML permiten componer una página web sin tener que editar manualmente el código. Para ello, con más o menos acierto, los editores visuales tratan de crear un entorno WYSWYG (What You See Is What You Get) en el que el diseñador pueda fácilmente componer sus páginas. Este sistema favorece que el diseñador se centre en otros aspectos del diseño sin tener que ocuparse de la composición del código HTML, que es realizada por el programa.
De entre todos los editores de páginas HTML actuales, sin duda Dreamweaver ocupa una posición líder con respecto a sus competidores. Las razones para ello son varias:

• Dreamweaver genera un código HTML bastante limpio y compatible con la mayoría de los navegadores.
• Incluye varias herramientas añadidas que permiten aumentar la productividad.
• Se integra perfectamente con otras aplicaciones de macromedia, como Fireworks o Flash, creándose todo un entorno de trabajo autosuficiente.
• Ofrece varias herramientas para optimizar y gestionar el sitio completo, incluso un cliente FTP con opciones para mantener sincronizados el sitio local y remoto.
• Añade algunas funciones predefinidas de Javascript, llamadas Behaviors, que facilitan mucho la inclusión de controles y efectos habituales de los lenguajes de scripting para los no programadores.
• La coordinación entre el modo de edición visual y el modo de edición manual esta muy lograda. Esto permite a los programadores y diseñadores experimentados añadir elementos al HTML no soportados por Dreamweaver.
Por estas y otras razones Dreamweaver es sin duda alguna el editor visual HTML más cotizado actualmente.

Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor.

Dreamweaver ha tenido un gran éxito desde finales de los años 1990 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la plataforma MAC como para Windows, aunque también 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 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.

Se vende como parte de la suite Adobe Creative Suite.

La gran ventaja de 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 enJavascript-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 Javascriptque 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.

Historia de Dreamweaver

HISTORIA

Historial de versiones

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 GoLive en la serieCreative 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

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

¿Porque usar Dreamweaver?

¿Porque aprender Dreamweaver?

Las razones por las que invertir en un programa como Dreamweaver son muchas. De forma resumida podemos destacar las siguientes:
En primer lugar, dada la creciente demanda de desarrolladores de contenidos para la web, no cabe duda de que el momento actual es el idóneo para capacitarse en tal tarea.
Si se analizan los cambios en el trabajo para desarrollar un sitio web, que tanto difieren de lo que se hacía apenas 2 años atrás, se observará que actualmente planificar un sitio, desarrollarlo rápidamente y gestionarlo eficazmente son tareas que se exigen a todowebmaster. Por otro lado, la necesidad de actualizar los estilos y los contenidos de un sitio son cada vez mayores. En estas tareas Dreamweaver es un excelente aliado, aumentando la eficacia y productividad del webmaster.
La compatibilidad del programa con otras aplicaciones de Macromedia (Flash, Fireworks...) facilitan aún más la realización completa de un sitio Web, ya que hace posible la integración desde la misma aplicación (Dreamweaver) de todos los elementos gráficos y multimedia que se desee usar.
Por otro lado hay que destacar las tareas automatizadas que incluye Dreamweaver, así como sus behaviors Javascript. Se trata de utilidades muy prácticas para todo desarrollador, especialmente para aquellos que no son programadores. A la extensa base de behaviors que vienen incluidos en el programa hay que añadir productos de terceros y futuras actualizaciones oficiales, que a buen seguro mantendrán un nivel de prestaciones interesante, dado que ya hoy son muchos los profesionales que las utilizan.
Al aprender Dreamweaver se está inviertiendo tiempo en la aplicación líder de desarrollo de páginas web, y por tanto en una excelente salida profesional.

Videos Relacionados con Dreamweaver tips

Capas y Comportamiento Dreamweaver 
usa capas en dreamweaver, inserta texto en una capa, imagen de fondo
Herramientas Básicas Dreamweaver 

Tips y y técnicas Fáciles

ALGUNOS TIPS DE DREAMWEAVER

Dreamweaver es un programa que nos permite realizar diseño web y complementarlo con programación PHP, ASP, JAVASCRIPT y realizar conección con Base de Datos para diferentes proveedores, a su ves permite maquetear en estilos de cascada CSS, por lo cual es importante poder entender o aprender algunos trucos que nos permitan mejorar o sacarle más jugo a este software, así que espero le saquen provecho a esta información.

Extensiones 

Una de las características que proporciona Dreamweaver que no hacen otros editores es la posibilidad de ampliar su funcionalidad por medio de extensiones, muchas de las cuales puedes encontrar de forma gratuita en el sitio web de Macromedia: Dreamweaver Exchange. 

Para instalar las extensiones, necesitarás el Administrador de Extensiones de Dreamweaver, un programa que se encarga de realizar toda la instalación de los nuevos módulos de forma sencilla. Este programa lo puedes descargar aquí.

Historial de acciones 

Existe una ventana “History” donde se registra cada paso que realizas en un documento de Dreamweaver desde que lo abriste. Esta tiene mucha utilidad ya que puedes deshacer las acciones que tu elijas moviendo hacia arriba el indicador que aparece a la izquierda de la barra. Pero no sólo sirve para deshacer, sino que también te permite repetir tus acciones de forma automática con sólo seleccionarlas con el ratón y pulsando al botón repetir (reply). 

También puedes crear tus propios comandos a partir de la ventana de historial y así ahorrarte mucho trabajo repetitivo. Para crear un comando, simplemente lleva a cabo los pasos que quieres repetir. Posteriormente, en la ventna de historial, selecciona las acciones quq quieres almacenar y pulsa sobre el icono en la esquina superior derecha y selecciona la opción "Save As Command..." (Guardar Comando como...). Da un nombre a esta secuencia de datos y pulsa OK (Aceptar). A partir de ahora aparecerá con ese nombre en el menú comandos para futuros usos. 

Importar datos 

Dreamweaver te permite importar datos en tablas, que es mucho más sencillo que cortar y pegar contenidos una celda tras otra. La única pega es que solo admite datos de ficheros de texto pero esto es muy sencillo de solucionar ya que casi todas las hojas de cálculo, como Excel, te permiten guardar sus documentos como texto (.txt) o como valores separados por comas (.csv).

Aumentar el espacio de trabajo disponible 

Uno de los problemas que encontraba cuando estaba trabajando con Dreamweaver es que en cuanto me descuidaba, tenía la pantalla llena de ventas de las herramientas: la ventana de marcos, la de las capas, las acciones en javascript, las plantillas, la librería, etc... Pero hace poco descubrí puedes juntarlas para que aparezcan dentro una ventana y que puedas seleccionarlas fácilmente. Para hacer esto, sólo tienes que pulsar sobre la lengüeta de la ventana y arrastrarla a donde deseas colocarla. 

Esto no sólo sirve para juntar las ventanas sino que también lo puedes utilizar para separarlas y organizarlas a tu gusto. 

Trabajo en grupo 

Siempre es complicado coordinar el desarrollo de una página web entre varias personas que trabajen en ella simultáneamente. Por suerte, Dreamweaver 3 incorpora un mecanismo de colaboración que facilita mucho las cosas. Su funcionamiento es muy simple: Los archivos están localizados en un servidor remoto al que pueden acceder todos los desarrolladores, cuando uno de ellos abre un documento, este archivo se marca cómo bloqueado para el resto de forma que sólo puede editarlo cada vez. A esto se le denomina Check-out. Una vez que finaliza su trabajo en el documento debe volver a ponerlo disponible para el siguiente desarrollador que tenga que trabajar con él haciendo un Check-in. 

Además, también existen otros métodos de colaboración como la sincronización que te permite descargar sólo los archivos modificados desde el servidor y las notas de diseño con las que puedes poner anotaciones a los documentos que serán accesibles a todos los autores. 

Para activar estas características debes editar las propiedades del sitio web con Site > Define Sites... > Edit y activar esta opción que se encuentra en la categoría Check In/Out. Si también deseas trabajar con notas de diseño debes seguir el mismo procedimiento pero esta vez en la categoría "Design notes"