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.
.


Aplicaciones que se pueden crear con Flash tutorial 2



Aplicaciones que se pueden crear con Flash.


Gracias al amplio número de funciones de Flash, se pueden crear multitud de tipos de aplicaciones. A continuación se citan algunos ejemplos de los tipos de aplicaciones que se pueden generar con Flash:

Animaciones: Incluyen anuncios publicitarios, tarjetas de felicitación en línea, dibujos animados, etc. Muchos otros tipos de aplicaciones de Flash también incluyen elementos de animación.

Juegos: Numerosos juegos se crean con Flash. Los juegos normalmente combinan las capacidades de animación de Flash con las capacidades lógicas de ActionScript.

Interfaces de usuario: Un gran número de diseñadores de sitios Web utilizan Flash para diseñar interfaces de usuario. Estas interfaces incluyen tanto sencillas barras de navegación como diseños mucho más complejos. En la parte superior de la página de inicio de www.macromedia.com/es se muestra un ejemplo de una barra de navegación creada con Flash.

Áreas de mensajes flexibles: Se trata de áreas de las páginas Web que utilizan los diseñadores para mostrar información que puede variar con el tiempo. El área de mensajes flexible (FMA, Flexible Messaging Area) del sitio Web de un restaurante podría mostrar información sobre las especialidades del menú del día. En la página de inicio de www.macromedia.com/es se puede encontrar un ejemplo de un área FMA. El tutorial de la sección Tutorial: Creación de una aplicación Flash por primera vez le guiará por el proceso de creación de un área FMA.

Aplicaciones dinámicas de Internet: Incluyen un amplio abanico de aplicaciones que proporcionan una elaborada interfaz de usuario para mostrar y manipular datos almacenados de forma remota a través de Internet. Una aplicación dinámica de Internet podría ser una aplicación de calendario, una aplicación de búsqueda de precios, un catálogo de compra, una aplicación de educación y pruebas, o bien cualquier otra aplicación que presente datos remotos con una completa interfaz desde el punto de vista gráfico.

En el sitio Web de Macromedia en www.macromedia.com/es/showcase se pueden encontrar una gran variedad de ejemplos de proyectos reales creados por usuarios de Flash.

Para crear una aplicación de Flash, se realizan normalmente los pasos básicos siguientes:

Decida las tareas básicas que realizará la aplicación.
Cree e importe elementos multimedia como imágenes, vídeo, sonido, texto, etc.
Organice los elementos multimedia en el escenario y en la línea de tiempo para definir cuándo y cómo aparecerán en la aplicación.
Aplique efectos especiales a elementos multimedia según estime oportuno.
Escriba código ActionScript para controlar cómo se comportarán los elementos multimedia, incluido cómo responderán los elementos a las interacciones del usuario.
Pruebe la aplicación para determinar si funciona como se había previsto y busque cualquier error que se produjera al crearla. La aplicación se debe probar durante todo el proceso de creación.
Publique el archivo FLA como archivo SWF para que pueda mostrarse en una página Web y reproducirse con Flash Player.
Según el proyecto y el estilo de trabajo, se puede cambiar el orden de estos pasos. Conforme vaya familiarizándose con Flash y sus flujos de trabajo, irá descubriendo el estilo de trabajo más adecuado a sus necesidades.

como hacer una pagina web con flash, tutorial


hoy en día  estamos en un cambio de era donde estamos pasando de la era industrial a la era de la informática y no nos podemos dormir los laureles. para eso vamos a aprender todo lo relacionado con flash, que le permitirá realizar paginas web, animaciones, videos, etc.


Descripción de Flash.


Flash es una herramienta de edición con la que los diseñadores y desarrolladores pueden crear presentaciones, aplicaciones y otro tipo de contenido que permite la interacción del usuario. Los proyectos de Flash pueden abarcar desde simples animaciones hasta contenido de vídeo, presentaciones complejas, aplicaciones y cualquier otra utilidad relacionada. En general, los fragmentos independientes de contenido creados con Flash se denominan aplicaciones, aunque se trate solamente de una animación básica. Se pueden crear aplicaciones de Flash con una amplia variedad de contenido multimedia que incluye imágenes, sonido, vídeo y efectos especiales.

Dado el tamaño tan pequeño de sus archivos, Flash resulta especialmente ideal para crear contenido que se facilite a través de Internet. Para ello, utiliza en gran medida gráficos vectoriales. Este tipo de gráfico requiere mucha menos memoria y espacio de almacenamiento que las imágenes de mapa de bits, ya que se representan mediante fórmulas matemáticas en lugar de grandes conjuntos de datos. Las imágenes de mapa de bits son de un tamaño superior porque cada píxel requiere un fragmento de datos independiente que lo represente.

Para crear una aplicación en Flash, se crean gráficos con las herramientas de dibujo y se importan elementos multimedia adicionales al documento de Flash. A continuación, se determina cómo y cuándo se utilizarán cada uno de esos elementos para crear la aplicación que se tiene en mente.

Cuando se edita contenido en Flash, se trabaja en un archivo de documento de Flash. Estos documentos tienen la extensión de archivo .fla (FLA) y y se componen de cuatro partes principales:




El escenario es donde se muestran los gráficos, vídeos, botones y demás objetos durante la reproducción. Esta parte se describe con mayor profundidad en Conceptos básicos de Flash.

La línea de tiempo es donde el usuario indica a Flash cuándo desea que se muestren los gráficos y otros elementos del proyecto. También se utiliza para especificar el orden de capas de los gráficos en el escenario. Los gráficos de las capas superiores aparecen por encima de los gráficos de las capas inferiores.

El panel Biblioteca es donde Flash muestra una lista de los elementos multimedia del documento de Flash.

ActionScript es el código que permite añadir interactividad a los elementos multimedia del documento. Por ejemplo, se puede añadir código para que un botón muestre una nueva imagen cuando el usuario haga clic en el mismo. También se puede utilizar ActionScript para añadir lógica a las aplicaciones. Gracias a la lógica, la aplicación se comporta de distintas formas dependiendo de las acciones del usuario u otras condiciones. Flash incluye dos versiones de ActionScript, cada una adaptada a las necesidades específicas del editor. Para más información sobre la escritura de ActionScript, consulte Aprendizaje de ActionScript 2.0 en Flash en el panel Ayuda.

Flash incluye muchas funciones que la convierten en una herramienta con numerosas prestaciones sin perder por ello la facilidad de uso. Entre dichas funciones destacan la posibilidad de arrastrar y soltar componentes de la interfaz de usuario creados previamente, comportamientos integrados que permiten añadir fácilmente código ActionScript al documento y varios efectos especiales que pueden incorporarse a los objetos multimedia.

Una vez que se ha terminado de editar el documento de Flash, se puede publicar a través del comando Archivo > Publicar. De este modo, se crea una versión comprimida del archivo con la extensión .swf (SWF). A continuación, se puede utilizar Flash Player para reproducir el archivo SWF en un navegador   Web, o como una aplicación independiente.