Introduccion al diseño grafico: La apariencia de nuestro Blog.

Glosario de términos básicos para el diseño gráfico a través de medios electrónicos.

1.-Qué es un Pixel? 
El pixel es la unidad de color con luz minima que puede representar un medio electrónico. Su forma física mas tangible es un punto de color en la pantalla. En televisiones y monitores mas grandes, también pantallas gigantes de LCD (como las que se encuentran en los anuncios publicitarios en las vialidades) es un punto de color que puede ser Rojo, Verde, Azul o cualquier combinacion de los 3 colores, generando luz blanca cuando se combinan todas en la misma proporción.

Todas las medidas de gráficos en cualquier medio electrónico se expresan en pixeles, siendo la medida de 800x600 la mas usada hasta antes de los monitores SVGA y aun mayores con los monitores de alta definición y pantalla plana. 

2.-Qué es un megapixel?

Se le llama megapixel a una matriz de aproximadamente un millon de pixels, dispuestos en columnas e hileras para conformar una imagen en un medio electrónico. Mientras mas megapixeles tenga una imagen no necesariamente se hace mas detallada, si no que permite capturar imágenes mas grandes, lo que favorece su ampliación sin que suceda la pixzelización o que aparezcan las deformaciones de baja resolución denominadas artefactos.

3.-Pixelización:

Deformación común que experimentan las imágenes cuando son ampliadas u observadas a un tamaño mayor al que fueron creadas para observarse, por ejemplo en el caso de fotos que fueron tomadas para verse por pantalla de celular, cuando son amplificadas en un monitos de mayor tamaño, se pixelean



4.-Artefactos: 

Son las deformaciones regularmente de formas cuadradas o rectangulares que aparecen en pantalla cuando forzamos la ampliación de una imagen que no fue creada para verse de cerca

Pasa muy seguido con imágenes que fueron bajadas de internet y se imprimen en papel revelando su pixelización.

5.-Formatos de imágenes mas populares y sus usos:

JPG:es el mas usado en la web. Cuando una imágen está en este formato nos indica que ya fue comprimida (no está en su máxima resolución) y que esta optimizada para mandarse por internet, verse en monitor o bién ampliarse hasta la medida original en la que fue creada, ya que se pixelea si se amplifica de mas.

GIF:al igual que JPG, es un formato ideal para ver imágenes en pantalla en tamaños relativamente pequeños que no ocupen mucho espacio en memoria(por ejemplo, que no excedan el tamaño permitido en un correo electrónico) pero tiene 2 características que la diferencían de otro formatos: 1.-Permite varios cuadros de imágenes en un solo archivo, por ejemplo, fotos animadas, y 2.-para poder almacenar este tipo de información de animación, sacrifica colores, ya que cuenta con un número limitado de colores para mostrar.


FORMATOS MAS COMUNES DE IMAGENES

En JPG-usado en we
En GIF-usado en web
En TIF-alta calidad
En PNG-transparencias
En RAW-el mas alto


TIFF: Es un formato de imagenes digitales que no tiene comprension, esto es, que fue creado en la calidad y resolucion maxima que puede generar nuestro aparato (ya sea cámara digital, imagen escaneada o cámara de video que puede tomar fotos.) por lo regular el formato TIFF es muy pesado (asumiendo el peso del archivo como un valor elevado en MEGABYTES) y es el ideal para ampliaciones o reproducciones en gran formato.

PNG: Este formato es una version mejorada del archivo de imagenes tipo GIF en el sentido de que permite excelentes imagenes para su uso de web y presentaciones en proyector, ademas de transparencia (evitando el remarco blanco que acompaña a ciertos formatos de imagen) teniendo mayor calidad que el GIF. En contraparte, el hecho de que tenga mayor calidad impide el uso de animaciones.

Ejercicio

Esperando la notificacion

Esta sesion el Profesor se desespero.

Yo le aconsejaria que se tomara DALAY , pero que se tome toda la caja jajajaajajajaja

Recordando de los visto hasta el momento. Creando una red intergrupal.

la siguiente practica parate de que reunamos los siguinetes requisitos:
1.-  Haber dado de alta un usuario de Fb y dentro de este haber creado una paginaindependiente con el nombre de una escuela/institucion o diplomado.

