Cómo Crear Un Sitio Web En Flash

Tabla de contenido:

Cómo Crear Un Sitio Web En Flash
Cómo Crear Un Sitio Web En Flash

Video: Cómo Crear Un Sitio Web En Flash

Video: Cómo Crear Un Sitio Web En Flash
Video: Crear un sitio web en flash #1 2024, Mayo
Anonim

Con la tecnología Flash, puede hacer que su sitio sea más bonito, más original y más rápido que todos los demás sitios. Flash abre amplias perspectivas para el webmaster: puede crear el diseño más inusual, la estructura de página inusual y saturar el sitio con efectos visuales atractivos. Crear un sitio web en flash no es particularmente difícil; para ello, debe instalar el programa Adobe Flash CS4.

Cómo crear un sitio web en flash
Cómo crear un sitio web en flash

Instrucciones

Paso 1

Abra el programa y haga clic en el menú Crear nuevo para crear un archivo Flash (Actionscript 3.0). Después de eso, en la esquina superior derecha, busque el botón Essentials y haga clic en él, y luego seleccione la interfaz Designer. Abra la sección de propiedades del archivo creado y establezca el tamaño y el color de relleno de fondo deseados.

Paso 2

En el panel de capas, cree cuatro capas, una de las cuales contendrá los scripts, la otra contendrá las páginas del sitio, la tercera contendrá la sección del menú y la cuarta contendrá el fondo.

Paso 3

Después de crear las capas y asignarles un nombre, haga clic en el menú Archivo y seleccione Importar al escenario. En el explorador que se abre, especifique la imagen que debe convertirse en el fondo y cárguela en la capa para la imagen de fondo.

Paso 4

Bloquea todas las capas, excepto la capa del bloque de menú, para evitar cambios accidentales. En la capa del menú, haga clic en la sección de Windows en la barra superior y seleccione Componentes. Haga clic en la subsección Interfaz de usuario y haga clic en la pestaña Botón dos veces para que el botón aparezca en su menú.

Paso 5

Coloque manualmente el botón en la ubicación deseada en la página y repita la creación de los botones tantas veces como sea necesario, dependiendo de la cantidad de elementos del menú. Después de crear los botones, continúe y personalícelos. Vaya al panel de propiedades y cambie el parámetro Nombre de instancia a button1.

Paso 6

Luego abra el menú Ventana y seleccione la subsección Inspector de componentes. Ingrese nuevo texto para su botón y su nombre. Haz lo mismo con el resto de botones.

Paso 7

En la barra de herramientas, seleccione la herramienta de texto y en la configuración especifique el tipo, color y tamaño de la fuente. Escriba el título que desee para su sitio.

Paso 8

Después de eso, vaya a la capa de las páginas del sitio y use la herramienta Rectángulo para dibujar un rectángulo con el color y la transparencia deseados, que se convertirá en un bloque de texto. Luego, seleccione todas las capas, mantenga presionada la tecla Shift sin tocar la capa para los scripts y haga clic derecho sobre ellas.

Paso 9

Haga clic en el submenú Copiar fotogramas y seleccione los fotogramas en tres capas. Después de eso, haga clic derecho sobre ellos nuevamente y haga clic en Pegar marcos. Repita la acción hasta que el número de páginas alcance el deseado.

Paso 10

Haga clic en el primer fotograma en la capa de páginas y en la configuración vaya a la pestaña Etiqueta. En la línea Nombre, ingrese page1. Con la herramienta de texto, ingrese el texto deseado de la página, colocándolo en el rectángulo preparado en los pasos anteriores: un bloque de texto. Haz lo mismo con el resto de páginas.

Paso 11

Después de eso, vaya a la capa de scripts y presione F9 en el primer fotograma. Se abrirá el editor de secuencias de comandos, en el que debe escribir stop (); y presione la barra espaciadora, y luego en una nueva línea ingrese la función que abre esta o aquella página, dependiendo de la presión de uno u otro botón.

Paso 12

Para el primer botón y la primera página, escriba la siguiente función: function button1_clicked (e: MouseEvent): void {gotoAndStop ("página1"); }, y para la segunda - función button2_clicked (e: MouseEvent): void {gotoAndStop ("página2"); }. También agregue códigos a los botones. El primer botón corresponde al código button1.addEventListener (MouseEvent. CLICK, button_clicked1); - cambiando los números, ingrese los códigos para todos los botones. Su sitio está listo; todo lo que queda es publicarlo haciendo clic en el elemento Configuración de publicación en Archivo y publicando el sitio en swf y html.

Recomendado: