Dreamweaver M1 UD11 Multimedia

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.


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.


3/10


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:


4/10


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


5/10


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.


6/10


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/10


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.


8/10


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.


9/10


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.


10/10


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.

Dreamweaver M1 UD11 Multimedia

Documents

Transcript of Dreamweaver M1 UD11 Multimedia