Integración HTML básica de objetos Flash

En esta actividad vamos a insertar una animación en formato *.SWF dentro de una página. Los archivos *.SWF son animaciones diseñadas con el programa Adobe Flash (http://www.adobe.es) que permiten altas dosis de interactividad con un razonable peso de descarga.

1. Extrae a la carpeta miweb\swfs de tu disco duro el contenido del archivo: blobs.zip. Como resultado de esa extracción encontrarás en esta carpeta los siguientes archivos: un archivo de texto (blobs.txt) y un archivo de flash (blobs.swf)

2. Abre Kompozer. Selecciona Archivo > Nuevo o pulsa en el botón Nuevo.

3. Minimiza Kompozer y utiliza el explorador de archivos de Windows para situarte en en la carpeta miweb\swfs. Haz doble clic sobre el archivo blobs.txt para abrirlo.

4. Desde el Bloc de notas elige Edición > Seleccionar todo para luego elegir Edición > Copiar. Cierra el editor y regresa a Kompozer.

5. Sitúa el cursor debajo del título y elige Editar > Pegar.

6. Selecciona el título "Blobs" y asígnale el tipo de formato Título 1. Selecciona los textos "Descripción" e "Instrucciones" y pulsa en el botón Negrita (B) de la barra de Formato. Selecciona el listado completo de instrucciones y pulsa en el botón Lista con viñetas.

Código

7. Selecciona la etiqueta OBJECT/EMBED y elige Editar > Cortar para eliminarla y copiarla al portapapeles.

8. Elige Insertar > HTML y en el cuadro Insertar HTML haz clic derecho para seleccionar Pegar. Clic en el botón Insertar.

Insertar HTML

9. La etiqueta que integra el objeto flash (SWF) en la página es:

<object width="550" height="400">
<param name="movie" value="swfs/blobs.swf">
<embed src="swfs/blobs.swf"
type="application/x-shockwave-flash" width="550" height="400">
</object>

Los parámetros de esta etiqueta se explican a continuación:

<object …>… </object> es la etiqueta que contiene el objeto Flash. Esta etiqueta es interpretada por los navegadores que utilizan un control activeX para reproducir la película Flash como por ejemplo Internet Explorer. Otros exploradores web no utilizan este control activeX por lo que es necesario incluir también la etiqueta embed.
Los atributos de object permiten definir la altura (height) y la anchura (width) en píxeles con que se visualizará la animación Flash.
La etiqueta object tiene un parámetro muy importante donde se indica dónde está ubicado el archivo swf que contiene la animación Flash. En este caso es el archivo blobs.swf dentro de la carpeta swfs: <param name="movie" value="swfs/blobs.swf">
<embed>…</embed> es una etiqueta incluída dentro de la etiqueta <object> y que es interpretada por navegadores que no utilizan el control activeX y en su lugar usan el reproductor de Flash como por ejemplo Netscape, Mozilla, Opera, etc. La etiqueta embed tiene distintos atributos para indicar la ubicación del archivo swf (src), las dimensiones de visualización, etc.
Es necesario utilizar ambas etiquetas: object/embed para que una animación Flash se visualice correctamente en todos los navegadores web.
Puedes copiar y pegar esta etiqueta en otras páginas web y luego modificar las dimensiones de visualización y la ubicación/nombre del SWF que deseas mostrar en cada caso.

10. Clic en el botón Guardar. Introduce el título de la página: Blobs y guárdala con el nombre blobs.html en la carpeta miweb.

11. Para ver el resultado final haz clic en el botón Navegar. Puede ser necesario descargarse el plugin desde la web de Adobe para visualizar correctamente esta animación (http://www.adobe.com)