2.-haber creado exitosamente el canal de TwitterFeed entre nuestro blog en www.blogspot.com y dicha pag. e fb.

3.- haber creado un usuario de Twitter.com y haber cumplido con: confirma la cuenta, seguir a 10 personas (celebridades, conocidos etc.) y haber intercambiado los nombres de usuario de twitter entre los miembros del salon.

4.- crear en twitterfeed un canal de comunicacion entre nuestro blog y twitter.

5.- crear en twitter (configuracion/perfil/conectar con fb) una comunicacion entre twitter canal de comunicacion automatizada: nuestro blog/twitter/fb.

6.- Publicar en nuestro blog una entrada nueva, que sea el parrafo de un articulo de interes, un cuento corto o un extracto de una lectura, con un titulo descriptivo de su contenido (ej. extracto de columna de deportes)

7.- esperar a que los compañeros hagan lo mismo, utilizar la opcion de RETWWET para que se publique tambien en nuestro perfil en Twitter.

8.- comprobar que todo lo anterior se ha publicado automatizadamente en las 3 paginas mencionadas (blogger, twitter y fb)

9.- Tan -tan!

Interconectividad de Redes Socieales y Nuestro Blog 2 Microblogging.

1.- Microblogging: Esta variante de la publicacion de bitacora en linea se distingue por ser la mas concisa y estar implementada para su rapida asimilacion en la forma de enunciados limitados por unnumero predeterminado de caracteres, pero integrando en su mensaje todas las herramientas basicas que conforman un abitacora electronica, como lo son las respuestas, las repubicacion, los hipervinculos, las etiquetas y las busquedas por tópico, periodicidad, autor o region geográfica.

El servicio de microblogging mas popular es Twitter.

Twitter es creado como una plataforma de comunicacion cuya particularidad es la extension de sus mensajes: solo 140 caracteres, incluyendo letras, numeros y espacios.

Estos mensajes o Tweets (comparandolos con el trinar de un ave o tweeting) pueden estar conformados por frases o una combinacion de enunciados con hipervinculos (url) o una serie de marcadores precedidos por el simbolo de numero (#) que hace facil su busqueda y localizacion.

2.- Pasos para integrar a Twitter a nuestra red social:
a) crear una cuenta en http://twitter.com
b) acceder a nuestro cliente de informacion de twitterfeed.
c) activar la cuenta de twitter integrandola al servicio que alimenta a facebbok.
d) aplique, frote, enjueague y repita.

Entrada de prueba 2

sonrieeeeee!! prueba 2

Entrada de Prueba

Este es el texto de la entrada de prueba.

Intercinectividad en redes sociales y nuestro blog

Una de las herramientas mas utiles para la comunicacion entre un grupo de personas que revisan consuetudinariamente sus correos electronicos son los boletines y las notificaciones de redes sociales. En este aspecto la comunidad virtual de FaceBook ofrece una gama de servivios que facilitan la creacion de página dedicadas a organizaciones/grupos/negocios/cluves y/o instituciones, que además cuentan con una amplia gama de caracteristicas que permiten el trabajo en conjunto de nuestro blog, creando un solo canal de comunicacion que opera en varios niveles.

en este servivio vamos a integrar notificaciones en FaceBook con las publicaciones en Blogger, logrando logrando que se notifiquen de manera personalizada los miembros de un grupo de usuarios de FaceBook que accedan a formar parte de nuestra red socia.

Pasos para integrar FaceBook y Blogpot:

1.- Crear un usuario en Facebook, mediante una cuenta de correo existente y un password nuevo. llenamos los formularios y precionamos siguiente hasta llegar a nuestra pagina personal.

2.- al pié de nuestro perfil personal existe el apartado para CREAR PAGINA, hacemos click para pasar al menu de seleccion.

3.- en este menu podemos definir el caracter de nuestra página, ya sea de caracter educativo, institucional, de negocio, grupos musicales, hobbies, deportes, etc. esto le facilita a FaceBook ayudarnos a promover los contenidos que se pibliquen ahi.

4.- una vez que definamos el sesgo de nuestra pagina, procedemos a llenar los formularios. Si por ejemplo la hacemos en base a una escuela, llenamos campo con nombre, direccion contactos, etc. Acompañando todo de una descropcion breve para cuando seamos localizados por el motor de busqueda de faceBook.

