El documento describe los principales componentes de la interfaz de usuario de Dreamweaver, incluyendo la ventana principal, la barra de herramientas, el panel de objetos y el inspector de propiedades. Explica que estos elementos permiten al usuario crear y editar páginas web de manera fluida mediante la inserción de objetos, cambio de vistas y edición de propiedades.

1. Menú:
 La ventana de
Dreamveaver
 Dreamveaver
 Dreamveaver
 Barra de
herramientas
 Barra de
herramientas
 EL panel Objeto
 EL panel Objeto
 Inspector de
propiedades
 Inspector de
propiedades
 Inspector de
propiedades

2.  El formato de trabajo de
Dreamweaver CS3 se basa en el
de versiones anteriores del
programa.
Combina el uso de paneles y
conjunto de paneles para
conseguir que el proceso sea lo
más fluido posible.
Éste es el aspecto de la ventana
de Dreamweaver MX 2004 en el
proceso de trabajo (cuando haya
un documento abierto)
Menú:
 La ventana de
Dreamveaver
 Dreamveaver
 Dreamveaver
 Barra de
herramientas
 Barra de
herramientas
 EL panel
Objeto
 EL panel
Objeto
 Inspector de
propiedades
 Inspector de
propiedades
 Inspector de
propiedades

3. Menú:
 La ventana de
Dreamveaver
 Dreamveaver
 Dreamveaver
 Barra de
herramientas
 Barra de
herramientas
 EL panel
Objeto
 EL panel
Objeto
 Inspector de
propiedades
 Inspector de
propiedades
 Inspector de
propiedades

4.  La barra de herramientas de
Dreamweaver contiene botones
que permiten alternar entre
diferentes vistas del documento
rápidamente, cambiar el título del
documento o pre visualizar la
página en el navegador. Los
elementos del menú Opciones
(botón situado en el extremo
derecho de la barra de
herramientas) cambia en función
de la vista que seleccione.
Menú:
 La ventana de
Dreamveaver
 Dreamveaver
 Dreamveaver
 Barra de
herramientas
 Barra de
herramientas
 EL panel Objeto
 EL panel Objeto
 Inspector de
propiedades
 Inspector de
propiedades
 Inspector de
propiedades

5.  Justo encima de la ventana de
documento, Dreamweaver puede
presentar dos barras de
herramientas: Documento y
Estándar.
La que vemos por defecto es la
de Documento. Actúa
directamente sobre la ventana
de documento:
Para mostrar la vista del código
HTML de la página Web: Código
Para mostrar una vista conjunta
del código y el diseño: Dividir
Para mostrar la vista del diseño
nuestro documento: Diseño
Para dar un título a nuestra
pagina Web en el cuadro de
texto "Título"
Menú:
 La ventana de
Dreamveaver
 Dreamveaver
 Dreamveaver
 Barra de
herramientas
 Barra de
herramientas
 EL panel Objeto
 EL panel Objeto
 Inspector de
propiedades
 Inspector de
propiedades
 Inspector de
propiedades

6.  Este panel contiene botones que
permiten la creación e inserción
de diversos tipos de objetos,
como tablas, vínculos, capas e
imágenes. El panel contiene
siete categorías de forma
predeterminada: Común,
Formularios, Marcos, Head,
Invisibles y Caracteres. También
contiene botones que cambian
de vista: Estándar y Disposición.
Cada uno de estos elementos
serán explicados en temas
posteriores.
Menú:
 La ventana de
Dreamveaver
 Dreamveaver
 Dreamveaver
 Barra de
herramientas
 Barra de
herramientas
 EL panel Objeto
 EL panel Objeto
 Inspector de
propiedades
 Inspector de
propiedades
 Inspector de
propiedades

7.  Para cambiar de categoría dé clic
sobre alguna de las pestañas
situadas en la parte superior del
panel.
 Si desea insertar un objeto en el
documento haga clic en el
correspondiente botón del panel o
arrastre el ícono del botón hasta la
ventana de documento.
Dependiendo del objeto, aparecerá
un cuadro de diálogo en el cual se le
pedirá que seleccione o inserte el
archivo u objeto deseado. Si desea
insertar un marcador de posición
mantenga presionada la tecla Control
mientras da clic en el ícono para
insertar el objeto. Por 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.
Menú:
 La ventana de
Dreamveaver
 Dreamveaver
 Dreamveaver
 Barra de
herramientas
 Barra de
herramientas
 EL panel Objeto
 EL panel Objeto
 Inspector de
propiedades
 Inspector de
propiedades
 Inspector de
propiedades

8.  El inspector de propiedades
permite examinar y editar las
propiedades del elemento que
esté seleccionado actualmente,
puede ser un objeto o texto. Es
posible seleccionar los
elementos en la ventana de
documento o en el inspector de
código. La mayoría de los
cambios realizados en las
propiedades se aplicarán de
inmediato en la ventana de
documento
Menú:
 La ventana de
Dreamveaver
 Dreamveaver
 Dreamveaver
 Barra de
herramientas
 Barra de
herramientas
 EL panel Objeto
 EL panel Objeto
 Inspector de
propiedades
 Inspector de
propiedades
 Inspector de
propiedades

9.  (Para algunas propiedades, los
cambios no se aplican hasta
que se hace clic fuera de los
campos de texto de edición de
la propiedad, se presiona Enter
o se presiona Tab para
cambiar a otra propiedad.)
El contenido del inspector de
propiedades varía en función
del elemento seleccionado. Si
quiere obtener información
sobre propiedades concretas,
seleccione un elemento en la
ventana de documento y, a
continuación, haga clic en el
icono Ayuda, situado en la
esquina superior derecha del
inspector de propiedades.
Menú:
 La ventana de
Dreamveaver
 Dreamveaver
 Dreamveaver
 Barra de
herramientas
 Barra de
herramientas
 EL panel Objeto
 EL panel Objeto
 Inspector de
propiedades
 Inspector de
propiedades
 Inspector de
propiedades

10.  El inspector de propiedades
muestra inicialmente las
propiedades del elemento
seleccionado que se utilizan
con mayor frecuencia; para
ver todas las propiedades
haga clic en la flecha de
ampliación situada en la
esquina inferior derecha del
inspector de propiedades,
para ver más propiedades
del elemento
Menú:
 La ventana de
Dreamveaver
 Dreamveaver
 Dreamveaver
 Barra de
herramientas
 Barra de
herramientas
 EL panel Objeto
 EL panel Objeto
 Inspector de
propiedades
 Inspector de
propiedades
 Inspector de
propiedades