1. MENU:
*¿Qué es Dreamweaver?
*¿Cómo crear un sitio web en
Dreamweaver?
*¿Para que sirve Dreamweaver?
*Novedades de Dreamweaver
*Barra de herramientas de
Dreamweaver
*Panel de Dreamweaver
*Animaciones de Dreamweaver
*películas flash
Dreamweaver
Ailin Paola Gómez Mesino
11 e

2. *¿Que es el Dreamweaver?
MENU:
Adobe Dreamweaver es una aplicación en forma *¿Qué es Dreamweaver?
de estudio (basada en la forma de estudio de
Adobe Flash) enfocada a la construcción y edición *¿Cómo crear un sitio web en
de sitios y aplicaciones Web basados en Dreamweaver?
estándares. Es el programa de este tipo más
utilizado en el sector del diseño y la programación *¿Para que sirve Dreamweaver?
web, por sus funcionalidades, su integración con *Novedades de Dreamweaver
otras herramientas como Adobe Flash
y, recientemente, por su soporte de los *Barra de herramientas de
estándares del World Wide Web Consortium. Su Dreamweaver
principal competidor es Expression Web y tiene
soporte tanto para edición de imágenes como *Panel de Dreamweaver
para animación a través de su integración con *Animaciones de Dreamweaver
otras. Adobe Dreamweaver permite crear sitios
de forma totalmente gráfica, y dispone de *películas flash
funciones para acceder al código HTML generado.
Permite la conexión a un servidor, a base de
datos, soporte para programación en
ASP, PHP, Javascript, cliente FTP integrado, etc.
http://www.cavsi.com/preguntasrespuestas/que-es-adobe-dreamweaver/

3. ¿Cómo crear un sitio web en
Dreamweaver?
 Para trabajar de una manera eficaz tendrá que definir siempre
un sitio local para cada sitio Web que cree.
Para ello accede a la ventana de sitio, puede acceder desde:
MENU:
 Sitio / Nuevo sitio.
desde el botón x situado en la esquina inferior derecha de la *¿Qué es Dreamweaver?
ventana. *¿Cómo crear un sitio web en
 luego parecerá una ventana en la que rellenar los datos del sitio Dreamweaver?
*¿Para que sirve
 En la casilla “Nombre del sitio”, hay que poner el nombre que
quieras poner para el sitio. Dreamweaver?
 En “Carpeta raíz local” hay que poner la dirección local del sitio.
*Novedades de Dreamweaver
Es decir, hay que hacer una carpeta para el sitio y buscarla *Barra de herramientas de
pulsando en el icono que pone una carpeta. Dreamweaver
 -En Dirección HTTP, hay que poner la dirección del site en *Panel de Dreamweaver
Internet. Puede dejarse en blanco. *Animaciones de
 - La casilla Caché debe dejarse siempre activada, para que Dreamweaver
Dreamweaver pueda actualizar rápidamente los vínculos al *películas flash
mover, cambiar el nombre o eliminar un archivo.
Y por último le damos al botón aceptar.
La ventana de Sitio ya mostrará una lista de todas las carpetas y
archivos contenidos en el sitio local , en ella también actúa
podremos copiar, pegar, eliminar, mover y abrir archivos del mismo
modo que en el escritorio del
PC. http://www.originaldesign.es/tutodefenir.php

4. *¿Para que nos sirve Dreamweaver?
MENU:
Dreamweaver es la herramienta de desarrollo
*¿Qué es Dreamweaver?
Web líder del mercado y permite a sus usuarios
diseñar, desarrollar y mantener de forma eficaz
*¿Cómo crear un sitio web en
sitios y aplicaciones Web basados en normas. Dreamweaver?
Con Dreamweaver , los desarrolladores Web lo *¿Para que sirve Dreamweaver?
abarcan todo, desde la creación y mantenimiento *Novedades de Dreamweaver
de sitios Web básicos hasta aplicaciones *Barra de herramientas de
avanzadas compatibles con las mejores prácticas y Dreamweaver
las tecnologías más recientes. Es el principal *Panel de Dreamweaver
programa para la creación de sitios web y
*Animaciones de Dreamweaver
aplicaciones.
*películas flash
El programa es realmente muy completo y sus
nuevas versiones son cada vez más
sencillas, aunque siempre necesitarás conocer algo
del tema para poder utilizarlo. Buscando en
Internet podrás encontrar varios tutoriales que
te ayudarán a comenzar a utilizar este programa.
http://respuesta.mexicotop.com/Tecnologia/dreamweaver-programa-disea-o-
multimedia

