El documento proporciona información sobre el software Dreamweaver, incluyendo sus características principales como herramienta para diseño web, su interfaz gráfica y capacidades como mapas sensibles, capas y frames. Explica cómo Dreamweaver permite crear y editar sitios web de manera visual sin necesidad de código, y ha sido una herramienta popular entre diseñadores y desarrolladores.

1. Universidad Fermín Toro
Vice Rectorado Académico
Facultad de Ciencias Económicas y Sociales
Escuela de Comunicación Social
Integrantes:
Diana Fernández V- 16.966.923
Lorena Barrios V-18.655.296
Sara Lameda V- 25.961.514
Milagros Alcalá V- 25.895.595
Sección A

2. DREAMWEAVER
Dreamweaver es un excelente software desarrollado con objeto del diseño
web y una interfaz de herramientas para que usuarios nuevos y
experimentados puedan reducir la carga de trabajo tornándola liviana y
amigable. Con los años ha crecido en popularidad convirtiéndose en la
herramienta favorita y favorable por la más amplia comunidad de
desarrolladores y diseñadores, por sus avances creativos. Empresas de
diseño líderes le pueden usar para el diseño de una interfaz de un móvil o
incluso se pueden desarrollar potentes scripts del lado del servidor,
Dreamweaver siempre liderando la innovación y que hasta la fecha se ha
mantenido incólume como un programa imprescindible.
ENTORNO GRAFICO DE DREAMWEAVER
Adobe Dreamweaver es una aplicación en forma de estudio enfocada a la
construcción y edición de sitios y aplicaciones Web Es el programa de este
tipo más utilizado en el sector del diseño y la programación web, por sus
funcionalidades, su integración con otras herramientas como Adobe Flash
y, recientemente, por su soporte de los estándares del World Wide Web
Consortium.
Tiene soporte tanto para edición de imágenes como para animación a
través de su integración con otras. La gran ventaja de este editor sobre
otros es su gran poder de ampliación y personalización del mismo, puesto
que, en este programa, sus rutinas (como la de insertar un hipervínculo,
una imagen o añadir un comportamiento. Dreamweaver ha tenido un gran
éxito desde finales de los 90 y actualmente mantiene el 90% del mercado
de editores HTML. Dreamweaver permite al usuario utilizar la mayoría de
los navegadores Web instalados en su ordenador para pre visualizar las
páginas web
la habilidad de encontrar y reemplazar líneas de texto y código por cualquier
tipo de parámetro especificado, hasta el sitio web completo. El panel de
comportamientos también permite crear JavaScript básico sin
conocimientos de código.
También podría decirse, que para un diseño más rápido y a la vez fácil
podría complementarse con Fireworks en donde podría uno diseñar un
menú o para otras creaciones de imágenes (gif web, gif websnap, gif
adaptable, jpeg calidad superior, jpeg archivo más pequeño, gif animado
websnap) para un sitio web y después exportar la imagen creada y así
utilizarla como una sola, en donde ya llevara los vínculos a un dicho sitio
en específico que uno le haya dado. Esta increíble aplicación Contiene

3. modo tanto para diseñadores como programadores es simplemente un
espacio para crear paginas originales y poder mostrarlas a la web. Incluye
un software de cliente FTP completo, permitiendo entre otras cosas trabajar
con mapas visuales de los sitios web. Las funciones de edición visual de
Dreamweaver permiten agregar rápidamente diseño y funcionalidad a las
páginas, sin la necesidad de programar manualmente el código HTML. Se
puede crear tablas, editar marcos, trabajar con capas, insertar
comportamientos JavaScript, etc., de una forma muy sencilla y visual. Esta
aplicación contiene muchas funciones con un gran número de botones,
menús, opciones que a primera vista puede resultar muy complicado, pero
esta página nos da la facilidad de que el usuario personalice a su gusto el
entorno de trabajo.
Cuando estamos en la página central o de inicio y nos encontramos con las
opciones a simple vista como En la zona de la izquierda: vemos la lista de
los documentos usados más recientemente y nos da la opción de abrir
cualquiera de ellos rápidamente pulsando sobre ellos. En la zona central:
podemos crear un nuevo documento en blanco en cualquiera de los
formatos mostrados.
En la zona de la derecha: Dreamweaver nos permite utilizar unas plantillas
de ejemplos para crear nuestros documentos de una manera rápida y
sencilla. En la izquierda y en la zona inferior de la ventana de Dreamweaver
tenemos otros paneles con funciones avanzadas que nos ayudaran a crear
páginas con diseños originales y al mismo tiempo disfrutar de la aplicación.
MAPAS SENSIBLES.
Se entiende por un mapa sensible a una imagen que se divide en varias
zonas o regiones creando en ella diferentes extensiones, y cuando el
usuario hace clic en la zona interactiva se crea una acción, es decir, se abre
un archivo nuevo dentro del mismo.
Dreamweaver no modifica las referencias a mapas sensibles, este puede
utilizar mapas de imágenes del lado del cliente y del lado del servidor en el
mismo documento.
INSERTAR MAPAS SENSIBLES.
Para insertar un mapa sensible debes crear una zona interactiva y definir
un título que se abra cuando el usuario seleccione la zona interactiva.
Puede crear varias zonas interactivas pero que estén dentro del mismo
mapa sensible.
En la ventana de documento, seleccione la imagen.

4. En el inspector de propiedades, haga clic en la fecha de ampliación, situada
en la esquina inferior derecha, para ver todas las propiedades.
En el cuadro mapa introduzca un nombre exclusivo para el mapa de
imagen, si utiliza varios debe colocarle un nombre exclusivo a cada uno.
MODIFICACIÓN.
Se puede modificar fácilmente las zonas interactivas, cambiar su tamaño,
o adelantar o retrasar una zona interactiva. También puede copiar una
imagen con zonas interactivas de un documento a otro.
 Desplazamiento de una zona interactiva.
 Seleccione la zona interactiva con el puntero.
 Arrastre la zona interactiva a una nueva área.
 Utilice el control y las teclas de flecha para mover una zona
interactiva.
 Cambiar tamaño de la zona interactiva.
 Arrastre el manejador de la zona interactiva para cambiar el tamaño
de la zona.
CONCEPTO DE FRAMES Y SU EMPLEO EN DREAMWEAVER.
Los marcos o frames sirven para distribuir mejor los datos de las páginas,
por tanto, son aquellos que permiten mantener fijas algunas partes, como
el logotipo y la barra de navegación, tomando en cuenta que otras partes si
pueden ser cambiadas. De esta manera ayuda a reformar la funcionalidad,
y a su vez pueden mejorar la apariencia del mismo.
Todos los marcos de una página, poseen un documento HTML particular.
Se puede editar los escritos o documentos que contienen los marcos desde
la página que posee el grupo de marcos. Con esto hace más fácil el trabajo,
aunque es más fácil imaginar cómo resultará la página al final, sin embargo,
no es posible si se cambian individualmente cada los documentos que
contiene cada el marco.
Hay que tomar en cuenta que trabajar con marcos puede resultar muy
complicado, sobre todo cuando se está empezando, por tal motivo sería
casi imposible aprender la técnica en un solo paso, y se recomienda hacerlo
desde lo más básico y poniendo en práctica cada paso para dar continuidad
al cada elemento de manejos de los marcos.
Para la ejecución de frames en Dreamweaver se debe abrir un
documente o también se puede hacer uso de uno ya existente, luego hay
que dirigirse al panel insertar y se selecciona la opción diseño de

5. Dreamweaver en marcos, desde allí se puede elegir el tipo de marcos con
el que se desea trabajar.
CONCEPTO DE CAPAS Y SU MANEJO CON DREAMWEAVER.
Las capas son unos recuadros, que pueden colocarse en cualquier parte
de la página, y en ellos podemos insertar contenido HTML. En esas capas
pueden disimular y disfrazar entre sí, lo que facilita innumerables
posibilidades de diseño. Las capas se pueden mover en varias posiciones
dentro de la ventana tocando sobre el recuadro blanco, y sin soltar el ratón,
arrastrándola hacia la nueva posición.
Además, pueden ser redimensionadas presionando sobre los recuadros
negros, y arrastrándolos hasta conseguir el tamaño que se desee. Por otro
lado, las capas pueden insertarse en una página a través del menú Insertar,
opción Capa. De esta manera se insertan las capas y pueden editarse sus
propiedades, pero para hacerlo se debe seleccionar la capa primero
seleccionando sobre el icono correspondiente, pero esto no se da cuando
se tienen muchas capas en un mismo documento, debido a que todas las
capas tienen asociada una imagen, y por lo tanto no es fácil seleccionar la
que se quiere a la primera. Cuando existen varias capas en un mismo
documento, es preferible seleccionarlas a través del menú Ventana,
(Dreamweaver MX).

6. ANEXOS