Embed Size (px)
Citation preview
VE
NTA
NA
DE
D
RE
AM
WE
AV
ER
Mariana Isabel Varela Guerrero
11ºC
2013
VENTANA DE DREAMWEAVER
Adobe Dreamweaver CS5.5 es la aplicación que lidera el
sector de la edición y creación de contenidos web.
Proporciona funciones visuales y de nivel de código para
crear diseños y sitios web basados en estándares para
equipos de sobremesa, Smartphone, tabletas y otros
dispositivos
Haga clic en el icono para agregar una imagen
ELEMENTOS BÁSICOS DE LA
VENTANA DE DREAMWEAVER
La Pantalla Inicial . La Barra de Títulos. La Barra de Menú. la Barra de Herramientas
Estándar. La Barra de Herramientas De
Archivo. La Barra de Estado. Los Paneles e Inspectores. La Barra de Herramientas
Insertar o Panel de Objetos. Vistas de un Documento.
Haga clic en el icono para agregar una imagen
LA PANTALLA INICIAL
Al arrancar Dreamweaver aparece una pantalla inicial como ésta, vamos a ver sus componentes fundamentales. Así conoceremos los nombres de los diferentes elementos y será más fácil entender
Haga clic en el icono para agregar una imagen
BARRA DE TÍTULOS
La barra de título contiene el nombre del programa (Macromedia Dreamweaver 8) y
seguidamente el nombre del documento que aparecerá en el explorador y entre paréntesis,
su ubicación y el nombre del archivo en formato HTML. En el extremo de la derecha están
los botones para minimizar, maximizar/restaurar y cerrar.
LA BARRA DE MENÚ
La barra de menús contiene las operaciones de Dreamweaver, agrupadas en menús
desplegables. Al hacer clic en Insertar, por ejemplo, veremos las operaciones
relacionadas con los diferentes elementos que se pueden insertar en Dreamweaver.
LA BARRA DE HERRAMIENTAS ESTÁNDAR
La barra de herramientas estándar contiene iconos para ejecutar de forma
inmediata algunas de las operaciones más habituales, como Abrir , Guardar , etc.
LA BARRA DE HERRAMIENTAS DE ARCHIVO
Mediante esta barra podremos acceder a diversas opciones
de visualización del documento y a la
administración de éstos con respecto al servidor
LA BARRA DE ESTADO
La barra de estado nos indica en cada momento en qué etiqueta HTML
nos encontramos
(en la imagen al encontrarnos en un documento en blanco estamos
directamente sobre la
etiqueta <body>).
LOS PANELES E INSPECTORES.
Dreamweaver utiliza ventanas flotantes similares a las barras de
herramientas, que se conocen como paneles o inspectores
LA BARRA DE HERRAMIENTAS INSERTAR O PANEL DE OBJETOS.
La barra de herramientas Insertar o panel de
objetos permite insertar elementos en un
documento sin la necesidad de recurrir al menú
Insertar. Los elementos están clasificados según
su categoría: tablas, texto, objetos de
formulario, etc.
VISTAS DE UN DOCUMENTO
Puedes cambiar la vista del documento a través de la barra de herramientas de documento. La vista Diseño: Permite trabajar con el editor visual. Es la vista predeterminada de Dreamweaver y la que se suele utilizar habitualmente.
NOVEDADES DE LA VENTANA DE DREAMWEAVER
El software de diseño web Adobe® Dreamweaver® CS6 proporciona una
interfaz visual intuitiva para la creación y la edición de sitios web HTML y apps para
dispositivos móviles. Utiliza el nuevo Diseño de cuadrícula fluida, que hace
posible la compatibilidad multiplataforma, para crear diseños adaptables. Revisa los diseños antes de publicarlos por medio de
la Vista previa multipantalla mejorada
GRACIAS POR SU ATENCIÓN
