dreamweaver m1 ud11 multimedia
TRANSCRIPT
-
7/31/2019 Dreamweaver M1 UD11 Multimedia
1/10
Forinsur S.L. Centro de Formacin | Manual de Usuario
Mul t im ed ia con Dream w eaver CS3
I nse r tando pe l cu las de FlashLas pel culas Flash son animaciones, que al igual que los botones y el
texto Flash, tienen la extensin SW F. Es frecuente verlas en las pginas
iniciales de los sitios web, a modo de presentacin hacia los usuarios,
aunque se pueden utilizar para realizar cualquier tipo de animacin.
Estas pelculas pueden crearse mediante el programa Flash de
Macromed ia , y necesitan que el usuario tenga instalado el plug-in para
poder ser visualizadas.
Las pel culas Flash pueden insertarse en una pgina a travs del men
I n s e r t a r , Media , opcin Flash , o pulsando Ct r l + A lt + F.
Tambin pueden insertarse pulsando sobre la opcin Flash que aparece
en la pestaa Comn del panel I n s e r t a r , botn Media .
El i nspec to r de p rop iedades de las pelculas Flash es prcticamente igual
que el de los botones y el texto Flash, pero existen dos opciones nuevas
que hacen referencia a la visualizacin de la pelcula.
-
7/31/2019 Dreamweaver M1 UD11 Multimedia
2/10
Tcnico Especialista en Diseo, Animacin y Programacin Web
La opcin Buc le indica que al finalizar la pelcula, sta volver a comenzar
desde el principio.
La otra es la opcin Rep. au tom. (reproduccin automtica), que al estar
marcada indica que nada ms cargarse la pgina comenzar a reproducirse
la pelcula Flash.
Si esta opcin no estuviera marcada, se mostrara nicamente el primer
fotograma de la pelcula.
Interesa desmarcar esta opcin cuando se desea que la reproduccin sea
activada por algn comportamiento.
Cont ro lan do p e l cu las de F lashUse la accin Controlar Flash para reproducir, detener, rebobinar o ir a un
fotograma de un archivo SWF de Macromedia Flash. Para utilizar la accin
Controlar Flash:
1. Seleccione Insertar > Media > Flash para insertar un archivo SWF deFlash respectivamente.
2. Seleccione Ventana > Propiedades e introduzca un nombre para lapelcula en el cuadro de texto situado en la parte superior izquierda
(junto al icono Flash). Debe asignar un nombre a la pelcula para poder
controlarla con la accin Controlar Flash.
3. Seleccione el elemento que desea usar para controlar el archivo SWF deFlash. Por ejemplo, si tiene una imagen de un botn Reproducir que seutilizar para reproducir la pelcula, seleccione esa imagen.
4. Abra el panel Comportamientos (Ventana > Comportamientos).5. Haga clic en el botn de signo ms (+) y seleccione Flash en el men
emergente Acciones.
Aparecer un cuadro de dilogo de parmetros.
6.
Seleccione una pelcula en el men emergente Pelcula.
-
7/31/2019 Dreamweaver M1 UD11 Multimedia
3/10
Forinsur S.L. Centro de Formacin | Manual de Usuario
Dreamweaver presenta automticamente una lista con los nombres de
todos los archivos SWF Flash que hay actualmente en el documento. (En
concreto, Dreamweaver presenta una lista con todos los nombres de los
archivos con las extensiones .dcr, .dir, .swf o .spl que estn en las
etiquetas object o embed.)
7. Elija si desea reproducir, detener, rebobinar o ir a un fotograma de lapelcula. La opcin Reproducir reproduce la pelcula empezando en el
fotograma en que se produce la accin.
8. Haga clic en Aceptar.9. Compruebe que el evento predeterminado es el que usted desea.Si no lo es, seleccione otro evento en el men emergente. Si los eventos
que busca no aparecen en la lista, cambie el navegador de destino en el
submen Mostrar eventos para del men emergente Eventos.
I n s e r t a n d o H TM L d e Fi r e w o r k sLa exportacin de archivos de Fireworks a Dreamweaver es un proceso de
dos fases. En primer lugar, en Fireworks, los archivos se exportan
directamente a una carpeta de sitio de Dreamweaver. Esta operacin genera
un archivo HTML y los archivos de imagen asociados en el lugar
especificado. A continuacin, se inserta el cdigo HTML en Dreamweaver
usando la funcin Insertar HTML de Fireworks.
Nota: Antes de iniciar la exportacin, asegrese de elegir Dreamweaver
como estilo de HTML en el cuadro de dilogo Configuracin de HTML.
Para exportar HTML de Fireworks:
Exporte el documento a formato HTML.
Para insertar cdigo HTML de Fireworks en un documento de Dreamweaver:
1. En Dreamweaver, guarde el documento en un sitio definido.2. Coloque el punto de insercin en el lugar del documento en que desee
que comience el cdigo HTML insertado.
3. Siga uno de estos procedimientos:
-
7/31/2019 Dreamweaver M1 UD11 Multimedia
4/10
Tcnico Especialista en Diseo, Animacin y Programacin Web
Seleccione Insertar > Objetos de imagen > HTML de Fireworks.Haga clic en el botn Imgenes: men emergente Imagen de la
categora Comn de la barra Insertar y elija HTML de Fireworks.
4. En el cuadro de dilogo que aparece a continuacin, haga clic enExaminar para seleccionar el archivo HTML de Fireworks que desee.
5. Seleccione Eliminar archivo despus de insertar para desplazar el archivoHTML a la Papelera de reciclaje (Windows) o para eliminarlo de forma
permanente (Macintosh) al finalizar la operacin.
Utilice esta opcin si no va a necesitar el archivo HTML de Fireworks despus
de insertarlo. Esta opcin no afecta al archivo PNG origen asociado con el
archivo HTML.
6. Haga clic en Aceptar para insertar el cdigo HTML, junto con susimgenes, divisiones y cdigo Javascript asociados, en el documento de
Dreamweaver.
I nser t ando APPLETSLa marca HTML < APPLET> < / APPLET> indica la ejecucin de un programa
(applet) externo escrito en lenguaje Java. Hay applets para hacer que el
texto se mueva dentro de la pgina, se contraiga y expanda, etc....
Esta marca tiene los siguientes parmetros :
code = programa a ejecutar
codebase = carpeta donde est el programa
w i dt h = num
h e i g h t = numLos dos ltimos indican el espacio (ancho y alto) en puntos en el que el
programa realizar su funcin
Dentro de la marca < APPLET> se puede incluir la marca < PARAM> que
enva al programa Java los parmetros necesarios para su funcionamiento.
Esta directiva suele tener como mnimo los parmetros :
n a m e = campo
va lue = valor de la variable a enviar
Veamos un ejemplo en el que se ejecuta un programa
-
7/31/2019 Dreamweaver M1 UD11 Multimedia
5/10
Forinsur S.L. Centro de Formacin | Manual de Usuario
Java que permite mostrar un reloj en la pantalla:
Nom bre de l a rch i vo Java
Nos situamos en el lugar del documento donde queremos insertar el applet y
seleccionamos Insertar -> Medio -> Applet
Seleccionamos el archivo .class que contiene la clase java compilada Applets
en Dreamweaver. El inspector muestra las propiedades del applet:
.. y al visualizar la pgina en el Explorer se ejecutar el Applet: Applets en
Dreamweaver.
-
7/31/2019 Dreamweaver M1 UD11 Multimedia
6/10
Tcnico Especialista en Diseo, Animacin y Programacin Web
I n s e r t a n d o ot r o s e le m e n t o s m u l t i m e d i a
No es muy habitual incluir sonido en una pgina web, ya que algunosusuarios suelen estar escuchando su propia msica cuando navegan en
Internet, por lo que el escuchar tambin sonido en cada pgina que se
visita puede resultar algo molesto.
A pesar de ello, el incluir un sonido agradable, apropiado al contenido de la
pgina, puede hacerla ms atractiva. Muchas de las pginas que contienen
sonido suelen ofrecer la posibilidad de activarlo o desactivarlo, para que
aquellos usuarios que no deseen escuchar el sonido de la pgina puedan
desactivarlo.
Los formatos de sonido ms habituales en Internet son,
fundamentalmente, el MP3 , el W AV y en algunas ocasiones el M I D I ,
aunque existen otros formatos diferentes que tambin pueden utilizarse.
Lo ideal es incluir algn archivo de audio que no ocupe mucho espacio, y
que no por ello sea de mala calidad.
Para insertar un archivo de audio en un documento tienes que dirigirte al
men I n s e r t a r , Media , opcin Plug- in .
En Dreamweaver no se mostrarn los controles de audio. Todos
los archivos que son insertados como plug-in aparecen
representadas dentro de Dreamweaver por una imagen como la de
la izquierda.
En el inspector de propiedades pueden establecerse la altura y la anchura
con la que se mostrarn los controles de audio, mediante Al y An .
En el caso de no especificar ningn tamao, se mostrar el tamao por
defecto de los controles, como ocurre en el ejemplo de arriba. Si lo que se
desea es que se escuche el sonido en la pgina, pero que no se muestren
los controles de audio, los campos Al y An deben valer cero.
Los sonidos se reproducen automticamente al cargarse la pgina, y sereproducen solamente una vez. Estos valores no pueden definirse a travs
-
7/31/2019 Dreamweaver M1 UD11 Multimedia
7/10
Forinsur S.L. Centro de Formacin | Manual de Usuario
del inspector de propiedades, pero s a travs del cdigo. Una vez definidos
los podremos cambiar desde el inspector de propiedades con el botn
Parmet ros . . .
Por ejemplo, el archivo anterior apareca en el cdigo como < em be d
src= " var ios/ aud io.m id" > < / em bed >. Pero para que no se reproduzca
automticamente se ha aadido autost a r t = " fa lse" , y para que se
reproduzca continuamente se ha aadido loop= " t r ue".
La lnea de cdigo del archivo de audio ha quedado del siguiente modo:
< em bed src= " var ios/ audi o.m id" aut ost ar t = " fa lse"
loo p= " t ru e" > < / em bed >
En el Inspector de propiedades del sonido, el botn Parmet ros . . . abre un
cuadro de dilogo donde podemos cambiar esos valores una vez
introducidos.
Para poder hacer que el audio pueda activarse y desactivarse cuando no se
muestran los controles, es necesario insertar una serie de
comportamientos que se encarguen de esa tarea.
Si quieres poner msica de fondo en una pgina web, sin que aparezcan
los controles de audio, puedes escribir este cdigo directamente en la vista
Cdigo.
< bg sou nd src= " canci on 1.w av" loo p= " -1 " >
Insrtalo despus de la etiqueta Con el parmetro loop puedes
decidir cuntas veces quieres que se reproduzca, 1, 2, 3 ... (con -1 se
reproduce de modo continuo).
Videos
En ocasiones puede interesar incluir algn vdeo en una pgina web, pero
hay que tener en cuenta que los vdeos suelen ocupar mucho espacio en
disco, y por lo tanto, precisan de mucho tiempo para descargarse.
-
7/31/2019 Dreamweaver M1 UD11 Multimedia
8/10
Tcnico Especialista en Diseo, Animacin y Programacin Web
Los formatos de vdeo que suelen utilizarse en Internet son el AVI , el
MPEG y el MOV .
Para insertar un archivo de vdeo en un documento tienes que dirigirte al
men I n s e r t a r , Media , opcin Plug- in .
El inspector de propiedades para los archivos de vdeo insertados de esta
forma es el mismo que el de los archivos de audio, ya que ambos se insertan
como Plug-in.
Los vdeos tambin se reproducen automticamente al cargarse la pgina,
y se reproducen solamente una vez. Estos valores pueden cambiarse a
travs del cdigo, del mismo modo que en el caso de los archivos de audio,
aadiendo aut osta r t = " fa lse" y loop= " t ru e".
Todos los objetos insertados a travs de la opcin Plug- in precisan que el
usuario tenga instalado un reproductor o un plug-in apropiado para
reproducirlos. En el campo Origen del inspector de propiedades se
establece el archivo vinculado (el archivo de audio o de vdeo) que ha de
reproducirse.
En el caso de que el usuario no tenga instalado ningn plug-in adecuado,
puede establecerse en el campo URL plg una pgina en la que pueda
encontrarlo.
-
7/31/2019 Dreamweaver M1 UD11 Multimedia
9/10
Forinsur S.L. Centro de Formacin | Manual de Usuario
Comprobando p lug insOtro comportamiento que tiene que ver con la comprobacin de las
caractersticas del navegador del usuario es la opcin Comprobar P lug -
in s. Est en en el panel etiqueta, opcin comportamiento, despliega y
clic en Comprobar Plug-in. Vers el siguiente cuadro de dilogo:
Este comportamiento nos dar la posibilidad de comprobar si el navegador
tiene instalados los plug-ins (o aadidos) necesarios para que pueda ver
archivos de tipo Flash, Quickt im e, Shockw ave, RealPlayer , etc...
Para ello deberemos seleccionar el tipo de plug-in que requerimos para que
nuestra pgina se visualice correctamente, en el caso de que no seencuentre en el desplegable Selecc ionar : deberemos escribir su nombre
en el cuadro de texto I n t r o d u c i r : (aunque esto ocurrir en contadas
ocasiones).
Rellena los campos de URL siguientes. El primero indicar la ruta de la
pgina que quieres que se muestre si el plug-in existe en el navegador del
usuario. Djalo en blanco si quieres que se quede en la pgina en la que
est.
Y en el campo De lo cont rar io , i r a URL: escribe la ruta a la que debe
redirigirse el navegador en caso de que no tuviese el plug-in instalado.
Aqu tienes dos opciones, o bien redirigir al usuario a la pgina donde
descargarse el plug-in para poder visualizar la tuya correctamente, o
redirigirlo a una pgina que hayas creado para aquellos que no cumplan los
requisitos mnimos del sitio.
Este comportamiento tambin deber ir asociado al evento onLoad del
b o d y para que pueda ejecutarse en la carga de la pgina.
-
7/31/2019 Dreamweaver M1 UD11 Multimedia
10/10
Tcnico Especialista en Diseo, Animacin y Programacin Web
Normalmente este comportamiento slo tendr un uso prctico en
I n t e r n e t E x p l o r e r , ya que la mayora del resto de los navegadores
soportan por s solos la deteccin de plug-ins instalados y redireccionan a
la fuente del plug-in directamente.