lunes, 23 de febrero de 2015

como hacer una pagina web, tutorial



Creación de un sencillo documento de Flash.



Para ilustrar los pasos básicos de creación de cualquier documento de Flash, en esta sección seguirá un sencillo tutorial que le guiará por todo el proceso. Este breve tutorial es sólo un ejemplo del flujo de trabajo de Flash.

El primer paso consiste en crear un nuevo documento en Flash.

Para crear un nuevo documento de Flash:

1. Seleccione Archivo > Nuevo.
2. En el cuadro de diálogo Nuevo documento, Documento de Flash aparece seleccionado de forma predeterminada.
Haga clic en Aceptar.

En el inspector de propiedades, el botón Tamaño muestra la configuración de tamaño actual del escenario (550 x 400 píxeles).

3. La muestra de color de fondo está establecida en blanco. Para cambiar el color del escenario, haga clic en la muestra y seleccione un color diferente.



 El inspector de propiedades muestra el tamaño del escenario y el color de fondo

Dibujo de un círculo.





Una vez que haya creado el documento, estará listo para añadir algunas ilustraciones al mismo.


Para dibujar un círculo en el escenario:

1. Seleccione la herramienta Óvalo del panel Herramientas.



2. Seleccione la opción Sin color en el selector de Color de trazo.

3. Elija el color que desee en el selector de Color de relleno.Asegúrese de que el color de relleno contrasta bien con el color del escenario.
4. Con la herramienta Óvalo seleccionada, utilice la función de arrastre con la tecla Mayús presionada para dibujar un círculo en el escenario.Al mantener la tecla Mayús presionada, la herramienta Ovalo se convierte en un círculo.

Creación de un símbolo

Para que la nueva ilustración se vuelva un activo reutilizable, es necesario convertir ésta en un símbolo de Flash. Un símbolo es un activo multimedia que se puede reutilizar en cualquier parte del documento de Flash sin necesidad de volver a crearlo.

Para crear un símbolo:

Haga clic en la herramienta Selección del panel Herramientas. 




2. Haga clic en el círculo del escenario para seleccionarlo.

3. Con el círculo aún seleccionado, elija Modificar > Convertir en símbolo.

4. En el cuadro de diálogo Convertir en símbolo, escriba mi_círculo en el cuadro de texto Nombre.
 El comportamiento predeterminado ahora es Clip de película.

5. Haga clic en Aceptar.
 Aparece un recuadro de delimitación alrededor del círculo. Acaba de crear un activo reutilizable, denominado símbolo, en el documento.

6. El nuevo símbolo aparece en el panel Biblioteca.
   Si el panel Biblioteca no está abierto, seleccione Ventana > Biblioteca.

Animación del círculo

Ahora que ha insertado una ilustración en el documento, puede convertirla en más interesante añadiéndole animación de modo que se mueva por el escenario.

Para crear una animación con el círculo:

1.  Arrastre el círculo a la izquierda del área del escenario.


2. haga clic en el fotograma 20 de la capa 1 en la línea de tiempo.


3. Seleccione Insertar > Línea de tiempo > Fotograma. Flash añade fotogramas al fotograma 20, que permanece seleccionado



4.Con el fotograma 20 aún seleccionado, elija Insertar > Línea de tiempo > Fotograma clave.Se añade un fotograma clave al fotograma 20. El fotograma clave es un fotograma en el que se cambia de manera explícita alguna propiedad de un objeto. En este nuevo fotograma clave, cambiará la ubicación del círculo



5. Con el fotograma 20 aún seleccionado en la línea de tiempo, arrastre el círculo a la derecha del área del escenario.
6. Seleccione el fotograma 1 de la capa 1 en la línea de tiempo.
7. En el inspector de propiedades (ubicado de forma predeterminada en la parte inferior de la ventana de la aplicación Flash), seleccione Movimiento en el menú emergente Animar. 



Aparece una flecha entre los fotogramas 1 y 20 de la capa 1 de la línea de tiempo


      Con este paso se crea una animación interpolada del círculo que se mueve desde su posición en el        primer fotograma clave del fotograma 1 a la nueva posición en el segundo fotograma clave del           fotograma 20. Para más información sobre la interpolación, consulte el Creación de movimiento,         en Utilización de Flash.
8.   En la línea de tiempo, arrastre la cabeza lectora roja hacia adelante y hacia atrás desde el                      fotograma 1 al 20 para previsualizar la animación. 
9.   Seleccione Archivo > Guardar
10. Elija una ubicación para el archivo en la unidad de disco duro y asígnele el nombre 
      SimpleFlash.fla.
11. Seleccione Control > Probar película para probar el archivo FLA.
12. Cierre la ventana Probar película. 

Publicación del archivo

Una vez finalizado el documento de Flash, estará listo para publicarlo de modo que se pueda ver en un navegador. Al publicar un archivo FLA, Flash lo comprime en el formato de archivo SWF, que es el formato que se aplica a una página Web. El comando Publicar puede generar de forma automática un archivo HTML con las etiquetas correctas.

Publicación del archivo

Una vez finalizado el documento de Flash, estará listo para publicarlo de modo que se pueda ver en un navegador. Al publicar un archivo FLA, Flash lo comprime en el formato de archivo SWF, que es el formato que se aplica a una página Web. El comando Publicar puede generar de forma automática un archivo HTML con las etiquetas correctas.

Para publicar el archivo Flash y verlo en un navegador:
  1. Seleccione Archivo > Configuración de publicación.
  2. En el cuadro de diálogo Configuración de publicación, seleccione la ficha Formatos y compruebe que sólo están activadas las opciones HTML y Flash. Con esta acción, Flash sólo publicará el archivo SWF de Flash y un archivo HTML. El archivo HTML se utiliza para mostrar el archivo SWF en un navegador Web.
                                  Las opciones Flash y HTML en la ficha Formatos


3.  En el cuadro de diálogo Configuración de publicación, seleccione la ficha HTML y compruebe      que en el menú emergente Plantilla aparece seleccionado Sólo Flash.
Esta plantilla crea un archivo HTML simple que contiene sólo el archivo SWF cuando se muestra en una ventana del navegador



                                         Selección de Sólo Flash en el menú Plantilla
4. Haga clic en Aceptar.
5. Elija Archivo > Publicar y abra su navegador Web.
6. En el navegador Web, seleccione Archivo > Abrir.
7. Desplácese a la carpeta en la que ha guardado el archivo FLA. 
   Allí se encuentran los archivos SimpleFlash.swf y SimpleFlash.html. Estos archivos los creó Flash    cuando hizo clic en Publicar.
8. Seleccione el archivo denominado SimpleFlash.html.
9. Haga clic en Abrir.
   El documento de Flash se muestra en la ventana del navegador.
.


No hay comentarios.:

Publicar un comentario