Introducción

Para poder mostrar un archivo SWF correctamente en un navegador se necesita un archivo HTML. El navegador carga el archivo HTML y, a continuación, carga el archivo SWF especificado en el código HTML. La página HTML debe contener una etiqueta OBJECT que especifique la ubicación del archivo SWF de Adobe Animate.

La etiqueta OBJECT del archivo HTML indica al navegador que cargue Adobe Flash Player y que lo utilice para reproducir el archivo SWF.

El comando Publicar de Animate crea de manera automática un archivo HTML que contiene las etiquetas necesarias para que los navegadores web reproduzcan el archivo SWF publicado. Existen varias plantillas de publicación HTML diferentes entre las que se puede escoger en el cuadro de diálogo Publicar (Archivo > Publicar). Consulte la Ayuda de Animate para obtener más información sobre la configuración de publicación (CS5) o configuración de publicación (CS5.5).

Añadir la etiqueta OBJECT manualmente

Los archivos HTML creados por Animate solamente contienen el código necesario para mostrar el archivo SWF. Para añadir el archivo SWF a una página HTML que contiene otros elementos como texto o gráficos, pegue el código siguiente en el documento HTML. Pegue este código dentro de la etiqueta BODY del archivo HTML.

Para añadir la etiqueta OBJECT manualmente, haga lo siguiente:

  1. Copie el código HTML siguiente y péguelo en el archivo HTML. Dentro del archivo HTML, coloque el código en la ubicación en la que desea que aparezca el archivo SWF en la página web.
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" id="movie_name" align="middle">
        <param name="movie" value="movie_name.swf"/>
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="movie_name.swf" width="550" height="400">
            <param name="movie" value="movie_name.swf"/>
        <!--<![endif]-->
            <a href="http://www.adobe.com/go/getflash">
                <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
            </a>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
    </object>
  2. Edite los atributos de la etiqueta OBJECT para el archivo SWF.
    • Cambie los parámetros HEIGHT y WIDTH de manera que coincidan con la altura y anchura del escenario. Para cambiar la escala del archivo SWF de manera automática para que ocupe un porcentaje específico de la ventana del navegador, introduzca valores de porcentaje para la altura y anchura.
    • Cambie todas las instancias de "movie_name.swf" de la etiqueta OBJECT anterior por la URL o ruta del archivo SWF.  

La ruta del archivo SWF puede ser relativa a la ubicación del archivo HTML o la ruta completa y absoluta del archivo SWF. Por ejemplo:

  • Si el archivo SWF se encuentra en la misma carpeta que el archivo HTML, solamente necesita el nombre del archivo SWF.
  • Si el archivo SWF se encuentra en una subcarpeta, la ruta sería algo parecido a "nombre_subcarpeta/nombre_película.swf" (sin las comillas).
  • Si el archivo SWF no se encuentra en la misma carpeta que el archivo HTML, utilice "../" para cada nivel que se suba desde la carpeta con el archivo HTML. (No incluya las comillas en la sintaxis). De este modo, "../../../carpeta_independiente/nombre_película.swf" subiría tres niveles desde la carpeta con el archivo HTML antes de entrar en la carpeta "carpeta_independiente" para encontrar el archivo SWF.
  • Una ruta completa es lo mismo que una URL completa (es decir, http://www.miDominio.com/contenido_flash/nombre_película.swf).

También puede usar el comando Publicar de Animate para crear un archivo HTML básico con la etiqueta OBJECT.  A continuación, deberá copiar y pegar el código HTML de la etiqueta OBJECT en su propio archivo HTML. En este caso, el nombre del archivo SWF ya está especificado correctamente en el código HTML.

El código anterior es el mínimo requerido para insertar un archivo SWF en un archivo HTML. Existen atributos adicionales que pueden especificarse para estas etiquetas a fin de controlar cómo Flash Player reproduce el archivo SWF. Para obtener información, consulte atributos de las etiquetas OBJECT y EMBED.

Pruebe la página HTML en todos los navegadores web que desee habilitar para los usuarios. 

Nota: Dreamweaver, la herramienta de creación HTML de Adobe, puede incorporar un archivo SWF en un documento HTML con facilidad. Dreamweaver permite controlar por completo el diseño de la página que contiene el archivo SWF. Para obtener más información, consulte la página del producto de Dreamweaver.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea