ADSI 578644 DREAMWEAVER 8 FORMACION 1

Instructor: Andrs Leonardo Castellanos

QUE ES DREAMWEAVER 8

Macromedia Dreamweaver 8 es un editor HTML profesional para disear, codificar y desarrollar
sitios, pginas y aplicaciones Web. Tanto si desea controlar manualmente el cdigo HTML como si
prefiere trabajar en un entorno de edicin visual, Dreamweaver le proporciona tiles herramientas
Que mejorarn su experiencia de creacin Web.
LO QUE PUEDE HACER CON DREAMWEAVER 8

Las funciones de edicin visual de Dreamweaver permiten crear pginas Web de forma rpida, sin
escribir una sola lnea de cdigo. Puede ver todos los elementos o activos del sitio y arrastrarlos
desde un panel fcil de usar directamente hasta un documento. Puede agilizar el flujo de trabajo de
Desarrollo mediante la creacin y edicin de imgenes en Macromedia Fireworks o en otra
aplicacin de grficos y su posterior importacin directa a Dreamweaver. Dreamweaver tambin
contiene herramientas que facilitan la adicin de activos de Flash a las pginas web.
Adems de las funciones de arrastrar y soltar que le ayudan a crear pginas web, Dreamweaver le
ofrece un entorno de codificacin con todas las funciones, que incluye herramientas para la edicin
de cdigo (tales como coloreado de cdigo, terminacin automtica de etiquetas, barra de
herramientas para codificacin y contraccin de cdigo) y material de referencia para lenguajes
sobre hojas de estilos en cascada (CSS), JavaScript y ColdFusion Markup Language (CFML) entre
otros. La tecnologa Roundtrip HTML de Macromedia importa los documentos con cdigo manual
HTML sin modificar el formato del cdigo. Posteriormente, si lo desea, puede formatear el cdigo
con el estilo que prefiera. Adems, Dreamweaver le permite crear aplicaciones Webdinmicas
basadas en bases de datos empleando tecnologas de servidor como CFML, ASP.NET, ASP, JSP
y PHP. Si prefiere trabajar con datos en XML, Dreamweaver incorpora herramientas que le
permiten crear fcilmente pginas XSLT, adjuntar archivos XML y mostrar datos XML en sus
pginas.Dreamweaver se puede personalizar totalmente. Puede crear sus propios objetos y
comandos, modificar mtodos abreviados de teclado e incluso escribir cdigo JavaScript para
ampliar las posibilidades que ofrece Dreamweaver con nuevos comportamientos, inspectores de
propiedades e informes de sitios.

Conocer el espacio de trabajo de
Dreamweaver 8
El espacio de trabajo de Dreamweaver permite ver las propiedades de los documentos y los
objetos. Adems, coloca muchas de las operaciones ms frecuentes en barras de herramientas
para que pueda realizar cambios en los documentos rpidamente.

Diseo del espacio de trabajo
En Windows, Dreamweaver proporciona un diseo integrado en una nica ventana. En el espacio
de trabajo integrado, todas las ventanas y paneles estn integrados en una nica ventana de la
aplicacin de mayor tamao.











ADSI 578644 DREAMWEAVER 8 FORMACION 1
Instructor: Andrs Leonardo Castellanos


Ventana de documento
La ventana de documento muestra el documento actual. Puede elegir entre una de las vistas
siguientes: La vista Diseo es un entorno de diseo para el diseo visual de la pgina, la edicin
visual y el desarrollo rpido de aplicaciones. En esta vista, Dreamweaver muestra una
representacin visual del documento completamente editable, similar a la que aparecera en un
navegador. La vista Cdigo es un entorno de codificacin manual para escribir y editar cdigo HTML,
JavaScript, cdigo de lenguaje de servidor, como por ejemplo PHP o ColdFusion Markup
Language (CFML), y otros tipos de cdigo. Es posible ver el mismo documento en las dos vistas,
Cdigo y Diseo, en una sola ventana de documento.Cuando la ventana de documento tiene una
barra de ttulo, sta muestra el ttulo de la pgina y, entre parntesis, el nombre y la ruta del
archivo. Si se han realizado cambios que an no se han guardado, despus del nombre del archivo
Dreamweaver incluye un asterisco. Cuando se maximiza la ventana de documento en el diseo
integrado de espacio de trabajo (slo Windows), no aparece la barra de ttulo; en este caso, el
ttulo de la pgina y el nombre y la ruta del archivo aparecen en la barra de ttulo de la ventana
principal del espacio de trabajo. Adems, cuando una ventana de documento est maximizada,
aparecen fichas en la parte superior de la misma con los nombres de archivo de todos los
documentos abiertos. Para cambiar a un documento, haga clic en su ficha.





ADSI 578644 DREAMWEAVER 8 FORMACION 1
Instructor: Andrs Leonardo Castellanos
Barra de herramientas de Documento
La barra de herramientas de Documento contiene botones que permiten alternar entre diferentes
vistas del documento rpidamente: vista Cdigo, vista Diseo y una vista dividida que muestra las
vistas Cdigo y Diseo. La barra de herramientas contiene tambin algunos comandos y opciones
Relativos a la visualizacin del documento y a su transferencia entre los sitios local y remoto.




En la barra de herramientas de Documento, aparecen las siguientes opciones:

Mostrar vista de cdigo slo: muestra la vista Cdigo en la ventana de documento.

Mostrar vistas de cdigo y diseo: muestra la vista Cdigo en una parte de la ventana de documento y
la vista Diseo en la otra parte. Cuando seleccione esta vista combinada, se encontrar disponible
la opcin Vista de diseo encima del men Ver. Utilice esta opcin para especificar qu vista
Debe aparecer en la parte superior de la ventana de documento.

Mostrar vista de diseo: slo muestra la vista Diseo en la ventana de documento.

Depuracin del servidor: muestra un informe que le ayudar a depurar la Pgina de ColdFusion (En
computacin, Coldfusion (Adobe ColdFusion) es un servidor de aplicaciones y un lenguaje
de programacin usado para desarrollar aplicaciones de Internet, generalmente sitios web
generados dinmicamente. En este aspecto, es un producto similar a ASP, JSP o PHP.)
Actual. El informe contiene los errores de la pgina, si los hay.

Ttulo del documento: permite introducir un ttulo para el documento, que aparecer en la barra de
ttulo del navegador. Si el documento ya tiene ttulo, ste aparecer en dicho campo.
No hay errores de comprobacin de navegador permite comprobar la compatibilidad con distintos
navegadores.

Validar formato: permite validar el documento actual o una etiqueta seleccionada. Administracin de
archivos muestra el men emergente Administracin de archivos.
Vista previa/Depurar en explorador: permite ver una vista previa del Documento o depurarlo en un
navegador. Seleccione un navegador en el men emergente.
Actualizar vista de diseo: actualiza la vista Diseo tras realizar cambios en la vista Cdigo. Los
cambios realizados en la vista Cdigo no aparecern de forma automtica en la vista Diseo hasta
que se efecten determinadas acciones, como guardar el archivo o hacer clic en este botn.
Ver opciones: permite definir las opciones de las vistas Cdigo y Diseo, y Establecer qu vista va a
aparecer en la parte superior de la ventana. Las opciones del men corresponden a la vista actual:
la vista Diseo, la vista Cdigo o ambas.
Ayudas visuales: permite utilizar distintas ayudas visuales para el diseo de las pginas.