ADSI 578644 DREAMWEAVER 8 FORMACION 1

ADSI 578644 DREAMWEAVER 8 FORMACION 1Instructor: Andrs Leonardo CastellanosQUE 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 herramientasQue 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 deDesarrollo 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 deDreamweaver 8El 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 trabajoEn 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.

Ventana de documentoLa 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.

Barra de herramientas de DocumentoLa 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 opcionesRelativos 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 vistaDebe 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.