Práctica 4 (pez en movimiento)

Pasos:
1.- Hacer un círculo y un rectángulo junto a este.
2.- Con ayuda de la arrow tool podremos modificar el rectángulo para hacer un triángulo y que parezca la cola del pez. Jalar de las esquinas del rectángulo para poder modificarlo.
3.- Seleccionar un color determinado para el pez en este caso anarangado
4.-Seleccionar (hacer click solo una vez) el circulo y el rectangulo. Posteriormente seleccionar la herraminta de la brocha y en opciones ir a: solo pintar lo seleccionado. Elegir el color negro
5.- Hacer una líneas en forma vertical no importa que se salgan del contorno del pez
6.- Hacer dos circulos pequeños blancos que serán los ojos del pez
7.- Ya que el pez esté terminado seleccionar todo y convertirlo a simbolo
8.- Ponerle también "Create Motion Tween"
9.- Seleccionar el último frame hasta donde se realizará la aniamción
10.- poner trayectoria del pez.
11.- Hacer otro layer y poner rectangulos para deformarlos y hacer que parezcan las algas
12.- Hacer un tercer layer donde pondremos otras algas de otro color para poder diferenciar.
13.- Convertir a simbolo todas las algas y ponerles "Create Motion Tween" si queremos que realizcen un pequeño movimiento de derecha a izquierda paraque parezca que se mueven por la accion del mar
14.- En un cuarto layer hacer circulos pequeños a modo que parezcan burbujas.
15.- Convertirlas a simbolo una vez que ya este determinado el color y el tamaño de las mismas. ponerles un "Create Motion Tween"
16.- Hacer que las burbujas tengan la misma ruta que el pez, poner las animaciones correspondientes.

La imagen quedará como la siguiente...

Práctica 3

1.- Hacer cualquier imagen: circulo, óvalo, rectángulo, cuadrado, etc.

2.- Hacer doble click sobre la figura y convertirla a simbolo


3.- Seleccionar la imagen, ir al menu insert y dar click en la opcion:


La imagen se verá de la siguiente forma

4.- Seleccionar el frame donde quieras que termine la animación dar click derecho y seleccionar Insert Keyframe, debe a parecer una línea continua.


5.- Ir al frame 1 y poner el simbolo en el lugar donde quieres que empiece, ir al último frame y p0ner el simbolo donde quieres que quede finbalmente.

6.- Presionar enter y el simbolo se moverá con la ruta que hayamos marcado anteriormente.

7.- Si queremos que el simbolo haga varios movimientos símplemente hay que elegir el frame donde queramos que cambie de ruta y hacer un nuevo KEYFRAME, o sólo moviendo el simbolo(imágen) se creará automáticamente un Keyframe. El layer se verá de la siguiente manera. Los circulitos indicarán cambios en la ruta del simbolo.


7.- Si queremos que se muevan dos o más símbolos al mismo tiempo tenemos que hacer otro layer presinando lo siguiente. Los frames se verán de la siguinte manera.





Haces click enenter y laimagen se moverá...

Herramientas de Trabajo

Arrow Tool: Con ellka podremos seleccionar objetos y moverlos por el área de trabajo, también nos ayuda a modificar las líneas de las figuras o letras y hacer diferentes formas


Lasso tool: Para cortar las lineas en una misma figura

Pencil Tool: Sirve para hacer lineas, tiene diferente opciones que nos ayudaran a hacer los trazos más recto





Oval & Rectangle Tools: Nos ayudan a hacer círculos, ovalos, rectangulos y cuadrados


Text Tool: Para escribir

Free transform Tool: Nos ayuda a modificar una figura ya hecha.


Erase Tool: Para borrar, hay diferrentes opciones para la goma, borrar todo, borrar solo lineas, borrar relleno, etc.


Stroke Color & Fill Color: Para el color de las líneas o rellenos.

Prácticas Flash

Práctica 1


Haces click en la herramienta de texto de Flash, escribes la palabra que quieras, en el Finder buscra la opcion de "Modify" y das dos veces click en "Break Apart" para separar las letras y poderlas modificar una por una. Haces click en la flecha de selección acercas el cursor a una de las letras y aparece una linea curva bajo la flecha, ésta te indicara que podrás modificas la letra.

Práctica 2 Una... Bandera???



