Cómo crear un sitio web flash avanzada

sitios web flash avanzados incorporan varias características, tales como efectos de flash, la manipulación de objetos y elementos en el escenario a través de ActionScript y una animación flash de carga que muestra el progreso de un sitio web de carga.

Como regla general, la funcionalidad prevalece sobre la estética. Además, estas características deben mejorar la página web en lugar de distraer al visitante. La adición de estas características no tiene sentido práctico si provocan innecesariamente largos tiempos de carga. características de Flash deben utilizarse con moderación en cualquier sitio web de la razón anterior.

Instrucciones

La carga previa

1 Crear una nueva capa en la línea de tiempo y el nombre de "Preloader".

2 Haga clic en el fotograma 2 de la capa "Preloader" y escriba el texto "carga" al formatear el texto según lo deseado.

3 Convertir el texto a una imagen en movimiento pulsando F8 y dándole el nombre de "Loader".

4 Haga doble clic en la imagen en movimiento "Loader" y escriba un segundo campo de texto a la derecha con el texto "99%" de la siguiente manera:

Cargando 99%

5 Volver a la línea principal de la raíz y haga clic en la imagen en movimiento "Cargador".

6 Pulse F9 y escriba el código de abajo:

onClipEvent (load) {

total = _root.getBytesTotal();

}
onClipEvent (enterFrame) {

loaded = _root.getBytesLoaded();
current = int(loaded/total*100);

p = "" + + actual "%";
si (== total de carga) {

_root.gotoAndStop(2);

}

7 Crear una nueva capa de "Acciones".

8 Haga clic en el fotograma 1 y presione F8. Escriba el siguiente código:

Detener();

La interactividad de animación

9 Crear una nueva capa de "botones" en la línea de tiempo.

10 Arrastre un botón gráfico de la biblioteca y colocarlo en el escenario principal.

11 Presione F8 para convertir el gráfico a un clip de película. El nombre de "ButtonMC."

12 Presione F8 de nuevo y convertirlo a otro clip llamado "AboutMC."

13 Dar el "about_mc" un nombre de instancia; lugar "about_mc" en la pestaña "Propiedades".

14 Haga doble clic en el "AboutMC" y añadir 2 capas adicionales en su línea de tiempo, "Efecto" y "Texto".

15 Haga doble clic en el "AboutMC" y presione F8 para convertir de nuevo a un símbolo de botón.

dieciséis Haga doble clic en el "AboutMC" símbolo de botón y establecer el apropiado "Up" y "Over" y "Down" y "Hit" estados. Utilizar cualquier diseño o imagen de la biblioteca para definir cómo aparecerá el botón cuando el ratón se coloca sobre el botón y viceversa.

17 Agregue el código siguiente para cada botón pulsando F9 en el fotograma 1 de la capa de "acciones":

About_mc.onRelease = function () [

getURL ("http://www.aboutus.com", "_blank")

Personalizar cada enlace para hacer referencia a la página de la derecha cuando se hace clic.

18 Añadir el contenido de página y gráficos arrastrándolos hacia el escenario principal para cada instancia de botón.

19 Presione Ctrl + Enter para poner a prueba.

Consejos y advertencias

• Si usted está teniendo problemas diseñar el preloader, intente descargar algunos precargadores gratuitas en línea que se puede personalizar.