HISTORIA DE DREAMWEAVER Es un producto de la empresa desarrolladora de software Macromedia, que naci en 1992 tras la fusin de Authorware Inc.

(creadora de Authorware) y Macro Mind Paracomp (responsable de director). El primer producto de esta nueva compaa fue Shockware, un plugin para los navegadores que permita ver animaciones hechas en Director. A causa del xito que tuvo, la empresa decidi que deba expandirse ms en el sector web y multimedia, Con esta expansin como objetivo primario, en 1996, Macromedia realizo dos grandes adquisiciones. La primera fue la empresa FutureWave software, creadora del FutureSplash, al que Macromedia rebautizo como flash. La segunda fue iBand software, creadora de Backstage, un programa de edicin de HTML, al que Macromedia rebautizo, con algunos cambios, como DREAMWEAVER, del que lanzo su primera versin en 1997. A partir de 1998, Macromedia comenz a desarrollar una versin del programa por ao. En cada una de ellas, agrego componentes clave para un mejor desarrollo de archivo de HTML y de otras expresiones (ASP, PHP, JPS, etctera). En el ao 2006, la empresa fue comprada por Adobe, quien absorbi completamente el nombre Macromedia. Por ello es que la versin CS3 ya no es ms Macromedia, sino Adobe. DREAMWEAVER Adobe Dreamweaver es una aplicacin en forma de estudio enfocada a la construccin y edicin de sitios y aplicaciones Web Es el programa de este tipo 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. Tiene soporte tanto para edicin de imgenes como para animacin a travs de su integracin con otras. 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. Dreamweaver ha tenido un gran xito desde finales de los 90 y actualmente mantiene el 90% del mercado de editores HTML. 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. Tambin podra decirse, que para un diseo mas 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.) Dreamweaver 1.0 (Lanzado en Diciembre de 1997; Dreamweaver 1.2 Marzo de 1998) Dreamweaver 2.0 (Lanzado en Diciembre de 1998)Dreamweaver 3.0 (Lanzado en Diciembre de 1999) Dreamweaver UltraDev 1.0 (Lanzado en Junio de 2000)Dreamweaver 4.0 (Lanzado en Diciembre de 2000) Dreamweaver UltraDev 4.0 (Lanzado en Diciembre de 2000) Dreamweaver MX [Numero interno de version: 6.0] (Lanzado en Mayo de 2002) Dreamweaver MX 2004 [Numero interno de version: 7.0] (Lanzado el 10 de Septiembre en 2003) Dreamweaver 8 (Lanzado el 13 de Septiembre de 2005) Dreamweaver CS3 (Lanzado el 16 de Abril de 2007) Dreamweaver cs4 (23 de Septiembre 2008) Dreamweaver cs5 (12 Abril 2010) Dreamweaver cs5.5 (12 de Abril de 2011) CARACTERSTICAS DE DREAMWEAVER. Permite crear pginas web avanzadas o profesionales. Soporta gran cantidad de tecnologas fciles de usar. Se actualiza con componentes.

 El cdigo generado es de buena calidad. Al ser tan avanzado puede resultar difcil para algunos usuarios inexpertos. Proveniente de la familia Macromedia/Adobe. Permite crear sitios totalmente grficos. Permite agregar diseo y funcionalidad a la pgina. Permite trabajar con tablas, marcos, capas, comportamientos, Javascript. CAPACIDADES DISTINGUIBLES DE DREAMWEAVER Dreamweaver ofrece numerosas funciones tiles, tales como la "Vista previa en el navegador" funcin. Esta capacidad permite a los usuarios ver la pgina web en distintos navegadores durante el proceso de creacin de identificar cualquier diferencia de funcin cruzada. Otras funciones incluyen un corrector ortogrfico bsico, una insercin automtica de "fecha de hoy" y la funcin "Buscar y reemplazar", que busca las palabras y los cambios especficos en todo el sitio. Dreamweaver integra las hojas de estilo, formas, marcos y archivos multimedia. Adems, Dreamweaver ofrece una funcin para limpiar el cdigo HTML de las pginas importadas. La caracterstica de limpieza elimina las etiquetas HTML redundantes y elimina varios de cdigo HTML. Al final de la limpieza, Dreamweaver crea un informe resumen de todos los cambios. Menu principal Controla todo lo que se ve y lo que no se ve. Desde, aqu, podemos crear y guardar archivos ocultar o mosstrar barras de herramientas, manejar las propiedades de la pagina, colocar las propiedades de las tablas e insertar objetos imgenes, archivos, videos, etetera, entre otras cosas la siguiente guia visual, describiremos las opciones principales del menu princial del Dreamweaver