5. Novedades de Dreamweaver
 Integración de RSS: con Dreamweaver 8 podrás
ingresar estradas de RSS provenientes de otras
paginas con solo introducir la fuente, arrastrar MENU:
y colocar los campos. De esta forma podrás *¿Qué es Dreamweaver?
introducir datos de forma XML fácil y *¿Cómo crear un sitio web en
cómodamente. Dreamweaver?
 Mejoras CSS: esta versión ha mejorado mucho *¿Para que sirve
con respecto a la compatibilidad y manejos de Dreamweaver?
estilos de cascadas, de esta forma se a *Novedades de Dreamweaver
mejorado el panel de CSS, donde ahora podrás *Barra de herramientas de
acceder a la configuración de cada una de estos Dreamweaver
estilos desde una lista mejor dotada de una *Panel de Dreamweaver
cuadricula editable de donde podrás modificar
*Animaciones de Dreamweaver
sus propiedades.
*películas flash
 accesibilidad: Dreamweaver 8 incorpora las
normas de accesibilidad de propiedad 2
marcadas con WCAG/W3C
http://issuu.com/jcmm1980/docs/dreamweaver_herramientas_basicas

6. Barra de herramientas Dreamweaver
 La barra de herramientas de Dreamweaver contiene MENU:
botones que permiten alternar entre diferentes *¿Qué es Dreamweaver?
vistas del documento rápidamente, cambiar el título *¿Cómo crear un sitio web en
del documento o pre visualizar la página en el
Dreamweaver?
navegador. Los elementos del menú Opciones (botón
situado en el extremo derecho de la barra de *¿Para que sirve
herramientas) cambia en función de la vista que Dreamweaver?
seleccione. *Novedades de Dreamweaver
*Barra de herramientas de
 Para ver u ocultar la barra de herramientas, elija en
el menú Ver la opción Barra de herramientas. Dreamweaver
*Panel de Dreamweaver
 Para ver sólo código en la ventana de documento, *Animaciones de
haga clic en el botón Vista de código.
Dreamweaver
 Para ver una vista que contenga las vistas de Código *películas flash
y de Diseño, haga clic en el botón Vistas de código y
diseño.
 Para ver sólo la vista de Diseño, haga clic en el
botón Vista de diseño.

7.  Para introducir un título para el documento, utilice
el campo Título. Si el documento ya tiene
título, éste aparecerá en dicho campo.
 Para poner, obtener o proteger un archivo, haga clic
en el botón de menú de "Estado de archivo". MENU:
*¿Qué es Dreamweaver?
 Para previsualizar o depurar un documento en un *¿Cómo crear un sitio web en
navegador, haga clic en Vista previa/depurar en Dreamweaver?
navegador y elija uno de los navegadores
enumerados en el menú emergente. *¿Para que sirve
 Para actualizar la vista de Diseño, haga clic en el
Dreamweaver?
botón Actualizar vista de diseño. *Novedades de Dreamweaver
 Para obtener información de referencia sobre *Barra de herramientas de
código HTML, CSS y JavaScript, haga clic en el Dreamweaver
botón Referencia. *Panel de Dreamweaver
 Para desplazarse por el código, haga clic en el botón *Animaciones de
Navegación por el código. Para obtener más
información, consulte "Introducción al depurador Dreamweaver
JavaScript". *películas flash
 Para mostrar u ocultar la regla, la cuadrícula y las
ayudas visuales, haga clic en el botón de menú
Opciones.
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13232

8. Panel Dreamweaver
El panel contiene siete categorías de forma
predeterminada:
Común, Formularios, Marcos, Head, Invisibles
y Caracteres. También contiene botones que MENU:
cambian de vista: Estándar y Disposición. Cada uno *¿Qué es Dreamweaver?
de estos elementos serán explicados en temas *¿Cómo crear un sitio web
posteriores.
en Dreamweaver?
 Para cambiar de categoría dé clic sobre alguna
