Adobe Dreamweaver
 |
| http://bit.ly/1fmyfaL |
Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma
de estudio de Adobe Flash) que está destinada a la construcción, diseño y
edición de sitios, videos y aplicaciones Web basados en estándares. Creado
inicialmente por Macromedia (actualmente producido por Adobe Systems) es el
programa 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.
Dreamweaver permite al
usuario utilizar la mayoría de los navegadores Web instalados en su ordenador
para pre visualizar 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 permite crear JavaScript básico sin conocimientos de
código.
¿Para qué sirve adobe Dreamweaver?
El Dreamweaver, es un programa de la empresa
Adobe que sirve para diseño y programación web, básicamente para hacer o
modificar páginas de Internet. Para utilizarlo necesitas al menos algún
conocimiento de lenguaje Html o PHP, estos son códigos o lenguajes que se
utilizan para desarrollar sitios web.
Historial de versiones
|
Proveedor
|
Versión mayor
|
Versión menor/nombre
alternativo
|
Fecha de publicación
|
Notas
|
|
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
|
4.2
|
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
|
||
|
9.0
|
16 de abril de 2007
|
|||
|
10.0
|
23 de septiembre de 2008
|
|||
|
11.0
|
12 de Abril de 2010
|
|||
|
11.5
|
12 de Abril de 2011
|
|||
|
12.0
|
21 de Abril de 2012
|
|||
|
13.0
|
Abril de 2013
|
|
Color
|
Significado
|
|
Rojo
|
Versión
antigua
|
|
Amarillo
|
Versión
antigua; soportada aún
|
|
Verde
|
Versión
actual
|
Historia de Dreamweaver
La primera versión de
Dreamweaver (1.0) , por Macromedia, se publicó en diciembre fe 1997, fue
diseñada especialmente para sistemas MAC OS; la versión 1.2 se publicó en marzo
de 1998, primera aplicación para
Windows. La versión 2.0 se publica
en diciembre de 1998 que soportaba tanto la plataforma Windows como la MAC OS; en diciembre de 1999 se publica la versión
3.0 y en diciembre del 2000 la versión 4.0.
La versión 6.0 o
Dreamveaver MX se publicó en mayo de 2002 y la versión 7 se publica en el año
2003; con la llegada de la versión MX, Macromedia incorporó herramientas de
creación de contenido dinámico. También
permite la conexión a Bases de Datos como MySQL y Microsoft Access para filtrar y mostrar el contenido
utilizando tecnología de scripts; tales como: ASP (Active Server Pages), ASP.NET, ColdFusion, JSP (JavaServer Pages) y
PHP sin tener experiencia previa en programación.
En el año 2005 se
publica la versión más popular (Dreamweaver 8), antes de la adquisición de la
compañía de Macromedia por Adobe Systems; a partir de abril de 2007, Adobe Systems, incorpora a Dreamweaver
CS3 en su suite Creativa (Creative Suite), que sustituía al también popular
editor Adobe GoLIve. Adobe publica la
versión CS4 en septiembre de 2008 y en abril del 2010 la versión CS5 y la
versión mas actual es CS5.5 que se
publicó en abril de 2011; manteniendo
un 87% del mercado de editores visuales
XHTML, Adobe ha aumentado el soporte CSS
y otras maneras de diseñar páginas reduciendo el exceso de código y cumple con
los estándares del Consorcio 3W de la web.
Cómo funciona la interfaz
 |
| http://bit.ly/1fmyfaL |
Desde la pantalla de bienvenida, podemos,
desde abrir un elemento reciente, en el que estemos trabajando, abrir un
documento que queremos añadir, o manipular, crear documentos nuevos en
diferentes formatos (html, php, xml, javascript,etc) y elementos destacados.
Los elementos destacados, pueden ser muy útiles, ya que son videos de métodos
de trabajo o la utilización de algunas herramientas específicas.
El entorno de
trabajo del programa Dreamweaver
es muy flexible e intuitivo.
|
Tres
aspectos esenciales resaltan del interfaz del programa:
|
Elemento
común con todos los programas tipo Windows,
esta barra no es algo especialmente diferenciador del programa, pero contiene
practicamente todas las funciones
que se pueden llevar a cabo con Dreamweaver.
Menú Archivo: permite abrir
nuevas ventanas, guardarlas,
cerrar nuestro
proyecto, abrir páginas en un determinado marco o frame, etc.
|
El Área de Trabajo es el lugar donde desarrollaremos nuestra página web con los diferentes elementos que vamos insertando-, cuenta con
una serie de componentes que se utilizan constantemente:
Cuatro elementos del Área de trabajo nos serán fundamentales para
construir nuestras páginas:
 |