Hacer click en la herramienta para crear rectángulos, crear 3 juntos. Hacre click en la flecha de seleccion, acercarse a cada uno de los lados superiores del rectángulo para hacer las curvas.
En toda la bandera hice circulo y los modifique de la misma manera que las letras de la práctica anterior, selecciones todas y les designé un mismo relleno. Despues seleccione la bandera y la recorri tantito para arriba. Completé la pantalla con rectángulos modificados con la flecha de seleccion negra.

Interfaz Gráfica

Barra de menu: se encuentran todos los comandos



Barra de herramientas: Dividida en herramientas, vistas, colores y opciones









hand tool= para mover el escenario








Imagen vectorial o de tipo bit map (fotografía generada con pixeles)son los tipos de imagen que maneja Flash.

Linea de tiempo conformada por frames (animacion por cuadros x segundo) y layers (capas transparentes, una encima de otro con diferentes elementos).


Cuadro blanco= escenario
Parte gris= área de trabajo



Panel/Barra de propiedades= darle ciertas caracteristicas a lo que hagamos



Paneles= apoyos



Librerias= animaciones ya prediseñadas

Conceptos de Flash

Interracción con el web:
Durante mucho tiempo la información que se manejó en la web eras plana, textual, no existían imágenes ni animaciones. Debido a la necesidad de las personas de recibir información de manera visual los programadores se dieron a las tarea de crear programas con los que se pudiera interactuar o vicualizar imágenes fijas y en movimiento en la red.
Algunos programas que sirgieron son:

*Java Script, el cual permite crear pequeñas adiciones a la página, es decir, no las crea sino las complementa.

*DHTML, que es una combinación entre el HTML y el Java Script, que permite crear desde pequeñas animaciones hasta interactividad y páginas. El problema es que esta página tarda en cargarse y algunos navegadores presentan problemas de compatibilidad.

*Live Motion, creado por la empresa Adobe este permite crear interactividad y páginas dinámicas, el gran problema que tiene es que sus programadores deben ser especialistas.

*Flash, programa creado por Macromedia en sus inicios, actualmente pertenecen a Adobe. Es un programa creado originalmete para desarrolar animaciones para el web, hoy en día se utiliza al rededor del mundo para no solo para crear animaciones sino sitios completos, debido a la perfecta conjunción con los integrantes de su suit, éste requiere de un player o un plug-in para el navegador.

¿Foto con Flash o sin Flash?

Adobe FLASH® (Fl) (hasta 2005 perteneciente a la empresa Macromedia conocido como Macromedia FLASH® y adquirido por ADOBE ampliando con ello su monopolio dentro del mercado) o FLASH® se refiere tanto al programa de edición multimedia como al reproductor de SWF (Shockwave FLASH) Adobe Flash Player, escrito y distribuido por Adobe, que utiliza gráficos vectoriales e imágenes ráster, sonido, código de programa, flujo de vídeo y audio bidireccional (el flujo de subida sólo está disponible si se usa conjuntamente con Macromedia Flash Communication Server). En sentido estricto, Flash es el entorno y Flash Player es el programa de máquina virtual utilizado para ejecutar los archivos generados con Flash.

Los archivos de Flash, que tienen generalmente la extensión de archivo SWF, pueden aparecer en una página web para ser vista en un navegador, o pueden ser reproducidos independientemente por un reproductor Flash. Los archivos de Flash aparecen muy a menudo como animaciones en páginas Web y sitios Web multimedia, y más recientemente Aplicaciones de Internet Ricas. Son también ampliamente utilizados en anuncios de la web.

Wiki vs Web vs Blog!!!!!

El blog:

• Es personal, aparentemente menos colaborativo. La entrada pertenece a su editor
  
• Se supone que el texto es estático, una vez publicado, el post no cambia. El discurso es espontáneo, no revisable y permanente.
• Tiende a ser un “largo pergamino” (el texto se extiende hacia arriba y hacia abajo)
• Presenta un “modo discusión”
• Es cronológico: lo último aparece lo primero.
• Es inmediato: escrito en el momento/escrito sobre el momento.
• Los enlaces sirven para conectar con el exterior del blog.

El wiki:

• Puede ser personal pero está abierto a la colaboración.
• El propósito es crear un documento.
• Se estructura en páginas
• Es hipertextual por definición. Palabras o frases del texto convertidos en enlaces dan pie a nuevas páginas.
• El “modo discusión” pasa a “modo documento”, en tercera persona y sin firmar.
• Es atemporal: cambia no por el tiempo sino por su desarrollo.
• El texto es examinado, revisado, cambia y puede ser cambiado.