MEN PRINCIPAL Este es el men tpico de cualquier programa. Bsicamente, controla todo lo que se ve y lo que no se ve. Desde aqu, podemos crear y guardar archivos, ocultar o mostrar barras de herramientas, manejar las propiedades de la pgina, colocar las propiedades de las tablas e insertar objetos -imgenes, archivos, videos, etctera, entre varias otras cosas. describiremos las opciones principales del men principal del Dreamweaver.

BARRA DE HERRAMIENTAS HORIZONTAL Es un men grfico que se encuentra justo debajo del men principal. Si bien todas sus opciones tambin estn en ste ltimo, a la hora de trabajar resulta muy dinmico y nos deja acceder rpidamente a herramientas de uso frecuente. Est compuesto por lengetas que hacen referencia a diversas categoras y permiten, de forma rpida, crear tablas, insertar imgenes, crear vnculos, crear formularios y varias otras cosas

REA DE TRABAJO Es el espacio de trabajo, es decir, nuestra pgina web. Conviene pensar en l como si fuera un documento de Word. Todo lo que coloquemos all ser visto en un explorador de Internet. Tambin cuenta con algunas herramientas que, entre otras cosas, permiten pre visualizar la pgina en un navegador, insertar y editar contenido del encabezado del documento y alternar entre las diferentes vistas (Cdigo, Dividir y Diseo

BARRA DE VENTANAS Se encuentra en el lado derecho del programa. Bsicamente, es un conjunto de varias ventanas que podemos abrir, minimizar y ocultar para ayudarnos a controlar aspectos estructurales del programa. Desde aqu tendremos la posibilidad, entre otras cosas, de definir el sitio sobre el que estamos trabajando, ver el historial de cambios del documento, crear, modificar y eliminar las hojas de estilo, e insertar comportamientos

PROPIEDADES DE PGINA Permite programar ciertos parmetros bsicos que tienen que ver con la apariencia de las pginas web. Es importante recordar que estas propiedades deben ser colocadas en cada pgina HTML, si bien luego se pueden copiar y pegar fundamentalmente permiten controlar el color de texto, el color de fondo, el color de los vnculos (visitados, no visitados y activos), colocar una imagen de fondo, configurar los distintos mrgenes y agregar un titulo al documento (que aparecer en la barra superior del navegador

TABLAS Y CELDAS Dreamweaver tiene una regla de oro: todo el contenido de una pgina (texto, formatos entre otros) va dentro de tablas, nada va suelto, salvo alguna pequea excepcin que ser aclarada. Si uno aprende a manejarlas bien, maneja el 50% del programa. TABLAS Toda tabla est compuesta por celdas, lo que posibilita que una tabla pueda tener la cantidad de celdas que deseemos. Esto nos permite distribuir y ordenar los elementos de nuestra pgina como queramos. Recordemos que hay tres maneras de insertar una tabla con un clic en el cuadro icono de la barra de herramientas horizontal, con insertar / tablas o con Ctrl + Alt + T. Al usar cualquiera de estas opciones, aparecer el men de insercin de tabla.

El men de insercin de tabla. Podemos observar las propiedades y las caractersticas bsicas de la tabla que vamos a crear

REPASAREMOS SUS COMPONENTES

Filas:

es la cantidad de filas o divisiones horizontales que tendr la tabla es la cantidad de columnas o divisiones verticales que tendr la tabla aqu, colocamos la longitud que tendr la tabla, expresada en aqu especificamos el tamao de borde (ancho) que tendr

Columnas:

Ancho de tabla:

pxeles o porcentaje. Ms adelante veremos cundo utilizar una u otra medida

Grosor del borde:

nuestra tabla. Se mide en pxeles.

Relleno de celda:

desde aqu, configuramos el espacio que hay entre el contenido de aqu, definimos la separacin que hay entre las distintas celdas

la tabla o de la celda y su borde. Tambin se mide en pxeles

Espacio entre celdas:

de una misma tabla. Igual que los dos anteriores, se mide en pxeles Una vez insertada la tabla, podremos modificar todas las propiedades anteriores y tambin algunas nuevas, como agregarle un color de fondo y/o de borde, alinearla horizontalmente e insertarle una imagen de fondo.

CELDAS

Las celdas componen las filas (horizontales) y las columnas (verticales) de unas tablas. Una tabla puede tener infinitas celdas, pero debemos tener en cuenta que mientras ms tenga, cada una de stas tendr menos espacio para colocar contenido Esto tambin depender del Relleno de celda y del Espacio entre celdas que le coloquemos a la tabla.

La celda tiene propiedades independientes de las de la tabla. Para acceder a stas debemos posicionarnos con el cursor y hacer clic adentro de la tabla, sobre la celda que deseemos seleccionar.

Se pueden observar las propiedades de la celda Seleccionada en la parte inferior de la barra de Propiedades

Horiz: Permite alinear los elementos que se encuentran dentro de la celda a la izquierda, al centro o a la derecha

Vert: permite alinear los elementos que se encuentran dentro de la celda de manera superior, medio o inferior

An y Al: nos permite especificar el ancho y el alto de una celda. Generalmente, estas propiedades no se usan, ya que el mismo contenido se encarga de esto.

Fnd: permite insertar una imagen de fondo para la celda Fnd (con casilla de color): permite colocarle un color de fondo a la celda. ste puede ser diferente con respecto al color de fondo de la tabla (Figura).

Borde: habilita la colocacin de un color de borde a la celda. ste puede ser diferente con respecto al color de borde de la tabla. Combinar celdas: junta las celdas seleccionadas y las convierte en una nica celda. Funciona para unir filas, columnas o ambas.

 Dividir celdas: permite dividir la celda seleccionada en la cantidad elegida de columnas o filas, para generar ms campos en la tabla.

Se puede observar desplegado el men de seleccin de Color de fondo de la celda

MARCOS Los marcos o frames son una prctica forma de diseo web que podemos usar para sitios con mucho contenido. Tambin son muy prcticos a la hora de mantener estticas ciertas porciones de un documento HTML. Esencialmente, son distintos archivos HTML unidos en uno solo. Es decir, cualquier pgina web hecha en marcos tiene, por lo menos, tres archivos HTML. En el ejemplo que se muestra en la Figura, podemos ver una pgina de marcos

Observamos un documento HTML dividido en marcos. El marco ms pequeo de la izquierda acta como barra de navegacin esttica, y el de la derecha como espacio para el contenido

Cada marco es una pgina web diferente, es decir, un archivo nico. En el caso de la Figura, el marco izquierdo podra llamarse barra.html, el derecho, principal.html y el contenedor (que agrupa a los otros dos), index.html.

Una de las caractersticas positivas de disear o programar una pgina con marcos es la barra de navegacin esttica. Muchas veces, si la pgina tiene una cantidad importante de contenido, aparecer la barra de desplazamiento vertical a la derecha de la ventana del navegador, para que podamos navegar todo el documento. Pero al ir bajando, la barra de navegacin ya sea vertical u horizontal, se perder y el usuario no la tendr ms a mano

Las opciones para crear una pgina web con marcos se encuentran en el men principal, en Modificar / Conjunto de marcos. Si diseamos un archivo HTML de esta manera, la barra de navegacin, tanto si es horizontal como si es vertical, ser una pgina aparte y no se mover cuando el usuario use la barra de desplazamiento vertical. Esto posibilitar que los navegantes puedan acceder de forma rpida y sencilla a los vnculos. Crear una pgina o un sitio con marcos suele ser un poco ms complicado que hacer un diseo a pgina completa (llamado diseo Body). En este caso, tendremos que tener cuidado con las medidas y con los vnculos. En nuestro proyecto, trabajaremos una pgina en marcos y all veremos con ms detenimiento sus propiedades y caractersticas.

Bibliografa

http://es.wikipedia.org/wiki/Adobe_Dreamweaver http://www.adobe.com/la/products/dreamweaver/ http://www.agenda5.com/estudio/internet/aplicaciones/44-dreamweaver http://www.hidalgo26.angelfire.com

http://www.ehow.com/about_5316685_history-html-editors.html#ixzz1FecilsoW