Hello, seas bienvenido a un nuevo tutorial, este tutorial es la primera parte de dos. Si sigues los pasos con atención aprenderás a programar un sitio web “es algo sencillo pero rápido de realizar 
”. En esta primera parte desarrollare una serie de botones los cuales servirán como menú para el sitio web, también se le agregara un efecto programado a cada uno de los botones. El tutorial esta desarrollado en Flash 8. Good lucke ¿comenzamos?.
1-. Comenzar por hacer un documento (ctrl. + J). Con las siguientes propiedades.
a)-. Las dimensiones son 460 * 40 píxeles de alto y ancho.
b)-. Utilizar como color de fondo #993300.
c)-. Colocar en velocidad de fotogramas 30 fps.
2-. Crear un símbolo (ctrl. + F8).
a)-. Nombrarlo botón.
b)-. Seleccionar la opción Botón en Tipo.
3-. Ubicado en el símbolo botón diseñar un botón de dos estados (Reposo y Sobre).
a)-. Las dimensiones del botón son 110.0 * 20.0 píxeles.
b)-. Colocar el botón en coordenadas X = 0.0 y Y = 0.0.
4-. Crear un nuevo símbolo (ctrl. + F8).
a)-. Nombrarlo animación.
b)-. Seleccionar en Tipo Clip de película.
5-. Una vez en el símbolo animación dibujar una forma de rectángulo con borde redondeado (¡si lo deseas!).
a)-. Reducir el alfa del color de relleno a un 45 %.
a)-. Las dimensiones son 110.0 * 20.0 píxeles de alto y ancho.
b)-. Colocar la forma en coordenadas X = 0.0 y Y = 0.0
6-. Regresar a la Escena cambiar el nombre de la capa por el de botones.
a)-. Arrastrar desde la biblioteca el símbolo botón.
b)-. Colocar como nombre de instancia boton1.
c)-. Colocar el símbolo en coordenadas X = 10.0 y Y = 10.0.
7-. Arrastrar nuevamente el símbolo botón a la Escena.
a)-. Colocar como nombre de instancia botón2.
b)-. Colocar el símbolo en coordenadas X = 120.0 y Y = 10.0.
Nota arrastrar dos veces más el símbolo botón, colocar como nombre de instancia boton3, boton4.
8-. Insertar una nueva capa y cambiar el nombre por textos.
a)-. Insertar textos estáticos sobre cada uno de los botones Inicio, Galería, Clientes y Contacto.
b)-. Tamaño de fuente 20 y tipo de fuente Verdana.
9-. Insertar otra capa y cambar el nombre por el de animación.
a)-. Arrastrar desde la biblioteca el símbolo animación.
b)-. Colocar como nombre de instancia cursor.
c)-. La posición del símbolo es en coordenadas X = 10.0 y Y = 10.0.
10-. Seleccionar el fotograma no el símbolo de la capa animación.
a)-. Abrir la barra de Acciones – fotograma e insertar el siguiente código action script.
Con esto se da por concluida la primera parte del tutorial recuerda que muy pronto será publicada la segunda parte well done!!.
P.D. Presionar ctrl. + Enter para visualizar el trabajo realizado. Hacer clic sobre cada uno de los botones para observar el efecto. En la segunda parte se en lazaran los botones con cada una de las secciones. Hasta pronto :)
Visualizar el archivo swf de este tutorial
Descarga el archivo fla de este tutorial
Artículos relacionados:
hola necesito los manuales. para poder desiñar una pagina web con php.
es un excelenta ayuda para los q iniciamos en esto de las webs, pero no c como hacerle para insertar esto en una pagina creada enhtml
excelente tutorial como todos los que vienes sacando. son de gran ayuda para los que empezamos. gran capacidad didactica. gracias y felicitaciones
como programar en flash atraves de botones, tratando de pasar de un fotograma a otro fotograma navegar de fotograma en fotograma