Flash con mp3

Clikando al IPOD podemos escuchar la canción del grupo BuenaVista Social Club.
Con el botón Stop la canción se para, así como también lo hace el banner de abajo.

Flash 2.0

Primero, con la guia de movimiento hemos creado el circuito que sigue la imagen del conejo. Éste saltará el obstáculo.

Luego hemos creado un símbolo botón en el que se le dirá de activar el movimiento del conejo una vez se ha clikado en el botón.

Flash 2.0

Hemos hecho un ejercicio en el que una piedra, impulsada por una barra, cae dando vueltas. La otra barra que la sujetaba se desplaza hacia la derecha cuando la barra anterior la impulsa.
Aquí teneis un ejemplo donde lo vereis mucho mejor.

Flash con símbolos

Utilizando el Flash 2.0, hemos creado una imagen con 3 tipos de símbolos:

1- símbolo de gráfico (en el que hemos creado unas imagenes de nubes)
2- símbolo de clip de película (en el que hemos dibujado un avión que se desplazará con la interpolación de movimiento)
3-símbolo de de botón (hemos incorporado el logo de Iberia y lo hemos transforamdo en un símbolo para que clikando en él, nos lleve a la web)

Para ver el ejemplo de toda esta explicación entra aquí!

Dreamweaver

Hoy hemos repasado conceptos y nos hemos centrado mayoritariamente en crear una página web con Dreamweaver.
Primero hemos creado el marco izquierdo y seguidamente hemos guardado 1-marcos 2-dreta 3-esquerra.
Después hemos creado unos enlaces en el margen izquierdo. A la derecha aparecían las páginas donde te llevaban dichos enlaces poniendo
1-Vinculo de la pagina web 2-Destinación mainframe.

En la segunda parte del ejercicio hemos creado marcadores que nos permiten dirigirnos hacia la parte del texo que seleccionemos en el margen izquierdo. Para ello hemos insertado anclajes.
Para crear los apartados, hemos creado capas de distintos colores.

Aquí tienes el ejemplo de toda esta explicación!

Flash con vídeo2

El otro día hicimos un ejercicio en el que a través de tres imagenes, saltamos de una hacia otra. La particularidad de este ejercicio es básicamente el vídeo que se ha introducido en la imagen final.
Ese video se ha extraido de Youtube y se ha pasado a formato QuickTime Player. Allí se ha editado y se ha cortado la parte que no se quería poner en Flash.
Aquí teneis el ejemplo!

Flash video1

Con el programa Flash 2.0 hemos aprendido a hacer cortes en el trailer de una película previamente seleccionada del portal de -Apple trailers- y luego la hemos manipulado en Flash.

En el primer ejercicio hemos creado diversas capas aunque no me ha salido como debería, así que pondré mi segundo ejemplo en el que presento el trailer de la película Brick Lane! Si quieres ver la práctica puedes entrar aquí.

Flash con música

Con Flash 2.0 hemos hecho lo siguiente:

1. Preparar dos archivos de audio mp3 para que podamos utilizarlos posteriormente. Para ello clikamos el botón Vinculación y Exportar para ActionScript.

2. Convertimos en símbolo los botones Play y Stop para poder interactuar con ellos. Lo hacmos mediante el símbolo botón.

3. Para cargar los archivos mp3, abrimos la ventana Comportamientos y en el apartado de Sonido clikamos en Cargar sonido a biblioteca.

4. Con el botón Stop hacemos los pasos anteriores, pero en vez de Cargar sonido, lo que clikaremos será Detener Sonido.

De esta manera, al clikar tanto en el la imagen de Play como en la de Stop, la música se iniciará o parará según lo convenido. Para ver el ejemplo clika aquí !

Más Flash

1. Hemos hecho un ejercicio en el que pasando el ratón por encima de un título, aparece el contenido de este. Esto se ha hecho clikando con el botón derecho el apartado de Editar en Contexto. Puedes ver el ejemplo aquí!