| http://bit.ly/1fzeOO9 |
- La Ventana del documento
- El Lanzador
- La Paleta Objetos
- El Inspector de Propiedades
|
Ventana del Documento: muestra
el documento actual mientras lo
estamos creando y editando, de manera parecida a como aparecerá en un
explorador web.
Para ver el efecto final real en un explorador: Menú
Archivo>Vista Previa en el explorador.
La
barra de título de esta Ventana del Documento muestra el
título de la página y, entre paréntesis, el nombre del archivo .html y un asterisco (*) si el archivo contiene cambios no guardados.
El Lanzador: contiene botones
para abrir y cerrar los inspectores
y paletas utilizados con mayor
frecuencia.
Los
iconos del lanzador se
incluyen también en el minilanzador,
situado en la parte inferior de la ventana de documento, lo que facilita el
acceso a éstos cuando el lanzador está
cerrado.
La Paleta de Objetos: contiene
botones para la inserción de diversos tipos de objetos, como imágenes, tablas, capas,
etc. con los que construir nuestra página web.
El Inspector de Propiedades: muestra
las propiedades del objeto o el texto
seleccionado y permite su modificación. El aspecto del inspector varía dependiendo del
objeto que se seleccione en la Ventana
del Documento.
|
Además de
estos elementos, se puede mostrar en la Ventana
de Trabajo:
- Menús contextuales
- Paletas flotantes acoplables
- Inspectores de código fuente HTML
|
Los menús contextuales: que permiten acceder rápidamente a comandos útiles relacionados
con la selección o área
actual.
Se
activan con el botón derecho
del ratón
Las paletas
flotantes acoplables: que permiten combinar ventanas, inspectores y paletas
flotantes en una o varias ventanas con distintas pestañas de
selección.
Un
grupo de paletas flotantes se muestran en
Menú Ventana> (Marcos, capas, Comportamientos, Marcador)
Otro
grupo de paletas flotantes se muestran en Menú Ventana> (Estilos HTML, Estilos CSC, Biblioteca, Plantillas)
Si
queremos ocultar todas las paletas flotantes, lo haremos en Menú Ventana> Ocultar paleta flotantes o en
(F4)
Los Inspectores de Código fuente HTML:
muestra el código que utilizan los exploradores al reconstruir una página
web.
Para mostrar
u ocultar el inspector de código fuente HTML:
Para
realizar cambios menores en etiquetas HTML, se puede utilizar el Quick Tag Editor:
Menú Modificar>Quick Tag
Editor.
|
BARRA DE ESTADO
Situada en la
parte de abajo de la Ventana de documentos, encontramos
varias opciones
de información y
control sobre la página que
estamos editando:
- Selector de etiquetas
- Tamaño de ventana
- Velocidad
- Minilanzador
|
Selector de etiquetas: En la parte de debajo de la pantalla, a la izquierda, permite
visualizar la línea de código
en la que se encuentra el cursor.
Tamaño de Ventana:
En la parte de debajo de la pantalla, a la derecha, podemos comprobar el tamaño en pixeles de la página, y al
, para qu adopte unas dimensiones predeterminadas cambiar.
·
El tamaño seleccionado se
corresponde con las dimensiones internas de la ventana del explorador -sin
bordes.
·
El tamaño del monitor figura
entre paréntesis.
· Velocidad:
lo que ocupa la página en Kb y en tiempo de descarga estimado -según el tipo
de modem predeterminado-,
· Minilanzador:
Por último a la derecha del todo, aparece el minilanzador -con los mismos iconos que en la ventana Lanzador
|
Bibliografía
No hay comentarios:
Publicar un comentario