HISTORIA DE DREAMWEAVER
-
Upload
eliana-lobo -
Category
Documents
-
view
7.613 -
download
0
Transcript of HISTORIA DE DREAMWEAVER
5/16/2018 HISTORIA DE DREAMWEAVER - slidepdf.com
http://slidepdf.com/reader/full/historia-de-dreamweaver 1/14
HISTORIA DE DREAMWEAVER
Es un producto de la empresa desarrolladora de software Macromedia, que nació
en 1992 tras la fusión de Authorware Inc. (creadora de Authorware) y Macro – Mind
Paracomp (responsable de director). El primer producto de esta nueva compañía fue
Shockware, un plugin para los navegadores que permitía ver animaciones hechas en
Director. A causa del éxito que tuvo, la empresa decidió que debía expandirse más en el
sector web y multimedia,
Con esta expansión 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 edición de HTML, al que Macromedia
rebautizo, con algunos cambios, como DREAMWEAVER, del que lanzo su primera
versión en 1997. A partir de 1998, Macromedia comenzó a desarrollar una versión del
programa por año. En cada una de ellas, agrego componentes clave para un mejor
desarrollo de archivo de HTML y de otras expresiones (ASP, PHP, JPS, etcétera). En el
año 2006, la empresa fue comprada por Adobe, quien absorbió completamente el
nombre Macromedia. Por ello es que la versión CS3 ya no es más Macromedia, sinoAdobe.
DREAMWEAVER
Adobe Dreamweaver es una aplicación en forma de estudio enfocada a la
construcción y edición de sitios y aplicaciones Web Es el programa de este tipo 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 los estándares del World Wide Web Consortium. Tiene soporte tanto para edición de
imágenes como para animación a través de su integración con otras. 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 hipervinculo, una
imagen o añadir un comportamiento) están 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. Dreamweaverpermite al usuario utilizar la mayoría de los navegadores Web instalados en su
5/16/2018 HISTORIA DE DREAMWEAVER - slidepdf.com
http://slidepdf.com/reader/full/historia-de-dreamweaver 2/14
ordenador para previsualizar 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ámetro
especificado, hasta el sitio web completo. El panel de comportamientos también permitecrear JavaScript básico sin conocimientos de código. También podría decirse, que para
un diseño mas rápido y a la vez fácil podría complementarse con fireworks en donde
podría uno diseñar un menú o para otras creaciones de imágenes (gif web, gif websnap,
gif adaptable,jpeg calidad superior, jpeg archivo más pequeño, gif animado websnap)
para un sitio web y después exportar la imagen creada y así utilizarla como una sola, en
donde ya llevara los vínculos 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)
CARACTERÍSTICAS DE DREAMWEAVER.
Permite crear páginas web avanzadas o profesionales.
Soporta gran cantidad de tecnologías fáciles de usar.
Se actualiza con componentes.
5/16/2018 HISTORIA DE DREAMWEAVER - slidepdf.com
http://slidepdf.com/reader/full/historia-de-dreamweaver 3/14
El código generado es de buena calidad.
Al ser tan avanzado puede resultar difícil para algunos usuarios inexpertos.
Proveniente de la familia Macromedia/Adobe.
Permite crear sitios totalmente gráficos. Permite agregar diseño y funcionalidad a la página.
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" función. Esta capacidad permite a los usuarios ver la página web en
distintos navegadores durante el proceso de creación de identificar cualquier diferenciade función cruzada. Otras funciones incluyen un corrector ortográfico básico, una
inserción automática de "fecha de hoy" y la función "Buscar y reemplazar", que busca
las palabras y los cambios específicos en todo el sitio. Dreamweaver integra las hojas de
estilo, formas, marcos y archivos multimedia.
Además, Dreamweaver ofrece una función para limpiar el código HTML de las
páginas importadas. La característica de limpieza elimina las etiquetas HTML
redundantes y elimina varios de código HTML. Al final de la limpieza, Dreamweavercrea 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 – imágenes, archivos,
videos, etetera, entre otras cosas la siguiente guia visual, describiremos las opcionesprincipales del menu princial del Dreamweaver
5/16/2018 HISTORIA DE DREAMWEAVER - slidepdf.com
http://slidepdf.com/reader/full/historia-de-dreamweaver 4/14
MENÚ PRINCIPAL
Este es el menú típico de cualquier programa. Básicamente, 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 página, colocar las propiedades de las
tablas e insertar objetos -imágenes, archivos, videos, etcétera, entre varias otras cosas.
describiremos las opciones principales del menú principal del Dreamweaver.
5/16/2018 HISTORIA DE DREAMWEAVER - slidepdf.com
http://slidepdf.com/reader/full/historia-de-dreamweaver 5/14
BARRA DE HERRAMIENTAS HORIZONTAL
Es un menú gráfico que se encuentra justo debajo del menú principal. Si bien todas
sus opciones también están en éste último, a la hora de trabajar resulta muy dinámico y nosdeja acceder rápidamente a herramientas de uso frecuente. Está compuesto por lengüetas
que hacen referencia a diversas categorías y permiten, de forma rápida, crear tablas, insertar
imágenes, crear vínculos, crear formularios y varias otras cosas
5/16/2018 HISTORIA DE DREAMWEAVER - slidepdf.com
http://slidepdf.com/reader/full/historia-de-dreamweaver 6/14
ÁREA DE TRABAJO
Es el espacio de trabajo, es decir, nuestra página web. Conviene pensar en élcomo si fuera un documento de Word. Todo lo que coloquemos allí será visto en un
explorador de Internet. También cuenta con algunas herramientas que, entre otras cosas,permiten pre visualizar la página en un navegador, insertar y editar contenido delencabezado del documento y alternar entre las diferentes vistas (Código, Dividir yDiseño
5/16/2018 HISTORIA DE DREAMWEAVER - slidepdf.com
http://slidepdf.com/reader/full/historia-de-dreamweaver 7/14
5/16/2018 HISTORIA DE DREAMWEAVER - slidepdf.com
http://slidepdf.com/reader/full/historia-de-dreamweaver 8/14
BARRA DE VENTANAS
Se encuentra en el lado derecho del programa. Básicamente, 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
5/16/2018 HISTORIA DE DREAMWEAVER - slidepdf.com
http://slidepdf.com/reader/full/historia-de-dreamweaver 9/14
PROPIEDADES DE PÁGINA
Permite programar ciertos parámetros básicos que tienen que ver con laapariencia de las páginas web. Es importante recordar que estas propiedades deben ser
colocadas en cada página HTML, si bien luego se pueden copiar y pegarfundamentalmente permiten controlar el color de texto, el color de fondo, el color de losvínculos (visitados, no visitados y activos), colocar una imagen de fondo, configurar losdistintos márgenes y agregar un titulo al documento (que aparecerá en la barra superiordel navegador
TABLAS Y CELDAS
Dreamweaver tiene una regla de oro: todo el contenido de una página (texto,formatos entre otros) va dentro de tablas, nada va suelto, salvo alguna pequeñaexcepción que será aclarada. Si uno aprende a manejarlas bien, maneja el 50% delprograma.
TABLAS
Toda tabla está compuesta por celdas, lo que posibilita que una tabla pueda tenerla cantidad de celdas que deseemos. Esto nos permite distribuir y ordenar los elementosde nuestra página como queramos. Recordemos que hay tres maneras de insertar unatabla 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ú deinserción de tabla.
5/16/2018 HISTORIA DE DREAMWEAVER - slidepdf.com
http://slidepdf.com/reader/full/historia-de-dreamweaver 10/14
El menú de inserción de tabla. Podemos observar las propiedades y las característicasbásicas de la tabla que vamos a crear
REPASAREMOS SUS COMPONENTES
Filas: es la cantidad de filas o divisiones horizontales que tendrá la tabla
Columnas: es la cantidad de columnas o divisiones verticales que tendrá la tabla
Ancho de tabla: aquí, colocamos la longitud que tendrá la tabla, expresada en
píxeles o porcentaje. Más adelante veremos cuándo utilizar una u otra medida
Grosor del borde: aquí especificamos el tamaño de borde (ancho) que tendrá
nuestra tabla. Se mide en píxeles.
Relleno de celda: desde aquí, configuramos el espacio que hay entre el contenido de
la tabla o de la celda y su borde. También se mide en píxeles
Espacio entre celdas: aquí, definimos la separación que hay entre las distintas celdas
de una misma tabla. Igual que los dos anteriores, se mide en píxeles
Una vez insertada la tabla, podremos modificar todas las propiedades anteriores y
también algunas nuevas, como agregarle un color de fondo y/o de borde, alinearla
horizontalmente e insertarle una imagen de fondo.
5/16/2018 HISTORIA DE DREAMWEAVER - slidepdf.com
http://slidepdf.com/reader/full/historia-de-dreamweaver 11/14
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 quemientras más tenga, cada una de éstas tendrá menos espacio para colocar contenido Esto
también 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 celdaSeleccionada 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 colocación 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 únicacelda. Funciona para unir filas, columnas o ambas.
5/16/2018 HISTORIA DE DREAMWEAVER - slidepdf.com
http://slidepdf.com/reader/full/historia-de-dreamweaver 12/14
Dividir celdas: permite dividir la celda seleccionada en la cantidad elegida de
columnas o filas, para generar más campos en la tabla.
Se puede observar desplegado el menú de selección de Color de fondo de la
celda
MARCOS
Los marcos o frames son una práctica forma de diseño web que podemos usar
para sitios con mucho contenido. También son muy prácticos a la hora de mantener
estáticas ciertas porciones de un documento HTML. Esencialmente, son distintos archivos
HTML unidos en uno solo. Es decir, cualquier página web hecha en marcos tiene, por lo
menos, tres archivos HTML. En el ejemplo que se muestra en la Figura, podemos ver una
página de marcos
Observamos un documento HTML dividido en marcos. El marco más pequeño de la izquierda actúa como barra de
navegación estática, y el de la derecha como espacio para el
contenido
5/16/2018 HISTORIA DE DREAMWEAVER - slidepdf.com
http://slidepdf.com/reader/full/historia-de-dreamweaver 13/14
Cada marco es una página web diferente, es decir, un archivo único. En el caso
de la Figura, el marco izquierdo podría llamarse barra.html, el derecho, principal.html y
el contenedor (que agrupa a los otros dos), index.html.
Una de las características positivas de diseñar o programar una página con
marcos es la barra de navegación estática. Muchas veces, si la página 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 navegación “ya sea vertical u horizontal”, se perderá y el usuario no
la tendrá más a mano
Las opciones para crear una página web con marcos se encuentran en el menú
principal, en Modificar / Conjunto de marcos. Si diseñamos un archivo HTML de esta
manera, la barra de navegación, tanto si es horizontal como si es vertical, será una
página aparte y no se moverá cuando el usuario use la barra de desplazamiento vertical.
Esto posibilitará que los navegantes puedan acceder de forma rápida y sencilla a los
vínculos.
Crear una página o un sitio con marcos suele ser un poco más complicado que
hacer un diseño a página completa (llamado diseño Body). En este caso, tendremos que
tener cuidado con las medidas y con los vínculos. En nuestro proyecto, trabajaremos
una página en marcos y allí veremos con más detenimiento sus propiedades y
características.
5/16/2018 HISTORIA DE DREAMWEAVER - slidepdf.com
http://slidepdf.com/reader/full/historia-de-dreamweaver 14/14
Bibliografía
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