Tecnología

Inicio

Cómo crear una página web Flash Slideshow

Cómo crear una página web Flash Slideshow


La determinación de la mejor manera de mostrar sus imágenes en línea es a menudo difícil. Atrás han quedado los días en que las imágenes se colocan en las páginas web en una tabla estática; la gente espera más interactividad ahora. Una presentación de diapositivas puede ser una manera divertida, interactiva para visualizar sus fotos en la web. Ya sea que están mostrando los artículos para vender, mostrando su cartera profesional o compartir fotografías personales, Adobe Flash proporciona la flexibilidad y poder para crear una presentación de diapositivas interactivo que rápidamente se puede incorporar en su sitio web.

Instrucciones

crear presentación

1 Abrir un nuevo documento de Flash y fijar la tela al tamaño deseado para la presentación de diapositivas. Haga clic en \ "Tamaño \" en la ventana Propiedades. Introduzca las nuevas dimensiones en los cuadros Anchura y Altura.

2 Crear tres capas. Seleccione "Insertar, \" \ "línea de tiempo \" y \ "Capa" para los tres. Nombre de la capa superior "Acciones", la segunda capa de "Controles" y la tercera capa "Imágenes".

3 Coloque la primera imagen. Seleccione "Archivo \" \ "Importar \" y \ "Importar a biblioteca." A continuación, seleccione las otras imágenes de la presentación. Seleccione el primer fotograma de la capa de "Imagen". Seleccione la opción "Ventana \" y \ "biblioteca" para abrir la ventana de la biblioteca. Seleccione la primera imagen y se arrastra hacia el escenario. Si la imagen necesita ser cambiado el tamaño, ajustar la altura (H) y la anchura (W) en la ventana "Propiedades". A continuación, arrastre la imagen a la posición correcta.

4 Inserte una nueva \ "fotograma clave \" para cada imagen en la presentación. Haga clic en el siguiente cuadro de la capa de la imagen y selecciona "Insertar, \" \ "línea de tiempo \" y \ "fotograma clave." Un nuevo fotograma clave con la primera imagen aparecerá. Seleccione la imagen y haga clic en "intercambio" en la ventana Propiedades. A continuación, seleccione la siguiente imagen para la presentación de diapositivas. Repita este paso hasta que todas las imágenes se colocan correctamente.

5 Crear controles. Seleccione el primer fotograma de la capa de "Controles". Colocar o sacar los botones siguiente y anterior. Para crear botones triángulo simples, seleccione la "Herramienta PolyStar." Haga clic en "Opciones" en la ventana Propiedades y cambiar el número de lados a 3. Dibujar los dos triángulos si lo deseas.

6 Convertir los botones de símbolos. Seleccione el botón al lado que desea utilizar. Seleccione "Modificar \" y \ "Convertir en símbolo." Seleccionar "botón" como el tipo y el nombre del botón "next_btn." En la ventana Propiedades de cambiar el nombre de la instancia de "next_btn" también. Repita el proceso desde el botón anterior, cambiando el nombre y la instancia de nombre a "prev_btn." Asegúrese de que la capa de controles es la misma longitud que el "Imágenes" de la capa. Si no es así, seleccionar el último fotograma de la capa a continuación, seleccione "Insertar, \" \ "línea de tiempo \" y \ "marco".

7 Añadir acciones. La presentación de diapositivas necesita un poco de código para detener la película se reproduzca automáticamente y dar a los botones de funcionalidad. Seleccione el primer fotograma de la capa de acciones. Agregue el código siguiente:
\ "// Detiene la película de jugar los marcos automáticamente.
detener()
IR

// Cuando el usuario hace clic en next_btn, aparecerá el siguiente fotograma.
next_btn.onRelease = function () {
si (== _root._currentframe 5) {
gotoAndStop (1)
}
más{
siguiente fotograma()
IR
}}

// Cuando el usuario hace clic en prev_btn, aparecerá el cuadro anterior.
prev_btn.onRelease = function () {
si (== _root._currentframe 1) {
gotoAndStop (5)
}
más{
prevFrame ()
IR
}} \ "

Añadir al sitio de Internet

8 Publicar la presentación. Seleccione \ "Archivo \" y \ "el valor de publicación ... \". En la ficha formatos, asegúrese de que \ "flash \" y \ "HTML \" tipos son seleccionados. Pulse \ "Publicar \" para crear un archivo SWF, archivo JavaScript (JS), y el archivo HTML.

9 Añadir a la página web. Abra el archivo HTML en un editor web, como Dreamweaver o un editor de texto. Seleccionar y copiar el código de <head> y </ body>, incluyendo <head> y <body>. Pegarlo en el HTML de su página web en la que desea que su presentación para que se vea.

10 Utilizar un cliente FTP como Filezilla para cargar el código HTML, JavaScript archivo, y el archivo SWF a su sitio web. Asegúrese de que el código HTML aún refleja la ubicación de estos archivos. Tenga en cuenta que si se coloca cualquiera de los archivos dentro de carpetas diferentes, puede que tenga que cambiar el código HTML y subirlo de nuevo.