5.- Accesamos a www.twitterfeed.com que es la pagina que va a ligar el funcionamiento de nuestro blog en FB, mediante un sistema de alimentacion de informacion quie es conocido con las siglas de RSS, que significa en ingles Real Simple Syndication, Distribucion Realmente Simple, para nuestra conveniencia. TwitterFeed no requiere programacion, solo crear un usuario con una cuenta de correo existente y un password o clave que no debe ser necesariamente la del correo mencionado.

6.- Para activar TwitterFeed hay que copiar la direccion de nuestro blog (http://nombredemiblog.blogspot.com) y probar si funciona la alimentacion RSS usando un boton de PROBAR.

7.- Le damos SIGUIENTE y seleccionamos el servicio FACEBOOK  del enu. este formulario nos pide que permitamos a TWITTERFEED accesar nuestro usuario de FB y luego nos permite seleccionar paginas que hayamos creado ahi. Aqui es donde seleccionamos especificamente la pagina que creamos en los pasos 2 y 3. Ahora nuestra entrada se publican automaticamente en Blogger y FB y se les notifica con un mensaje a cualquier usuario que este inscrito en dichas paginas.

Introduccion a la edicion de planillas. Los Gadgets.

Los Gadgets en Bloggger:

Se les llama asi a los pequeños módulos de código que modifican el comportamiento de la plantilla de nuestro blog. Esto es mas que ser una entrada nueva, es un componente del diseño de nuestro blogs que le aporta funcionalidad extendida o adicional. Aparte que no estan sujetos al acomodo cronológico de las entradas donde cada nuevo artículo que publiquemos va a colocarse inmediatamente encima de lo anterior, relegando el contenido al fondo del nuevo blog. Los Gadgets por su parte están anclados en la platilla de nuestra página.

Aplicaciones comunes de los diferentes tipos de gadgets.
1.- Ventanas de video: Podemos copiar la direccion de algun video favorito y anclarlo a la columna izquiero o derecha de nuestro blog dependiendo de su diseño para que, cada vez que se cargue la página, se corra dicho video.

2.- Galerias fotograficas fijas podemos mandar llamr una pelicula de diapositivas y asignarlas a algún espacio en las columnas laterales de nuestro blog.

3.- Directorios de blog/paginas adicionales: podemos crear listado de nuestras paginas favoritas o bien listados de blogs de nuestros compañeros y mostrarlos en la forma de la relacion de links covenientemente colocados a los lados de la pagina.

4.- Subscripciones y RSS: este Gadget permite a las personas que visiten nuestras página subscribirse a nuestro blog utilizando su correo electrónico, de este modo les llegan notificaciones y copias de nuestros contenidos de modo automatico a sus respectivos correos en el momento en que son publicados.

5.- Listados de nuestros Posts o entradas favoritas: Nos permite mantener siempre a la mano un listado de contenidos sobresalientes para su rapida visualizacion y referencia.

6.- Listado de etiquetas relacion de palabras clave que facilitan la búsqueda de contenidos en nuestas publicaciones.

7.- Cuadro de búsqueda: similar a Google pero con la opcion de buscar dentro de nuestra pagina exclusivamente o bien realizar una búsqueda general en toda la web.

Edición avanzada del diseño del Blog

1.-La pestaña de diseño
1.1.- Editar las opciones de la página de entrada
En el apartado de Opciones de la página de entrada encontramos los ajustes para configurar a detalle el espacio con el que publicamos los contenidos de nuestro blog y la manera en que interactuan con nuestros lectores:
a) Número máximo de entradas de la página principal:
Aquí determinamos el número máximo de artículos que vamos a mostrar antes de encontrar el botón para ver artículos anteriores. Los artículos son mostrados en orden cronológico descendente
b)Texto predeterminado para el salto de página: Es el texto que seleccionamos nosotros para indicar cuando truncamos la extensión de nuestros textos.
c)Opciones adicionales de entrada:
-Tipo de fecha
-Título de la rubrica
-Publicación de horario
-Etiquetas
-Reacciones: Son botones que configuramos para medir la reaccion de los visitantes  y poder llevar un consenso de la opinión de nuestros lectores

Ejercicio de repaso: Captura de audio en MP3 y publicacion en SOUNDCLOUD