de las pestañas situadas en la parte superior del *¿Para que sirve
panel. Dreamweaver?
*Novedades de
 Si desea insertar un objeto en el documento Dreamweaver
haga clic en el correspondiente botón del panel o
arrastre el ícono del botón hasta la ventana de *Barra de herramientas de
documento. Dependiendo del objeto, aparecerá Dreamweaver
un cuadro de diálogo en el cual se le pedirá que *Panel de Dreamweaver
seleccione o inserte el archivo u objeto deseado.
*Animaciones de
 Si desea insertar un marcador de posición Dreamweaver
mantenga presionada la tecla Control mientras
da clic en el ícono para insertar el objeto. (Por *películas flash
ejemplo, para insertar un marcador de posición
para una imagen sin especificar un archivo de
imagen, mantenga presionada la tecla Control y
haga clic en el botón Imagen.
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13232

9. Animaciones de Dreamweaver
 Para mostrar la línea del tiempo iremos a MENU:
VENTANA-OTROS-LÍNEA DE TIEMPO *¿Qué es Dreamweaver?
Para agregar objetos a la línea del tiempo *¿Cómo crear un sitio web
seleccionaremos el objeto o capa e iremos a en Dreamweaver?
MODIFICAR-LÍNEA DE TIEMPO-AGREGAR *¿Para que sirve
OBJETO A LA LINEA DE TIEMPO, así Dreamweaver?
agregaremos el objeto a la línea del tiempo. Según
*Novedades de
los fotogramas por segundo seleccionados nos
creará esos fotogramas con un fotograma clave al Dreamweaver
inicio y uno al final, para crear la animación solo *Barra de herramientas de
tendremos que irnos a uno u otro fotograma y Dreamweaver
mover nuestro objeto. *Panel de Dreamweaver
Podemos añadir más fotogramas claves en la línea *Animaciones de
del tiempo e incluso eliminar fotogramas creados. Dreamweaver
También podemos animar el objeto directamente *películas flash
siguiendo los siguientes pasos: seleccionamos la
capa donde está el objeto y vamos a: MODIFICAR-
LÍNEA DE TIEMPO-REGISTRAR RUTA DE CAPA,
ahora tan sólo tendremos que mover el objeto
como queramos y se nos crearán los fotogramas
claves necesarios.

10.  Otra forma de animar los objetos es
realizarlo a través de comportamientos.
Por ejemplo, si quisiéramos ocultar una
capa y mostrarla más adelante podríamos
ir a VENTANA-COMPORTAMIENTOS- MENU:
MOSTRAR/OCULTAR CAPAS y
seleccionar la capa y darle a ocultar o *¿Qué es Dreamweaver?
mostrar según queramos. *¿Cómo crear un sitio web
 Otra forma de animar los objetos es en Dreamweaver?
realizarlo a través de comportamientos. *¿Para que sirve
Por ejemplo, si quisieramos ocultar una
capa y mostrarla más adelante podríamos Dreamweaver?
ir a VENTANA-COMPORTAMIENTOS- *Novedades de
MOSTRAR/OCULTAR CAPAS y
seleccionar la capa y darle a ocultar o Dreamweaver
mostrar según queramos. *Barra de herramientas de
Dreamweaver
*Panel de Dreamweaver
*Animaciones de
Dreamweaver
*películas flash
http://isamadridval.blogspot.com/2006/10/dreamweaver-
animaciones.html

11. Películas Flash
películas Flash son animaciones, que al igual que los MENU:
botones y el texto Flash, tienen la extensión SWF. Es *¿Qué es Dreamweaver?
frecuente verlas en las páginas iniciales de los sitios *¿Cómo crear un sitio web
web, a modo de presentación hacia los usuarios, aunque en Dreamweaver?
se pueden utilizar para realizar cualquier tipo de
*¿Para que sirve
animación.
Dreamweaver?
Estas películas pueden crearse mediante el programa *Novedades de
Flash de Macromedia, y necesitan que el usuario tenga Dreamweaver
instalado el plug-in para poder ser visualizadas.
*Barra de herramientas de
Dreamweaver
*Panel de Dreamweaver
*Animaciones de
Dreamweaver
*películas flash