Después de aprender Flash durante un tiempo, muchos amigos se han interesado en crear sitios web completos en Flash. Los sitios web Full Flash se basan principalmente en gráficos y animaciones, por lo que son más adecuados para aplicaciones con menos contenido de texto y principalmente gráficos y efectos de animación. Tales como: promoción de marca corporativa, publicidad online específica, juegos online, sitios web personalizados, etc.
Crear un sitio web full flash es casi lo mismo que crear un sitio web html. Primero debe dibujar un diagrama de estructura en papel, que incluya: el tema del sitio web, qué elementos usar, qué elementos deben reutilizarse, la relación entre elementos, cómo mover elementos, qué estilo de música usar, cómo divida todo el sitio web en varios bloques lógicos, ¿planea utilizar Flash para crear todo el sitio web o solo como una parte inicial del sitio web, etc.? , estos deben ser considerados.
Desde un punto de vista técnico, si domina muchos métodos para crear un único Flash y sabe más sobre los métodos de llamada entre archivos swf, crear un sitio web Flash completo no será demasiado complicado.
Proceso de referencia: planificación de la arquitectura del sitio web > planificación de la escena Flash ->; preparación del material -> producción separada -> integración general
1. La diferencia entre sitios web Flash completos y trabajos Flash individuales.
2. Tecnologías comunes
1. Controles importantes del código ActionScript
2. Carga de producción
3.
En tercer lugar, análisis de producción de ejemplo
1. Planificación de la estructura del sitio web para este ejemplo
2. Haga un índice de escena de la página de inicio
3. Animación de escena dimensional (200208.swf)
4. Producción de escenas secundarias (200208_rana 01 ~ 200208_rana 05)
5. Importación de texto en Acerca de
<. p>4. PrecaucionesArriba, presentamos brevemente el método de producción básico de un sitio web Flash completo a través de ejemplos de análisis. Esperamos brindar ayuda real a los amigos a los que les gusta Flash. Esperamos verlo. pronto. ¡Maravilloso sitio web en Flash creado! Descargue los archivos fuente de este ejemplo de sitio web Flash.
1. La diferencia entre sitios web con Flash completo y sitios con Flash único funciona.
1. Diferentes estructuras de archivos
Las escenas, los procesos de animación y el contenido de un único trabajo flash están todos en un solo archivo, mientras que los archivos de un sitio web Flash completo se componen de varios. archivos. Se puede ampliar continuamente según las necesidades de desarrollo. Todas las animaciones de archivos de sitios web Flash están en sus archivos correspondientes. Los efectos de animación se logran mediante la importación de acciones y el control de saltos. Como se pueden cargar varios archivos SWF al mismo tiempo, se superpondrán en la pantalla.
2. Diferentes conceptos de producción
La producción de una única obra Flash suele ser en un archivo independiente, por lo que basta con utilizar cambios en la línea de tiempo o alternancia de escenas para planificar la animación. efectos . La producción de un sitio web full flash requiere una comprensión general. Los efectos dinámicos de un sitio web full flash se pueden lograr mediante el control de conmutación de diferentes archivos. Esto requiere que el personal de producción tenga ideas claras y buenos hábitos de producción.
3. El proceso de reproducción de archivos es diferente.
Un solo trabajo Flash generalmente requiere que todos los archivos se produzcan en un solo archivo, y el efecto de visualización no se puede reproducir hasta que el archivo se haya descargado básicamente. Un sitio web full-flash se compone de varios archivos y su flujo de tiempo está más en línea con las características de los productos de software Flash. El archivo se puede hacer más pequeño y, al cargar otros archivos uno tras otro, es más adecuado para la difusión en Internet y evita que los visitantes dejen de navegar porque esperan demasiado.
2. Tecnologías comunes
1. Importante control de código ActionScript
Esta es la clave para la realización de un sitio web completo en flash, especialmente porque FlashMX agrega muchas funciones potentes. comandos. Consulte otra información para esta parte.
Aquí sólo presentamos algunas de las funciones ActionScript más importantes necesarias para crear un sitio web flash completo.
loadMovieNum("url ", nivel[, variable])
loadMovie("url ", nivel/objetivo[, variable])
Descripción de la función:
Cargue un archivo SWF o JPEG cuando reproduzca la película cargada originalmente.
Descripción del parámetro:
Url La URL absoluta o relativa del archivo SWF o JPEG que se va a cargar. No puede contener una descripción de carpeta o unidad de disco.
Los niveles cargan archivos swf en películas como capas. Si se carga la capa 0, el archivo swf cargado reemplazará la película que se está reproduciendo actualmente. El nivel 2 es superior al nivel 1.
El objetivo puede utilizar el selector de ruta para obtener y reemplazar el MC de destino. La película cargada tendrá la posición, el tamaño y el ángulo de rotación del MC de destino. (Personalmente, creo que es mejor usar Target, que es una posición de carga más conveniente para controlar. swf).
Las variables son parámetros opcionales, especificar el sitio web utilizado para enviar las variables es similar. Generalmente, crearemos un index.swf de escena principal, que incluye principalmente información de la "página de inicio", como relación de aspecto, fondo, botones de navegación de columnas, nombre del sitio web, etc. Finalmente publíquelo en un archivo html o cree su propia página html. El contenido es una tabla con el código de inserción de index.swf escrito en ella.
Disposición de la escena principal:
La línea azul es el área de información fija, como el nombre del sitio web, derechos de autor, etc., generalmente ubicada en el borde de la animación Flash.
El contenido de la línea naranja es el botón de navegación de la columna del sitio web, que suele estar fijo en un área determinada. Los botones se pueden convertir en efectos estáticos o dinámicos según sea necesario, e incluso se puede crear un botón que contenga cambios de MC.
La línea verde es el área de demostración donde la escena principal importa subarchivos.
Las dos funciones de control LoadMovieNum y UnloadMovieNum se utilizan principalmente para cargar subarchivos. Consulte los controles importantes del código ActionScript mencionados anteriormente.
Aquí tomamos como ejemplo la realización de cómics de columna. Hay un botón de cómic en el índice del archivo de escena principal. Cuando hacemos clic en el botón de dibujos animados, queremos importar el archivo 200208.swf en la carpeta de dibujos animados. Entonces seleccionamos el botón de dibujos animados en la escena y agregamos el código de acción:
Abrir (liberar){
loadMovieNum("cartoon/200208.swf ", 1
unloadMovieNum(2);
}
Tenga en cuenta que aquí configuramos el nivel en 1.
3. Producción de la segunda escena 200208.swf
Ahora determine el archivo 200208.swf que debe importarse a la subsección del cómic. Está previsto que contenga 5 subsección. -archivos. Por lo tanto, la interfaz del archivo 200208.swf consta sólo de cinco botones gráficos y un encabezado para importar cinco subarchivos independientes.
200208.swf
Como puede ver en la imagen, el archivo 200208.swf contiene cinco iconos pequeños con botones de atributos, a saber, Bu_2_frog01 a Bu_2_frog05. El efecto que necesitamos es que al hacer clic en ellos se importará el archivo correspondiente 200208_frog01.swf al archivo 200208_frog05.swf respectivamente.
Seleccionamos Bu_2_frog01 en la escena y agregamos ActionScript a este botón:
Abrir (liberar){
loadMovieNum("Cartoon/200208_frog01.swf", 2 );
}
Haga clic en Bu_2_frog02 para agregar ActionScript a este botón:
Abrir (liberar) {
loadMovieNum("Cartoon / 200208_frog02.swf ", 2);
}
Establezca las acciones correspondientes de los cinco botones para llamar los archivos correspondientes en secuencia.
Nota: Aquí establecemos el nivel en 2 para mantener y diferenciar el número de capas importadas en la escena principal 1. Si necesita importar el siguiente nivel de capas, aumente el número de capas a 3, y así sucesivamente.
4. Producción de escenas secundarias (200208_rana 01 ~ 200208_rana 05)
Las escenas secundarias aquí son el contenido asociado a la superior, en este caso es la tercera. escena El último nivel de la jerarquía. Este nivel es principalmente la parte de contenido específico del sitio web Flash completo, que puede ser imágenes detalladas, texto y contenido de animación. Lo que hay que conectar aquí es que la imagen específica es el contenido, pero también debe convertirse en un archivo swf con la misma proporción que la escena principal. Por ejemplo:
200208_frog01
200208 _frog02
Esta escena es la escena más baja y la parte de visualización del contenido principal. El efecto de animación específico se puede personalizar según sea necesario. profundizar más. Tenga en cuenta que el código ActionScript de detención debe agregarse al último fotograma de la escena: stop(); esto puede detener la acción en bucle de la animación de la escena.
El efecto se importa completamente a la escena principal.
5. Importación de texto en Acerca de
Vea la subcolumna Acerca de en este ejemplo y configure la operación del botón Acerca de en el archivo index.fla:
Abrir ( lanzamiento) {
loadMovieNum("aboutus.swf ", 1);
unloadMovieNum(2);
}
Hacer un cuadro de texto para mostrar el texto en el archivo aboutus.fla y establezca las propiedades del cuadro de texto en multilínea, var: about us (tenga en cuenta el nombre de esta variable).
Agregue código ActionScript al marco donde se encuentra el cuadro de texto:
loadVariables("aboutus.txt "," ");
En el archivo aboutus. archivo swf Escriba un archivo de texto sin formato about.txt en el directorio al que pertenece. El texto comienza con "aboutus=" y el contenido del texto formal se escribe después de "=".
El efecto de importar completamente archivos de texto a la escena principal
4. Notas
1. Preste atención a la longitud y el ancho de todos los subarchivos.
Desde el nivel de la imagen, el sitio web Flash completo es muy similar a la estructura de capas de Photoshop. Podemos pensar en cada subescena como un archivo de capa, y el subarchivo aparece dentro del largo y ancho del fondo. Para facilitar el posicionamiento, podemos mantener el subarchivo y la escena principal en la misma relación de aspecto, lo cual es muy conveniente para el diseño. De lo contrario, debe controlar cuidadosamente su posición mediante declaraciones setProperty.
2. Al publicar archivos, asegúrese de publicar la opción html en modo transparente.
La razón por la que necesitas publicar cada subarchivo en modo transparente es porque no puedes tener un color de fondo para el subarchivo. Debido a que la relación de aspecto del subarchivo es básicamente la misma que la de la escena principal, si el subarchivo tiene un color de fondo, sobrescribirá el contenido de la escena principal.
Método de configuración: marque la opción html en la configuración de publicación y seleccione el modo de ventana en el panel html: transparente sin ventana, como se muestra en la figura.
3. Al utilizar la importación de texto, tenga en cuenta que el contenido al principio del archivo de texto debe ser "Cadena = cuerpo con el mismo nombre que la definición Var en el atributo del cuadro de texto". Además, el archivo swf que necesita importar texto y el archivo de texto txt importado deben estar en el mismo directorio.
4. Preste atención a comprobar cuidadosamente si las llamadas entre archivos son correctas para evitar "enlaces muertos".