Cómo Crear un sistema Interactivo de Imagen para un sitio Web en Flash

Flash proporciona la capacidad para crear visualmente atractivos, interactivos efectos dentro de los sitios web. El uso de Flash, usted puede agregar un nivel de interacción de imágenes de sitios web. Con un poco de código ActionScript, puede declarar los diferentes comportamientos que cuando el usuario interactúa con el sitio web de la imagen, incluyendo el movimiento de su ratón en y fuera de él, presionando y soltando el botón del ratón sobre él. Una razón por la que Flash es tan ampliamente utilizada es la que hace que la creación de tales elementos interactivos fácil, incluso para las personas con poca o ninguna experiencia de codificación.


Cómo Crear un sistema Interactivo de Imagen para un sitio Web en Flash
Flash proporciona la capacidad para crear visualmente atractivos, interactivos efectos dentro de los sitios web. El uso de Flash, usted puede agregar un nivel de interacción de imágenes de sitios web. Con un poco de código ActionScript, puede declarar los diferentes comportamientos que cuando el usuario interactúa con el sitio web de la imagen, incluyendo el movimiento de su ratón en y fuera de él, presionando y soltando el botón del ratón sobre él. Una razón por la que Flash es tan ampliamente utilizada es la que hace que la creación de tales elementos interactivos fácil, incluso para las personas con poca o ninguna experiencia de codificación.
  • Crear un nuevo documento en Flash seleccionando 'Archivo', luego en 'Nuevo' y luego selecciona 'Documento de Flash' en la lista. El documento se abrirá y mostrará el blanco de la etapa de zona en el medio. Usted puede utilizar las herramientas de dibujo de la izquierda para dibujar una imagen, pero si usted ya tiene un archivo de imagen, como una fotografía que desea utilizar, puede importar en el documento de Flash. Seleccione 'Archivo', luego 'Importar' y luego 'Importar A Escenario' y, a continuación, busque el archivo de imagen seleccionado. Su imagen aparecerá en el área de la etapa.
  • Convertir su imagen en un Símbolo de modo que usted puede agregar efectos interactivos. Seleccione su imagen en el escenario haciendo clic en él. Presiona 'F8' para convertirlo en un Símbolo o seleccione 'Modificar' y luego en 'Convertir en Símbolo'. Elija la opción 'clip de Película de botón de radio' y darle a su Símbolo, un nombre, a continuación, haga clic en el botón 'ACEPTAR'. Con su Símbolo seleccionado en el escenario, abra el panel 'Propiedades', haciendo clic en la parte inferior de la pantalla. En el 'Nombre de Instancia' cuadro de texto, escriba 'myObject_mc' o cualquier nombre que prefiera.
  • Añadir otro elemento visual a su documento de Flash. Para fines de demostración, añadir un poco de texto. Inserte una nueva capa en el documento pulsando el botón 'Nueva Capa' botón situado junto a la línea de tiempo en la parte superior de la pantalla. Bloqueo de la otra capa con el botón de candado en la línea de tiempo, seleccione la capa nueva, asegurándose de que esté desbloqueado. Insertar texto en esta nueva capa haciendo clic en la herramienta texto en el panel de la izquierda, a continuación, haga clic en el área del escenario y escribir texto. Convertir el texto a un Símbolo de Clip de Película con la misma técnica que se utilizó para la imagen, pero la elección de un nombre diferente. En el panel Propiedades, dar el Símbolo de texto el nombre de la instancia 'text_mc.'
  • Añadir interactividad a su archivo de Flash. Crear otra nueva capa en el documento. Abra el panel Acciones para la nueva capa haciendo clic en la casilla en la línea de tiempo, a continuación, seleccione 'Ventana', luego 'Acciones', o pulsar la tecla 'F9.' El panel Acciones aparecerá para que usted pueda ingresar el código. Haga clic dentro de la blanca área de entrada de texto e introduzca el siguiente, el cambio de 'myObject_mc' si eliges un nombre diferente:
    text_mc.visible=false
    función picClicked(event:MouseEvent):void
    { text_mc.visible=true }
    myObject_mc.addEventListener(MouseEvent.Haga CLIC en, picClicked)
  • Guardar el archivo con un nombre de su elección, tales como 'interactivepic.fla.' La exportación y la prueba de su película de Flash mediante la elección de 'Control', luego 'Prueba de la Película.' La película se abrirá en una ventana separada. Probar la funcionalidad haciendo clic en la imagen y la comprobación de que el texto que aparece cuando usted hace. Este es un ejemplo simple para demostrar el principio de tener una imagen interactiva en Flash, pero usted puede agregar muchos efectos diferentes para adaptarse a sus propios proyectos.

Consejos & Advertencias
  • Usted puede agregar controladores de eventos a múltiples elementos en un documento de Flash, la escucha de los eventos del usuario, como hacer clic, mover el ratón y la entrada de texto.

  • Cuando se incluyen las películas de Flash en los sitios web, hay una fuerte posibilidad de que algunos usuarios no serán capaces de ver en ellos, porque ellos no tienen Flash Player. Lo mejor es, por consiguiente, incluir contenido alternativo.








Como Crear un sistema Interactivo de Imagen para un sitio Web en Flash


Flash proporciona la capacidad para crear visualmente atractivos, interactivos efectos dentro de los sitios web. El uso de Flash, usted puede agregar un nivel de interaccion de imagenes de sitios web. Con un poco de codigo ActionScript, puede declarar los diferentes comportamientos que cuando el usuario interactua con el sitio web de la imagen, incluyendo el movimiento de su raton en y fuera de el, presionando y soltando el boton del raton sobre el. Una razon por la que Flash es tan ampliamente utilizada es la que hace que la creacion de tales elementos interactivos facil, incluso para las personas con poca o ninguna experiencia de codificacion.


