sábado, 26 de marzo de 2011

Sesión 6 "Diapositivas Avanzadas"

Get the flash player here: http://www.adobe.com/flashplayer

 Es aplicación Pictobuilder de www.Pictobrowser.com.
         Esta es una aplicación gratuita que através de un menú interactivo nos permite personalizar nuestra ventana de diapositivas con un mayor nuero de funciones y opciones, entre las cuales se encuentran: 

1.- Tamaño de las fotos.
2.-  Posición de las fotografìas
3.- Escala automatica de las fotos
4.- Tìtulos y notas.
5.- Movimiento del menú.
6.- Color de Fondos con transparencia *

Para encontrar el valor hexadecimal de los colores hacer click aquí:

* Valores de los Colores en Hexadecimal
Esta es la paleta de los 216 colores de WebSafe; Click en uno de los colores para ver su Valor en Hexadecimal. Alternativamente, puedes escribir un valor en Hexadecimal, y verás su equivalente en color.



Es aplicación Pictobuilder de www.Pictobrowser.com.

Esta es una aplicación gratuita que através de un menú interactivo nos permite personalizar nuestra ventana de diapositivas con un mayor nuero de funciones y opciones, entre las cuales se encuentran:


1.- Tamaño de las fotos.
2.- Posición de las fotografìas
3.- Escala automatica de las fotos
4.- Tìtulos y notas.
5.- Movimiento del menú.
6.- Color de Fondos con transparencia *

Para encontrar el valor hexadecimal de los colores hacer click aquí:


* Valores de los Colores en Hexadecimal

Esta es la paleta de los 216 colores de WebSafe; Click en uno de los colores para ver su Valor en Hexadecimal. Alternativamente, puedes escribir un valor en Hexadecimal, y verás su equivalente en color.

sábado, 19 de marzo de 2011

Banda de Música en la kermés del 27 de Mayo del 2010

Banda de Música

Sesion 5. Subir Fotos y Videos de www.Flickr.com



 Pasos para crear una Diapositiva en nuestro Blog.

1.-  Asegurarnos que contamos con un album específico en Flickr.


2.-  http://www.flickr.com/photos/60518958@N03/sets/72157626300514618/

3.-  El punto anterior es la dirección donde está nuestro album en Flickr. 
4.- Seleccionamos la opción de SLIDESHOW (Diapositivas), todavìa en Flickr, para entrar a la Pantalla de Diapositivas (Pantalla Negra).
5.- En la Pantalla de Diapositivas, buscamos la opción de COMPARTIR o SHARE. 
6.- En la opción de SHARE, buscamos la opción de PERSONALIZAR EL CODIGO de HTML.
7.- Ajustamos las medidas ara crear una ventana a nuestro gusto.
8.- Copiamos el código con la instrucción de Ctrl + C, o click derecho y Copiar. 
9.- Pegamos el código en nuestra ventana de una NUEVA ENTRADA, en  la pestaña de EDICION DE HTML.
10.- Se hace click en el recuadro anaranjado de PUBLICAR ENTRADA.

sábado, 12 de marzo de 2011

APLICACION DE DIAPOSITIVAS

4.- El Aplicación de Diapositivas. Así como hay servicios, que hospedan videos en línea, hay páginas gratuitas que nos ayudan a mostrar y organizar nuestras fotografías, sobretodo si contamos con un gran número de ellas.
l Flash o videopositivas. Nos sirve para crear en el internet por medio de un cuadrito., que nos permite ver fotografías, sin necesidad de pasar de una foto a otra.




1.- Se escogen las fotografias. En el lugar que se encuentran, se seleccionan con el shift, luego se copian ya que estàn, se cargan en el flickr. Pide si se quiere escribir

Sesión 4 "INCORPORANDO VIDEO A NUESTRO BLOG"

1.- ¿Qué es Multimedia?

La Multimedia es cualquier plataforma de comunicación que involucre varios sentidos, en la interacción básica con el usuario, en este caso, con el espectador. Decimos que un celular es multimedia, cuando de la comunicación auditiva maneja, videos y música.

Una computadora es por definición “multimedia”, ya que a aparte de involucrar el aspecto visual y auditivo puede manejar diferentes formatos de información: audio, video, texto, imágenes fijas, etc.,

2.- ¿Qué es Youtube?

Es un servicio de alojamiento de videos, para que el usuario cargue su propio material y lo publique sin necesidad de una tercera persona, moderando el tráfico. Cuenta con unas herramientas que hace fácil la creación de canales personalizados, esto es, página dentro de Youtube, que presentan varios videos relacionados a un solo tema., o bien, son seleccionados de entre los varios videos entre los que cuenta Youtube por el usuario.

Youtube tiene herramientas para compartir videos que hacen muy fácil incorporar el video a nuestros proyectos utilizando “copiar y pegar” y, la capacidad de “EMBEDDING”, que significa ADHERIR o PEGAR.

3.- Pasos para Integrar video al Blog
1.- Entrar a un servicio de alojamiento gratuito de videos, como al www.vimeo.com (www. Significa World Wide Web”)
2.- Utilizar el Motor de Búsqueda para encontrar el video de nuestra elección.
3.- Localizar el botón de EMBED



Hacemos click en el botón EMBED, en este momento aparece un recuadro donde se enlista un código. A este código lo copiamos con el botón derecho de mouse y en la opción copiar. Posteriormente lo pegamos en nuestra entrada y le damos un click en PUBLICAR ENTRADA.

