Tutoriales en la Web

Haciendo una pagina web en Swishmax

Posteado el 29. Sep, 2010 por tuto in Swishmax

A petición de Faraon uno de nuestros seguidores, vamos a realizar la transición de botones de la página web.

PASO 1
Abrimos nuestro documento llamado principal.swi en Swishmax.

PASO 2
En la ventana Outline vamos a seleccionar los elementos de la parte inferior que son las dos noticias con sus respectivos botones de ver más y las líneas que dividen a cada noticia OJO no seleccionamos el movie clip llamado slide solo las dos noticias.

PASO 3
En la ventana Properties vamos a renombrar el movie clip con el nombre de noticias.

PASO 4
Desplegamos nuestro Movie Clip y seleccionamos todos los elementos que están dentro de el y vamos a nuestra Timeline y en el frame 1 vamos a insertar un place como se ve en la imagen.

Pagina web

PASO 5
Luego en el frame 2 insertamos un Remove.

PASO 6
Hacemos clic derecho en el frame 1 del movie clip e insertamos un stop().

PASO 7
Hacemos lo mismo en el frame 2.

PASO 8
Contraemos nuestro Movie Clip y seleccionamos el botón de inicio y en la ventana Script vamos a agregarle el siguiente código Action Script.

Code block

on (press) {
    getURL("index.html", "");
}

PASO 9
Ahora seleccionamos el botón nosotros y en la ventana Script agregarle el siguiente código Action Script.

Code block

on (press) {
    banner.loadMovie("nosotros.swf");
    slide.unloadMovie();
    noticias.gotoAndStop(2);
}

En la primera línea del código indica que vamos a llamar externamente un archivo llamado nosotros.swf el cual vamos a crear después.

PASO 10
Hacemos lo mismo con los botones de servicios y contáctenos pero cambiando el nombre del swf al cual vamos a llamar; ejemplo en contáctenos el swf al cual voy a llamar se llamará contactenos.swf.

PASO 11
Vamos al menú File – New para crear un nuevo documento de Swishmax.

PASO 12
En el nuevo documento vamos a la ventana Properties – Botón Movie Properties y le colocamos los valores que se ven en la imagen.

PASO 13
Con el comando Ctrl + S vamos a salvar nuestro documento con el nombre de nosotros.swi

PASO 14
En el documento acomodamos fotos y textos los cuales contienen la información acerca de lo que es la empresa.

PASO 15
Con el comando Ctrl + E exportamos nuestro documento con el nombre de nosotros.swf.

PASO 16
Listo ya tenemos nuestra transición de botones terminada. Solo nos quedaría crear los contenidos para los otros botones.

Descarga el editable de Pagina Web

Articulos relacionados:

Tags: Como hacer una pagina web, pagina web, swish, Swishmax