Como Crear un sistema Interactivo de Imagen para un sitio Web en Flash
Flash proporciona la capacidad para crear visualmente atractivos, interactivos efectos dentro de los sitios web. El uso de Flash, usted puede agregar un nivel de interaccion de imagenes de sitios web. Con un poco de codigo ActionScript, puede declarar los diferentes comportamientos que cuando el usuario interactua con el sitio web de la imagen, incluyendo el movimiento de su raton en y fuera de el, presionando y soltando el boton del raton sobre el. Una razon por la que Flash es tan ampliamente utilizada es la que hace que la creacion de tales elementos interactivos facil, incluso para las personas con poca o ninguna experiencia de codificacion.
  • Crear un nuevo documento en Flash seleccionando 'Archivo', luego en 'Nuevo' y luego selecciona 'Documento de Flash' en la lista. El documento se abrira y mostrara el blanco de la etapa de zona en el medio. Usted puede utilizar las herramientas de dibujo de la izquierda para dibujar una imagen, pero si usted ya tiene un archivo de imagen, como una fotografia que desea utilizar, puede importar en el documento de Flash. Seleccione 'Archivo', luego 'Importar' y luego 'Importar A Escenario' y, a continuacion, busque el archivo de imagen seleccionado. Su imagen aparecera en el area de la etapa.
  • Convertir su imagen en un Simbolo de modo que usted puede agregar efectos interactivos. Seleccione su imagen en el escenario haciendo clic en el. Presiona 'F8' para convertirlo en un Simbolo o seleccione 'Modificar' y luego en 'Convertir en Simbolo'. Elija la opcion 'clip de Pelicula de boton de radio' y darle a su Simbolo, un nombre, a continuacion, haga clic en el boton 'ACEPTAR'. Con su Simbolo seleccionado en el escenario, abra el panel 'Propiedades', haciendo clic en la parte inferior de la pantalla. En el 'Nombre de Instancia' cuadro de texto, escriba 'myObject_mc' o cualquier nombre que prefiera.
  • Añadir otro elemento visual a su documento de Flash. Para fines de demostracion, añadir un poco de texto. Inserte una nueva capa en el documento pulsando el boton 'Nueva Capa' boton situado junto a la linea de tiempo en la parte superior de la pantalla. Bloqueo de la otra capa con el boton de candado en la linea de tiempo, seleccione la capa nueva, asegurandose de que este desbloqueado. Insertar texto en esta nueva capa haciendo clic en la herramienta texto en el panel de la izquierda, a continuacion, haga clic en el area del escenario y escribir texto. Convertir el texto a un Simbolo de Clip de Pelicula con la misma tecnica que se utilizo para la imagen, pero la eleccion de un nombre diferente. En el panel Propiedades, dar el Simbolo de texto el nombre de la instancia 'text_mc.'
  • Añadir interactividad a su archivo de Flash. Crear otra nueva capa en el documento. Abra el panel Acciones para la nueva capa haciendo clic en la casilla en la linea de tiempo, a continuacion, seleccione 'Ventana', luego 'Acciones', o pulsar la tecla 'F9.' El panel Acciones aparecera para que usted pueda ingresar el codigo. Haga clic dentro de la blanca area de entrada de texto e introduzca el siguiente, el cambio de 'myObject_mc' si eliges un nombre diferente:
    text_mc.visible=false
    funcion picClicked(event:MouseEvent):void
    { text_mc.visible=true }
    myObject_mc.addEventListener(MouseEvent.Haga CLIC en, picClicked)
  • Guardar el archivo con un nombre de su eleccion, tales como 'interactivepic.fla.' La exportacion y la prueba de su pelicula de Flash mediante la eleccion de 'Control', luego 'Prueba de la Pelicula.' La pelicula se abrira en una ventana separada. Probar la funcionalidad haciendo clic en la imagen y la comprobacion de que el texto que aparece cuando usted hace. Este es un ejemplo simple para demostrar el principio de tener una imagen interactiva en Flash, pero usted puede agregar muchos efectos diferentes para adaptarse a sus propios proyectos.

Consejos & Advertencias
  • Usted puede agregar controladores de eventos a multiples elementos en un documento de Flash, la escucha de los eventos del usuario, como hacer clic, mover el raton y la entrada de texto.

  • Cuando se incluyen las peliculas de Flash en los sitios web, hay una fuerte posibilidad de que algunos usuarios no seran capaces de ver en ellos, porque ellos no tienen Flash Player. Lo mejor es, por consiguiente, incluir contenido alternativo.

Cómo Crear un sistema Interactivo de Imagen para un sitio Web en Flash

Flash proporciona la capacidad para crear visualmente atractivos, interactivos efectos dentro de los sitios web. El uso de Flash, usted puede agregar un nivel de interacción de imágenes de sitios web. Con un poco de código ActionScript, puede declarar los diferentes comportamientos que cuando el usuario interactúa con el sitio web de la imagen, incluyendo el movimiento de su ratón en y fuera de él, presionando y soltando el botón del ratón sobre él. Una razón por la que Flash es tan ampliamente utilizada es la que hace que la creación de tales elementos interactivos fácil, incluso para las personas con poca o ninguna experiencia de codificación.
Recommander aux amis
  • gplus
  • pinterest

Comentario

Dejar un comentario

Clasificación