1. VICERRECTORADO ACADÉMICO
UNIVERSIDAD FERMÍN TORO
ESCUELA DE COMUNICACIÓN SOCIAL
BARQUISIMETO; EDO LARA DEL 2016
Dreamweaver
Alumnas:
Mary Guevara; C.I:24322641
Sinais Camacho; C.I 23.364.083
María Laura Carrero; C.I 25814281
Yannibeth Adan; C.I 24680662
Saia A
2. Concepto de Dreamweaver
Adobe Dreamweaver es una aplicación en forma de suite (basada en la forma de
estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de
sitios y aplicaciones Web basados en estándares. Creado inicialmente por
Macromedia (actualmente producido por Adobe Systems) es el programa 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. Su principal competidor
es Microsoft Expression Web y tiene soporte tanto para edición de imágenes como
para animación a través de su integración MALVERDE'S Hasta la versión MX, fue
duramente criticado por su escaso soporte de los estándares de la web, ya que el
código que generaba era con frecuencia sólo válido para Internet Explorer y no
validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes
Entono de Dreamweaver
El programa Dreamweaver es una aplicación muy completa con un gran número de
funcionalidades muy potentes, pero a la vez está diseñada para hacer más cómodo el
trabajo al usuario.
Naturalmente tener una aplicación con un gran número de funciones implica un gran
número de botones, menús, opciones y pulsar cientos de clicks, que a primera vista
puede resultar muy complicados ¿Entonces cómo puede Dreamweaver combinar a la
vez potencia y comodidad? Esto lo hace permitiendo que el usuario personalice a su
gusto el entorno de trabajo.
Tenemos la barra de titulo, en ella además de ver el nombre de la aplicación, el
título de la página que tengamos activa, también veremos los iconos de gestión de
ventanas típicos de Windows.
3. Debajo de la barra de título tenemos la barra de Menús, en ella tenemos acceso a
todos los menús, desde los cuales podemos manejar con eficiencia las numerosas
opciones de Dreamweaver.
Debajo de la barra de Menús, nos encontramos la barra de los grupos de paneles, la
cual es contextual, esto significa que va cambiando dinámicamente según la tarea en
la que estemos trabajando.
En el centro de la pantalla nos encontramos con la pantalla de inicio. Este contenido
aparece cuando no tenemos ningún documento activo y podemos distinguir tres zonas
distintas.
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.
Mapas sensibles
Se entiende por un mapa sensible a una imagen que se divide en varias zonas o
regiones creando en ella diferente e extensiones, y cuando el usuario hace clic en la
zona interactiva se crea una acción, es decir, se un archivo nuevo dentro del mismo.
Una de las características principales de Dreamweaver es la posibilidad de crear
imágenes sensibles o mapeadas, que son imágenes en las que se definen diversas
zonas que activan distintos hiperenlaces, al pulsar con el cursor sobre una de estas
4. zonas activaremos el hiperenlace que la define. La imagen se dividirá en distintas
áreas que definirán documentos a los que es posible acceder.
Para insertar un mapa sensible se debe crear una zona interactiva y definir un titulo
que se abra cuando el usuario abra la zona interactiva, puede usar varias zonas
interactivas pero que estén dentro del mismo mapa sensible.
En la ventana de documento, seleccione la imagen, en el inspector de propiedades,
haga clic en la flecha de de ampliación, situada en la esquina interior derecha, para
ver todas las propiedades. En un cuadro mapa introduzca un nombre exclusivo para
el mapa de imagen.
Concepto de Frames y su empleo en DreamWeber
Los marcos o frames son páginas web dentro de una página web que sirven para
distribuir de mejor manera los datos presentes en la pagina, como la barra de
navegación o el logotipo, es importante saber que existen otro elementos que si
pueden ser cambiados. Los marcos a frames ayudan a mejorar la función y apariencia
de la página, cada uno posee un HTML.
Cabe destacar que se pueden editar los documentos que se encuentran en estos
marcos desde la página que posee el grupo de marcos, facilitando el trabajo y
permitiendo a su vez imaginar como quedará la pagina al final pero esto no es posible
si se cambia cada elemento que contienen los marcos de manera individual. Para edita
o elegir el tipo de marco con el que se desea trabajar es necesario ir a Dreamwever en
marcos.
Concepto de Capas y su manejo con DreamWeber.
Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de
la página, en los que podemos insertar contenido HTML. Dichas capas pueden
ocultarse y solaparse entre sí, lo que proporciona grandes posibilidades de diseño
5. Una de las formas consistiría en imaginar que es una página web dentro de otra
página web. En realidad varias páginas web dentro de una página porque capas puede
haber todas las que queramos.
Dentro de cada una de las capas se puede insertar texto, imágenes, (en realidad hemos
quedado que la imaginamos como una página web dentro de otra). La característica
más importante de la capa es que la puedo mover para colocarla exactamente donde
quiera. Así puedo colocar una imagen dentro de una capa y, una vez dentro, mover la
capa para que la imagen se coloque exactamente en el sitio deseado. Esto es difícil de
conseguir por otros medios.
A las capas también se les puede adjuntar “comportamientos” que son fragmentos de
javascript que permiten al visitante interactividad con la página.