La pagina web:

• Es una fuente de información adaptada para la World Wide Web.
• Las páginas web pueden ser cargadas de un ordenador o computador local o remoto, llamado Servidor Web
• Las páginas estáticas generalmente usan la extensión de archivo .htm o .html.
• Las páginas web generalmente incluyen instrucciones para el tamaño y el color del texto y el fondo, así como hipervínculos a imágenes y algunas veces otro tipo de archivos multimedia.
• El texto editable se muestra en pantalla con alguna de las fuentes que el usuario tiene instaladas
• Audio, generalmente en MIDI, WAV y MP3.

Página Web

Una página web es una fuente de información adaptada para la World Wide Web (WWW) y accesible mediante un navegador de Internet. Esta información se presenta generalmente en formato HTML y puede contener hiperenlaces a otras páginas web, constituyendo la red enlazada de la World Wide Web.

Las páginas web pueden ser cargadas de un ordenador o computador local o remoto, llamado Servidor Web, el cual servira de HOST. El servidor web puede restringir las páginas a una red privada, por ejemplo, una intranet, o puede publicar las páginas en el World Wide Web. Las páginas web son solicitadas y transferidas de los servidores usando el Protocolo de Transferencia de Hypertexto (HTTP - Hypertext Transfer Protocol). La acción del Servidor HOST de guardar la página web, se denomina "HOSTING".

Las páginas web pueden consistir en archivos de texto estático, o se pueden leer una serie de archivos con código que instruya al servidor cómo construir el HTML para cada página que es solicitada, a esto se le conoce como Página Web Dinámica.

Wiki..que?

¿Que es un Wiki?

Un wiki es un sitio web colaborativo que puede ser editado por varios usuarios. Los usuarios de una wiki pueden así crear, modificar, borrar el contenido de una página web, de forma interactiva, fácil y rápida; dichas facilidades hacen de la wiki una herramienta efectiva para la escritura colaborativa.

Caracteristicas

Un wiki permite que se escriban artículos colectivamente (co-autoría) por medio de un lenguaje de wikitexto editado mediante un navegador. Una página wiki singular es llamada "página wiki", mientras que el conjunto de páginas (normalmente interconectadas mediante hipervínculos) es "el wiki". Es mucho más sencillo y fácil de usar que una base de datos.

Una característica que define la tecnología wiki es la facilidad con que las páginas pueden ser creadas y actualizadas. En general no hace falta revisión para que los cambios sean aceptados. La mayoría de wikis están abiertos al público sin la necesidad de registrar una cuenta de usuario. A veces se requiere hacer login para obtener una cookie de "wiki-firma", para autofirmar las ediciones propias. Otros wikis más privados requieren autenticación de usuario.

Blog... ¿y eso qué es?

¿Que es un blog?

Es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. El término blog proviene de las palabras web y log ('log' en inglés = diario). El término bitácora, en referencia a los antiguos cuadernos de bitácora de los barcos, se utiliza preferentemente cuando el autor escribe sobre su vida propia como si fuese un diario, pero publicado en Internet en linea.

¿Cómo crearlo? ¿Cómo editarlo? ¿Cómo ocuparlo?

Existen variadas herramientas de mantenimiento de blogs que permiten, muchas de ellas gratuitamente, sin necesidad de elevados conocimientos técnicos, administrar todo el weblog, coordinar, borrar o reescribir los artículos, moderar los comentarios de los lectores, etc., de una forma casi tan sencilla como administrar el correo electrónico. Actualmente su modo de uso se ha simplificado a tal punto que casi cualquier usuario es capaz de crear y administrar un blog.

¿Cómo generarlo?

Como yo, lo puedes hacer en la siguiente pagina: www.blogger.com, es muy facil solo sigue las instrucciones...

Bienvenidos

Hola, bienvenidos a mi bog!!!
El objetivo de crear un blog es publicar información periódicamente sobre temas de Computación, como lo podría ser: ¿Cómo crear una pagina web?, Algunos detalles de como usar Dreamweaver, ¿Que son los virus?, y muchas otras cosas más que ojalá algún día les pueda ayudar en algún trabajo.

http://abril9ale1.iespana.es