2. Siguiendo le modelo del primer ejercicio, hemos creado un banner en el que hemos puesto tres imágenes de diarios y, pasando el ratón por encima, podem visualizar un texto. Si clikamos encima de éste, podemos acceder a la página web del diario correspondiente.

Flash

Hemos creado una animación Flash y en ella, hemos utilizado la opción "Alfa", cuya propiedad otorga transparencia a la imagen y hace un juego de contrastes como el que puedes ver aquí.

No obstante, este ejercicio se hubiera completado colocando esta imagen Flash en una página web Html, como se intentó hacer la semana pasada, pero por problemas técnicos fue imposible realizar el ejercicio.

Web con anclajes

Hoy hemos creado una página web HTML con el programa Dreamweaver, y en ella hemos aplicado la opción de insertar anclajes, de tal manera que clikando un título del inicio, la página te lleva a su correspondiente apartado de texto.
Para ver un ejemplo, puedes clikar aquí y verás de lo que estoy hablando!

Estilos de web

Hoy hemos creado una página web con una hoja de estilos sacada de Trípodos, la revista de Blanquerna, la universidad donde estoy cursando esta materia de informática.

He creado una nueva página html que contiene los estilos, o plantillas por decirlo de otra manera, de la revista Trípodos. Este hecho se produce porque he escogido la característica de vincular, y de esta manera, los cambios que haga en el portal de mi página vendrán dados previamente por modificaciones en la página estilos.css del localizador del código de Trípodos.

Todo esto lo he hecho gracias al programa Dreamweaver que como ya dije en publicaciones anteriores, sirve para crear páginas web html.

Ejercicios del Flash

Dreamweaver

Hoy hemos empezado a trabajar con el programa Dreamweaver que sirve para crear pagines web HTML, y a partir de ahí, muchas otras cosas más como la CSS, es decir, plantillas de estilo etc.

Me hubiese gustado tener más tiempo para crear una web más dinámica y entretenida, puesto que en mi primera no hay practicamente nada. Dejo el enlace aquí para que la visiteis aunque espero que no seais demasiado exigentes!
Esto solo fue el comienzo..

Un merecido break

Merecido descanso despues de unos examenes sin pausa alguna, aprovecho los ultimos dias que me quedan en Paris, ciudad del amor, la luz y el frio que pela.

No me extendere mas, pues quiero recoger cada momento que me queda aqui antes de empezar a hablar de webs 2.0, de Flashes etc.

.............Hasta la vuelta y à bientôt................

Cmaps

Estamos viendo estos dias un programa que se llama CMaps Tools y es verdaderamente útil para poder hacer esquemas, enlaces etc.
Aquí hay un ejemplo sencillo de como funciona Cmap Tools.

Flash

Hemos utilizado el programa del Flash que sirve para crear animaciones y películas interactivas y como de costumbre, me hice un lio.

Hoy hemos vuelto a utilizarlo, y por fin he conseguido hacer el proyecto entero. La verdad es que no era tan dificil y con práctica se maneja bien.

Hasta hoy hemos visto con Flash:
-Fotograma clave
-Interpolación de movimiento
-Insertar nuevas capas
-Guias de movimiento
-Herramientas de transformación libre
y por último, agregar un archivo de audio.

Interesante

Hoy en clase hemos visto:

*El uso de las carpetas web
*La utilización del RSS. Esta opción es realmente interesante como hemos visto en el vídeo que se puede ver aquí.

Es increíble los avances que se hacen en internet!

Descanso

Acabada la clase de informática, he encontrado esta mirada irresistible del minino aquí presente y no he podido evitar colgarlo como entrada,
y esque yo también tengo hambre.

Aprendizaje

Desde la primera clase de informática estoy aprendiendo bastantes cosas de las que no sabía su existencía. Reconozco que tengo cierta tírria a los ordenadores, pero por eso decidí hacer esta materia; para aprender más y mejor.

*De momento, hemos aprendido a hacer enlaces, a copiar imágenes y a cargar vídeos.
*Hoy toca conocer las ventajas que ofrece el Google Notebook, y la verdad esque resulta muy útil.
Aquí hay un enlace en el que se explica más detalladamente los servicios que ofrece.