Para EDITAR la entrada, hacemos click en la opción de NUEVA ENTRADA. En la barra superior está la opción EDITAR ENTRADA. Hacemos click en este apartado y, aparece un listado de las entradas agregadas al blog. A un lado de la opciòn Editar aparece un cuadrito. Seleccionamos con el cursor del mouse esta figura y hacemos click en la palabra EDITAR.

Siguiendo el procedimiento anterior, aparece el texto que insertamos inicialmente y que ya publicamos en nuestro Blog.

Para seguir en la ediciòn de esta entrada, escribimos debajo del código de video insertado. Podemos ver que el video se pega a nuestro blog, del tamaño que se puede generar, además de tener una barra de controles plateados. Youtube, nos brinda la opción de ajustar el tamaño de nuestra ventana de video. Además de colorear los controles para que combinen con la decoración de nuestra página.

Youtube nos da dos opciones básicas para personalizar las Ventanas de Video. uno es el ajustar el tamaño de la ventana y el segundo es, darle color a los controles del video.

Ir a la pàgina de yuotube debajo de donde dice EMBED, vienen las ventanas de videos. realizar mlos combios de tamaño y colores.
Utilizar los cuadros predeterminados que vienen ahì o en el personalizado. colocar el ancho 400 pixeles y en automatico nos da el alto.
Ahora copiemos el codigo de embed y pegamos en Editar HTML del blog, que se encuentra en EDITAR ENTRADA.

hACER CLICK EN EL BOTON html, DENTRO DEL BLOG, Y EN LA partte inferior, copiar el código.


Ediciòn de html

sábado, 5 de marzo de 2011

3a Sesión Pixel y Bitmaps


TEMAS ABORDADOS 
  Pixel y Bit maps


1.- ¿Qué es un Pixel?

                       Es la abreviatura de PICTURE ELEMENT (PIX   EL)  ELEMENTO DE IMAGEN.  Al pequeño  componente de luz de forma cuadrada que  combinada con otros,  conforma una imagen digital mostrada en un medio electrónico, (televisiones, celulares, video juegos, etc.) 

2.- ¿Cuál es la ventaja de un Pixel.

                     Es que se puede utilizar y transportar a cualquier medio que ocupe una pantalla para interactuar con una persona, por ejemplo, hay pantallas del tamaño de un edificio que permiten interactuar no con una, sino con miles de personas. Un pixel muerto es cuando uno de los puntos, se funde.  Son  fáciles de transmitir por internet, por red celular, y de computadora a computadora. (Bluetooth). Además de poder  editar el pixel de la imagen por computadora.

3.-Definiciòn de BIT MAP (mapa de bits).

                     El conjunto de pixels ordenados de forma cuadrangular, con diversas propiedades de color, tamaño,  incluso transparencia, se les llama mapas de bits o bit maps por su nombre en inglés. Aunque pueden tener diferentes terminaciones de archivo.  (.JPG, .GIF, .TIF, .PNG, .BMP, etc.). Independientemente de la terminación, todos son catalogados como mapas de bits, con las siguientes características:


Imagen de menor resolución
Imagen de mayor resolución
1.- Resolución: Es el tamaño determinado de la imagen y es la limitante de tamaño que tiene una imagen desde su creación cuya intención es optimizarla, para que se despliegue con la mejor calidad posible a un tamaño fijo, siempre expresado en pixels, separados por un signo de multiplicación.
    
                    



2.-   ARTIFACTS IN BITMAPS. Los artefactos son una distorsión que aparecen cuando la resolución es insuficiente para mostrar debidamente  la imagen, es entonces que la baja calidad en el mapa de bits 
se manifiesta como manchones de color o áreas deslavadas que asemejan una cuadricula y que son aun mas aparentes cuando ampliamos la imagen  o imprimimos en papel. A los artefactos que aparecen por fallos en la iluminación se le conocen como, aberraciones.

3.- Características de formato.  Todos los bitmaps tienen una terminación específica de formato que le brinda a su vez características propias a cada uno de ellos y se les reconocen por su terminación:
a)      .JPG  .- Es el formato de fotografías más popular en el mundo, viene predeterminado en celulares, cámaras fotográficas, y video cámaras que tome fotografías. Está diseñado para crear imágenes fáciles de transmitir en correos electrónicos, páginas de internet, celulares, etc., y su calidad varia permitiéndonos generar copias de la misma imagen con resoluciones diferentes, optimizadas para web, televisión, impresiones, revelado de fotos, etc.  Tiene gran saturación de color
b)      .GIF  .- Es un formato de compresión de imágenes de paleta fija (se refiere a que cuenta con un número máximo de colores que puede ser una limitante para reproducir imágenes del mundo real). Se pueden utilizar en caricaturas, iconos sencillos, letras en negro y blanco.
Características adicionales de los gifs. A pesar de sus limitantes, cuenta con dos características superiores a los .jpg. Una es la transparencia. Los gifs pueden incluir un color que es el transparente que nos permite tener objetos (flotantes) sin el clásico remarco blanco.  Otra característica es que pueden ser animados, es decir que pueden guardar una secuencia de fotos, que mostradas una tras otra, dan la ilusión de movimiento
c)       .TIF    .- Es un formato de imágenes que tiene un mínimo de compresión, lo que significa que es el de mayor calidad y mayor parecido a la vida real, per o al mismo tiempo es de los de mayor tamaño. Muchas cámaras digitales recientes tiene la opción de tomar fotografías en este formato que es conveniente para que posteriormente, el usuario las convierta al formato de su elección. ( .jpg o .gif)
d)      .PNG  .- Es un formato de imágenes digitales que pudiera considerarse la evolución del .gif, ya que cuenta con más colores y transparencias creando imágenes de mayor calidad, con la     salvedad de que  no puede reproducir animaciones