entorno dreamweaver

DISEÑO GRÁFICO I

ENTORNO DE DREAMWEAVER
CLASE 01

Ing. William León Velásquez
williamleon20@yahoo.com

Ventana de bienvenida

 Le permite abrir un documento reciente o crear un documento nuevo.

Desde la pantalla de bienvenida, también puede profundizar sus
conocimientos sobre Dreamweaver mediante una visita guiada o un
tutorial del producto.

Introducción al diseño delespacio
de trabajo

 El espacio de trabajo de Dreamweaver permite ver las

propiedades de los documentos y los objetos. Además,
coloca muchas de las operaciones más frecuentes en
barras de herramientas para que pueda realizar
cambios en los documentos rápidamente.
 Dreamweaver proporciona un diseño integrado en una
única ventana. En el espacio de trabajo integrado,
todas las ventanas ypaneles están integrados en una
única ventana de la aplicación de mayor tamaño.

Introducción al diseño del espacio
de trabajo
 A.Barra de aplicaciones
 B.Barra de herramientas









Documento
C.Ventana de documento
D.Grupos de paneles
E.Conmutador de espacios
de trabajo
F.Selector de etiquetas
G.Inspector de propiedades
H.Panel Archivos

Introducción al diseñodel espacio
de trabajo
 A. Barra de la aplicación A lo largo de su parte superior, la ventana de la aplicación

contiene un conmutador de espacios de trabajo, menús (sólo Windows) y otros controles
de aplicación.
 B. Barra de herramientas Documento Contiene botones que proporcionan
opciones para diferentes vistas de la ventana de documento (como la vista Diseño y la vista
Código),diversas opciones de visualización y algunas operaciones comunes como la
obtención de una vista previa en un navegador.
 Barra de herramientas Estándar (No se muestra en el diseño de espacio de trabajo
predeterminado.) Contiene botones para las operaciones más habituales de los menús
Archivo y Edición: Nuevo, Abrir, Examinar en Brigde, Guardar, Guardar todo, Imprimir
código, Cortar, Copiar, Pegar,Deshacer y Rehacer. Para mostrar la barra de herramientas
Estándar, seleccione Ver > Barras de herramientas > Estándar.
 Barra de herramientas Codificación (Sólo se muestra en la vista Código.) Contiene
botones que le permiten realizar numerosas operaciones de codificación estándar.

Introducción al diseño del espacio
de trabajo
 Barra de herramientas Representación de estilos (Ocultade manera

predeterminada.) Contiene botones que le permiten ver cómo aparecería el diseño en
distintos tipos de medios si utilizase hojas de estilos dependientes de los medios. También
contiene un botón que le permite activar o desactivar estilos de hojas de estilos en cascada
(CSS).
 C.Ventana de documento Muestra el documento actual mientras lo está creando y
editando.

 G. Inspectorde propiedades Le permite ver y cambiar diversas

propiedades del objeto o texto seleccionado. Cada objeto tiene
propiedades distintas. El inspector de propiedades no está ampliado de
forma predeterminada en el diseño del espacio de trabajo del codificador.
 F . Selector de etiquetas Situado en la barra de estado de la parte
inferior de la ventana de documento. Muestra la jerarquía deetiquetas que
rodea a la selección actual. Haga clic en cualquier etiqueta de la jerarquía
para seleccionar la etiqueta y todo su contenido.

Introducción al diseño del espacio
de trabajo
 Paneles Le ayudan a supervisar y modificar el trabajo realizado. Ejemplos de

paneles son el panel Insertar, el panel Estilos CSS y el panel Archivos. Para
ampliar un panel, haga doble clic en su ficha.
Panel Insertar Contiene botones para la inserción de diversos tipos de objeto, como
imágenes, tablas y elementos multimedia, en un documento. Cada objeto es un fragmento
de código HTML que le permite establecer diversos atributos al insertarlo. Por ejemplo,
puede insertar una tabla haciendo clic en el botón Tabla del panel Insertar. Si lo prefiere,
puede insertar objetos utilizando el menú...