Utilizando los conocimientos adquiridos hasta el momento realizar el siguiente ejercico de repaso:

1.- Seleccionar el video de nuestra preferencia en www.youtube.com que puede ser musica, de comedia, discurso, etc. con una duracion no mayor de 4:30 min.

2.- Utilizar la pagina www.keevid.com para obtener el audio en formato mp3 de dicho video, grabandolo en nuestro escritorio.

3.- Utilizando el servicio de www.souncloud.com subir la grabacion mp3 a nuestro perfil de Soudcloud.

4.- Exportar el codigo de SHARE y pegarlo en esta miisma entrada, al pie del texto. BUSCAR EL TEXTO DE EMBED CODE, copiarlo.

5.- Pegarlo en esta entrada, en EDITAR HTML.



¿Conoces a Pin Pon Muñeco de Jengibre by user2714655

Grabación y alojamiento en línea de audio a través de SOUNDCLOUD

Soundcloud es un servicio virtual de grabación y almacenamiento de audio, que es publicado en una plataforma diseñada para sacar provecho de las redes sociales, ya que está integrado con Facebook, Blogger, Tumblr, etc.

Pasos para crear una cuenta en SOUNDCLOUD:
1.- Accesamos a http://www.soundcloud.com/
2.- Buscamos el botón de SIGN IN
3.- Seleccionamos una de dos opciones:
a) registrarnos con nuestro usuario en Facebook (que nos lleva a una pantalla donde Faceboos nos pide autorizemos a SOUNDCLOUD para que use nuesta información de usuario) o bién:
b)Registrarnos con una cuenta de correo (ese será nuestro usuario) y un password que será nuestra clave en SOUNDCLOUD (no tiene que ser necesariamente el mismo password del correo)
4.- Se va a mandar un correo de confirmación a la dirección de mail que usamos en el inciso b) Haciendo Click en ese mensaje podremos activar finalemtnenuestra nueva cuenta en SC.

*Como hacer grabaciones en SOUNCLOUD

1.- Localizamos el botón de UPLOAD and SHARE que se encuentra en nuestra pagina de bienvenida de SoundCloud

2.-Seleccionamos una de las dos opciones: Upload o Rec
UPLOAD: se abre la ventana para seleccionar archivos desde nuestra computadora y se suben, los formatos mas comunes son: mp3, way, flac, aif, aac, etc.

3.-REC es el boton que activa la grabación, que sólo puede hacerse si tenemos conectado un microfono a la computadora  ( en el conector de color rosa) o a través del micrófono integrado de las laptops. NOTA: Para realizar que el reproductor de ADOBE FLASH esta actualizado, buscando en Google ''descargar adobe flash''
.

Personalizaciñn de Diapositivas Avanzadas.

Flickr nos da la opcion de copiar y pegar de reproductores de diapositivas que funcionan como videos que cuentan con un boton de play que nos permiten ver la fotos contenidas en el album de Flickr que nos genero dicha presentacion.
de cualquier manera el hecho de que es un reproductor de diapositivas tan basico nos brinda un abanico limitado de opciones para crear nuestro reproductor, es enctonces que surgen servivios de personalizacion avanzada de diapositivas como PICTOBROWSER.

1. COMO UTILIZAR EL PROGRAMA EN LINEA DE PICTOBROWSER.

a) En una pestaña nueva acceso a www.pictobrowser.com 

b) En la esquina superior derecha ubico el boton PICTOBUILDER, hago click.

c) Ubico el campo que dice "ENTER YOUR SCREEN NAME" y le escribo el nombre que aparece en mi cuenta dE FLICKR en el renglon que dice: Sesión iniciada como Shuchukin   j

d) Aparecen los botones para seleccionar los SETS  de mi cuenta de FLICKR. Estos son los ALBUMS. 

e) tras selccionar un album de mi lista se crea un PICTOBROWSER con el menu de opciones en su modalidad default esto es, con ninguna opcion activada.

f) los ajustes de PICTOBROWSER son los siguientes: 

* Image Settings,File size (Small, Large). (Sirve para ajustar el tamaño de los archivos cuando los originales son demasiados grandes).

* Image Aligment: (Sirve para alinear las fotos dentro de la ventana del reproductor).

* Image Offser: (sirve para hacer un ajuste manuel en las imagenes despues de haberlas alineado).

* scale to Fill: (Sirve para agrandar las imagenes si son demasiadas pequeñas para llevar el alto o el ancho de mi ventana. Si las imagenes son bajadas de Internet o tienen muy poca resolucion activar esta opcion resulta en imagenes pixeleadas.

* Player Setting: (Nos permite ajustar el ANCHO (Width) o el LARGO (Leght) de la ventana completa del reproductor.

* Titles, Notas, AUTO HIDE: Nos permite ajustar la presencia de los titulos de las imagenes, las descripciones y la opcion de auto ocultar la barra de controles de la ventana de diapositivas.

* Background COLOR: Aqui podemos utilizar una tabla de numeros y colores hexadecimales para poder cambiar el color de  fondo de las fotos de mis diapositivas. este color solo afecta el fondo y no directamente a las imagenes.

* Modo de ALPHA: Este ajuste es el grado de transparencia tambien conocida como OPACIDAD de la barra de controles de mis diapositivas.

 

g)Pasamos a la pestaña detras del menu que se llama GET HTML CODE, copiamos todo el codigo que nos muestra ahi.

 

h) Lo pegamos en el apartado o pestaña de EDICION HTML, de nuestra entrada de BLOGGER y publicamos el articulo.

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

Edicion Avanzada de Entradas 2: La diapositovas interactivas continuacion.

Como publicar diapositivas interactivas creadas en FLICKR.

1. Crear usuario en Flickr.com (Sesion 10/Oct/2011)


  continuacion (Sesion 12/Oct/2011)
1.-El servicio de alojamiento de fotografías de FLICKR:

Este servicio funciona como una comunidad de intercambio de imágenes que nos brinda herramientas para poder compartir nuestra coleccion de fotos en la forma de albums interactivos o galerías virtuales.

2.-Pasos para obtener una cuenta en FLICKR:
a) Acceder a http://www.flickr.com/ y buscar el boton de CREATE ACCOUNT o SIGN IN(crear cuenta o acceder con usuario y password)


b)Crear un usuario con password desde cero o bien acceder con usuario de YAHOO(nombredecorreo@yahoo.com) o Goggle(nombredecorreo@gmail.com) BUSCANDO LOS BOTONES RESPECTIVOS
c)Desde nuestro panel de control(en donde FLICKR nos da la bienvenida en varios lenguajes) ubicamos el boton de subir fotos o video que se encuentra en la esquina superior derecha
d)Cuando estemos en la pantalla para subir archivos podemos seleccionar multiples imágenes si mantenemos presionada la techa CTRL y hacemos click en ABRIR
e)Esperamos a que FLICKR nos muestre la pantalla de avance donde nos indica el porcentaje de cada imágen que se esta subiendo de modo simultáneo
f)Seleccionamos si las imágenes van a ser publicadas o serán privadas(solo las veremos cuando estemos registrados en el sitio)
g)Despues de guardar las imágenes entramos a la pantalla de descripción donde podemos hacer varias cosas, entre ellas:
-Darle un nuevo título a las imágenes
-Añadir una descripción
-Editar las etiquetas de todo el lote de imágenes que subimos, o bien editar las etiquetas de una por una
-CREAR UN ALBUM(Que incluya título, y descripción). También podemos añadir el nuevo lote de imágenes existentes previamente creado.

3.-Compartiendo nuestros albums a través de correo electrónico.

a)Desde nuestra página de bienvenida (panel de control) accesamos a nuestra sección de GALERIAS
b) La sección de galerías cuenta con dos columnas: a la izquierda un listado de todas nuestras fotos e imágenes, ordenadas según las hemos ido anexando a nuestra colección. A la derecha una columna que muestra el título de cada uno de nuestros álbums acomodados según nuestro propio criterio.
c)En el apartado de albums seleccionamos uno de ellos. Esto nos lleva a la página de descripción del album que incluye su título, unos breves párrafos describiendo sus contenidos y reproducciones en miniatura de todas las fotos que contiene.
d) En esta página seleccionamos el ícono de presentación que se encuentra ubicado en la parte superior derecha de la pantalla y tiene la forma de una pantalla para proyector.
e)Cuando la pantalla obscurezca y nos muestre las fotos a manera de diapositivas, ubicamos en el menú superior el botón de COMPARTIR.
f)En el botón de compartir ubicamos el apartado de COPIAR URL, hacemos click en ese botón.
g)En una pestaña aparte y otra ventana del navegador de internet, introducimos la dirección pertinente de la página de nuestro correo electrónico(http://www.hotmail.com/,http://www.yahoo.com/, http://www.gmail.com/, etc.. según sea el caso)
h)Creamos un correo nuevo. Cuando redactemos el contenido de dicho correo PEGAMOS el URL(dirección de internet) que copiamos en el paso (f)
f)Hacemos click en enviar.

Sesion 5: Edicion avanzada en entradas de blog.

1. Los Saltos de Linea: 

Salsa (baile)

Como la música salsa, también el baile asociado a ella es una unión de estilos de baile afrocaribeños y europeos. Los orígenes vienen de la inglesa Contredanse (también: contredance, francés para:contredanse; español: contradanza) del siglo XVII. En muchas figuras, la pareja se para enfrente en una postura de baile similar a la de los bailes de salón, en la que la mujer pone su mano izquierda sobre el hombro del hombre, el hombre pone su mano derecha en la cadera de ella y las manos libres se encuentran en el aire. La contradanza fue una danza grupal, la mayor parte de las figuras abarcaban dos compases ⁴/₄, también ocho tiempos. Como en la square dance, había un caller (del inglés: ‘voceador’) que gritaba las figuras a bailar a las parejas en la sala. El caller se podía retirar durante una pieza y dejar solas a las parejas y a la música. A fines del siglo 19, evolucionó, para el baile de parejas, en el danzón.

Sesion 4: Pagina para llenado de contenidos.

Que mas me da
me preguntas que es lo que nos queda por salvar
que para que quiero regresar
que importa ya se a roto mil cosa que no quieres arreglar
quieres encontrar otro lugar
pero al menos quiero contestar
por que no me rindo quiero verte una vez mas

para empezar
haces que este mundo sea un mejor lugar
cuando hablas llenas todo de verdad
y haces que me olvide de la soledad

para empezar
nunca quise envejecer con nadie mas
y no se que va a pasarme si te vas
solo se que quiero estar en donde estas

Nos fue muy mal
los buenos momentos empezaron a faltar
luego comenzamos a dudar
me asuste y no te puede parar
pero ni un segundo te eh dejado de extrañar

para empezar
haces que este mundo sea un mejor lugar
cuando hablas llenas todo de verdad
y haces que me olvide de la soledad

para empezar
nunca quise envejecer con nadie mas
y no se que va a pasarme si te vas
solo se que quiero estar en donde estas

para empezar
haces que este mundo sea un mejor lugar
cuando hablas llenas todo de verdad
y haces que me olvide de la soledad.

El editor basico de texto de mi blog.

Los contenidos a publicarse en mi bitacora comienzan y terminan con el editor de texto que viene cuando presiono el boton de CREAR UNA ENTRADA NUEVA.

Las herramientas basicas para dar formato a los textos que introduzca son las siguientes:

 1-Fuente o tipografia (Boton F)

Este boton  nos permite seleccionar el tipo de letra que se va a
emplear para la redacción. La selección es limitada  porque utiliza 
los estilos básicos de letra que vienen instalados en la computadora.

2.-Boton de tamaño (tT) Este boton nos permite modificar el
tamaño de la fuente de acuerdo a las opciones programadas en la
computadora impactando el formato de la publicacion en el blog.

3.-Botones de Negrita, Cursiva, Subrayada y Tachado (B I U, abc) Impactan a la fuente con las modificaciones especificadas.

4.-Botones de color y fondo del texto  (A, Brocha) Modifican la seleccion de color segun el panel de opciones que se despliega y de igual forma iluminar el fondo.

5.-Boton de Alineacion Modifica la ubicacion en pantalla (hoja) segun el ejemplo señalado en sus opciones.

6.-Botones de Lista numerados y viñetas nos enumera o enlista numericamente nuestros renglones o bien nos señala con viñetas nuestros parrafos.

Mi nueva experiencia con los blogs

Fue algo muy nuevo para mi a estas alturas, gracias a la clase...ahora a explotar la pagina..