7 dic 2011

Introducción al diseño gráfico: 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 imágenes digitales que no tienen comprensión, esto es, que fue creado en la calidad y resolución máxima que puede generar nuestro (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 valor elevado en MEGABYTES) y es el ideal para ampliaciones o reproducciones en gran formato.






PNG: Este formato es una versión mejorada del archivo de imágenes tipo GIF en el sentido de que permite excelentes imágenes para su uso en web y presentaciones en proyector, además de transparencia (evitando el remarco blanco que acompaña a ciertos formatos de imágen) teniendo mayor calidad que el GIF.
En contraparte, el hecho de que tenga mayor calidad impide el uso de animaciones.




28 nov 2011

Recordatorio de lo visto hasta el momento. Creando una red intergrupal

La siguiente práctica parte de que reunamos los siguientes requisitos:

1.-Haber dado de alta un usuario en Facebook y dentro de este haber creado una página independiente con el nombre de una escuela/institución o diplomado.

2.-Haber creado existosamente el canal de TwitterFeed entre nuestro blog en http://www.blogspot.com/ y dicha página en Facebook

3.-Haber creado un usuario en Twitter.com y haber cumplido con: Confirmar la cuenta, seguir a 10 personas (que pueden ser celebridades, conocidos, etc.) y haber intercambiado los nombres de usuario de Twitter entre los miembros del salón.

4.-Crear en TwitterFeed un canal de comunicación entre nuestro blog y Twitter.

5.-Crear en Twitter(en configuración/perfil/conectar con facebook) una comunicación entre Twitter y FACEBOOK, de modo que queda el siguiente canal de comunicación automatizada: Nuestro Blog/Twitter/Facebook

6.-Publicar en nuestro blog una entrada nueva, que sea el párrafo de un artículo de interes, un cuento corto o un extracto de alguna lectura, con un título descriptivo de su contenido (Ej.''Extracto de columna de deportes'')

7.-Esperar a que los compañeros hagan lo mism, utilizar la opción de RETWEET para que se publique también en nuestro perfil en Twitter.

8.-Comprobar que todo lo anterior se ha publicado automatizadamente en las 3 páginas mencionadas (Blogger,Twitter y FaceBook)

9.-Tan-Tán!

23 nov 2011

Interconectividad en redes sociales y nuestro blog 2 Microblogging

1.-Microblogging:
Esta variante de la publicación de bitácoras en linea se distingue por ser la mas concisa y estar implementada para su rápida asimilación en la forma de enunciados limitados por un número predeterminado de caracteres, pero integrando en su mensaje todas las herramientas básicas que conforman una bitácora electrónica, como lo son las respuestas, las re-publicaciones, los hipervinculos, las etiquetas y las búsquedas por tópico, periodicidad, autor, o región geográfica.

El servicio de microblogging mas popular es Twitter

Twitter es creado como una plataforma de comunicación cuya particularidad es la extensión de sus mensajes: sólo 140 caracteres, incluyendo letras, números y espacios.

Estos mensajes, o Tweets (comparandolos con el trinar de un ave tweeting) pueden estar conformados por frases o una combinación de enunciados con hipervínculos (url) o una serie de marcadores precedidos por el símbolo de número (# ) Que hace fácil su búsqueda y localización.

2.- Pasos para integrar a TWITTER a nuestra red social:

a) crear una cuenta en http://twitter.com/

b) acceder a nuestro cliente de información de TWITTERFEED

c) activar la cuenta de TWITTER integrandola al servicio que alimenta a FACEBOOK.

d) aplique, frote, enjuague y repita.

14 nov 2011

Interconectividad en redes sociales y nuestro blog

Una de las herramientas mas utiles para la comunicación entre un grupo de personas que revisan consuetudinariamente sus correos electrónicos son los boletines y las notificaciones de redes sociales.

En este aspecto, la comunidad virtual de faceBook ofrece una gama de servicioes que facilitan la creación de páginas dedicadas a organizaciones/negocios/cluves y/o instituciones, que además cuentan con una amplia fama de características que permiten el trabajo en conjunto con nuestro blog, creando un solo canal de comunicación que opera en varios niveles.

En este ejercicio vamos a intefrar las notificaciones en facebook con las publicaciones en Blogger, logrando que se notifiquen de manera personalizada los miembros de un grupo de usuarios de FaceBook que accedan a formar parte de nuestra red social.

Pasos para integrar FaceBook y Blogspot:

1.-Crear un usuario en FacBook, mediante una cuenta de correo existente y un password nuevo. Llenamos los formularios y presionamos ''siguiente'' hasta llegar a nuestra página personal.

2.-Al pié de nuestro perfil personal existe el apartado para CREAR PAGINAS, hacemos click para pasar al menú de selección.

3.-En este menú podemos definir el caracter de nuestra página, ya sea de caracter educativo, institucional, de negocios, grupos musicales, hobbies, deportes, etc. Esto le facilita a FaceBook ayudarnos a promover los contenidos que se publiquen ahí.

4.-Una vez que definimos el sesgo de nuestra página, procedemos a llenar los formularios. Si por ejemplo la hacemos en base a una escuela, llenamos los campos como nombre, dirección, contacto, etc.
Acompañando todo de una descripción breve para cuando seamos localizados por el motor de búsqueda de FaceBook.

5.-Accesamos a ww.twitterfeed.com, que es la página que es la página que va a ligar el funcionamiento de nuestro blog con FB, mediante un sistema de alimentación de información que es conocido con las siglas de RSS, que significan en inglés Real Simple Syndication, Distribución Realmente Simple., para nuestra conveniencia, TwitterFeed no requiere programación, sólo crear un usuario con una cuenta de correo existente y un password o clave que no debe ser necesariamente del correo mencionado.

6.-Para activar TwitterFeed hay que copiar la dirección de nuestro blog(http://nombredemiblog.blogspot.com/), y probar si funciona la alimentación RSS usando el botón PROBAR

7.-Le damos SIGUIENTE y seleccionamos el servicio FACEBOOK del menú. Este formulario nos pide que permitamos a TWITTERFEED accesar a nuestro usuario de FB y luego nos permite seleccionar páginas que hayamos creado ahí. Aqui es donde seleccionamos específicamente la página que creamos en los pasos 2 y 3. Ahora nuestras entradas se publican automáticamente en Blogger y Facebook y se les notifica con un mensaje a cualquier usuario que este inscrito en dicas páginas.

9 nov 2011

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

31 oct 2011

Introducción a la edición de plantillas: Los Gadgets

Los Gadgets en Blogger:

Se les llama así 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 compomente del diseño de nuestro blog 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 de nuestro blog. Los gadgets por su parte están anclados en la plantilla de nuestra página, incorporados permanentemente al menú de nuestra página.

Aplicaciones comunes de los diferentes tipos de Gadgets:

1.-Ventanas de video: Podemos copiar la dirección de algún video favorito y anclarlo a la columna izquierda o derecha de nuestro blog, dependiendo de su diseño, para que, cada vez que se carque la página, se corra dicho video.

2.-Galerias fotográficas fijas: podemos mandar llamar una película de diapositivas y asignarla a algún espacio en las columnas laterales de nuestro blog.

3.-Directorios de blogs/paginas adicionales: podemos crear listados de nuestras páginas favoritas o bien listados de blogs de nuestros compañeros y mostrarlos en la forma de una relación de links convenientemente colocados a los lados de la página.

4.- Subscripciones y RSS: Este Gadget permite a las personas que visiten nuestra página suscribirse nuestro blog utilizando su correo electrónico, de este modo les llegan notificaciones y copias de nuestro contenidos de modo automático 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 rápida visualización y referencia.

6.-Listados de etiquetas: relación de palabras clave que facilita la búsqueda de contenidos en nuestras publicaciones.

7.-Cuadro de búsquedas: Similiar a Google pero con la opción de buscar dentro de nuestra página exclusivamente o bién realizar búsqueda general en toda la web.

Ejercicio de repaso: Captura de audio en mp3 y publicación SOUNDCLOUD

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

1.-Seleccionar el video de nuestra preferencia en http://www.youtube.com/ que puede ser musical, de comedia, discursos, etc. Con una duración no mayor a los 4:30 minutos

2.-Utilizar la pagina http://www.keepvid.com/ para obtener el audio en formato mp3 de dicho video grabandolo en nuestro escritorio

3.-Utilizando el servicio de http://www.soundcloud.com/, subir la grabación mp3 a nuestro perfil de SoundCloud.

4.-Exportar el codigo de SHARE y pegarlo en esta misma entrada, al pie de texto.

5.-Pegarlo en EDITAR HTML



La era de hielo (donde estas bebe) by user378191

26 oct 2011

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

19 oct 2011

Personalización de diapositivas avanzadas



Flickr nos da la opción de copiar y pegar reproductores de diapositivas que funcionan como videos que cuentan con un botón de ''play'' que nos permite ver las fotos contenidas en el ALBUM DE FLICKR que nos genero dicha presentación.

De cualquier manera el hecho de que es un reproductor de diapositivas tan básico nos brinda un abanico limitado de opciones para crear nuestro reproductor, es entonces que surgen servicios de personalización avanzada como PICTOBROWSER

1.-COMO UTILIZAR EL PROGRAMA EN LINEA DE PICTOBROWSER

a)En una pestaña nueva acceso a http://www.pictobrowser.com/
b)En la esquina superior derecha ubico el botón de 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 biankitaa
d)Aparecen los botones para seleccionar los SETS de mi cuenta de FLICKR. Estos son los ALBUMS.
e)Tras seleccionar un album de mi lista, se crea un PICTOBROWSER con el menú de opciones en su modalidad default, esto es, con ninguna opción activada.
f)Los ajustes a mi PICTOBROWSER son los siguientes:
-Image Settings: File Size(Small/Large) (Sirve para ajustar el tamaño de los archivos cuando los originales son demasiado grandes)
-Image Aligment (Sirve para alinear las fotos dentro de la ventana del reproductor)
-Image Offset (Sirve para hacer un ajuste manual en las imágenes despues de haberlas alineado)
-Scale to Fill: sirve para agrandar las imágenes si son demasiado pequeñas para llenar el alto o el ancho de mi ventana. Si las imágenes son bajadas de Internet o tienen muy poca resolución activar esta opción resulta en imágenes pixeleadas.
-Player Settings: Nos permite ajustar el ANCHO (Width) o el LARGO (Lenght) de la ventana completa del reproductor.
-Titles, Notes, AUTO HIDE: Nos permiten ajustar la presencia de los títulos sobre las imágenes, las descripciones y la opción de auto ocultar la barra de controles de la ventana de diapositivas.
-Background COLOR: Aquí podemos utilizar una tabla de números y colores hexadecimales para poder cambiar el color de fondo de las fotos en mis diapositivas. Este color solo afecta el fondo y no directamente a las imagénes.
-Modo de ALPHA: este ajuste es el grado de transparencia (también conocida como OPACIDAD) de la barra de controles de mis diapositivas.
g)Pasamos a la pestaña detras del menú que se llama GET HTML CODE, copiamos todo el código que nos muestra ahi.
h)Lo pegamos en el apartado o pestaña de EDICION HTML de nuestra entrada en BLOGGER y publicamos el artículo.




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

12 oct 2011

Edición: Avanzada de entradas 2: Las diapositivas interactivas Continuación

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 tener una cuenta de FLICKR

a). Acceder a www.flicker.com y buscar el boton 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 el usuario de YAHOO (nombredecorreo@yahoo.com) o Google (nombredecorreo@gmail.) 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 imagenes si mantenemos presionada la tecla CTRL y hacemos click en ABRIR.





e). Esperamos a que FLICKR nos muestre la pantalla de avance donde nos indica el porcentaje de cada imagen que se esta subiendo de modo simultaneo.

f). Seleccionamos si las imagenes van a ser publicadas o seran privadas (solo las veremos cuando estemos registrados en el sitio).



g). Despues de guardar las imagenes entramos en la pantalla de descripcion donde podemos hacer varias cosas, entre ellas,


-Darle un nuevo titulo a las imagenes
-Añadir una descripcion para ellas.
-Editar las etiquetas de todo el lote de imagenes que subimos, o bien editar las etiquetas de una por una.
-CREAR el ALBUM (que incluya titulo y descripcion) Tambien podemos añadir el nuevo lote de imagenes a un album existente previamente creado.



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


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.


3 oct 2011

Sesion 5 Edición avanzada en entradas de blog

1.-Los Saltos de Linea

EL AMOR
El amor es un concepto universal relativo a la afinidad entre seres, definido de diversas formas según las diferentes ideologías y puntos de vista (científico, filosófico, religioso, artístico). Habitualmente, y fundamentalmente en Occidente, se interpreta como un sentimiento relacionado con el afecto y el apego, y resultante y productor de una serie de emociones, experiencias y actitudes. En el contexto filosófico, el amor es una virtud que representa toda la bondad, compasión y afecto del ser humano. También puede describirse como acciones dirigidas hacia otros (o hacia uno mismo) y basadas en la compasión,[1] o bien como acciones dirigidas hacia otros y basadas en el afecto.[1]
En español, la palabra amor (del latín, amor, -ōris) abarca una gran cantidad de sentimientos diferentes, desde el deseo pasional y de intimidad del amor romántico hasta la proximidad emocional asexual del amor familiar y el amor platónico,[2] y hasta la profunda unidad o devoción del amor religioso.[3] En este último terreno, trasciende del sentimiento y pasa a considerarse la manifestación de un estado de la mente o del alma, identificada en algunas religiones con Dios mismo y con la fuerza que mantiene unido el universo.
Las emociones asociadas al amor pueden ser extremadamente poderosas, llegando con frecuencia a ser irresistibles. El amor en sus diversas formas actúa como importante facilitador de las relaciones interpersonales y, debido a su importancia psicológica central, es uno de los temas más frecuentes en las artes creativas (música, cine, literatura).
Desde el punto de vista de la ciencia, lo que conocemos como amor parece ser un estado evolucionado del primitivo instinto de supervivencia, que mantenía a los seres humanos unidos y heroicos ante las amenazas y facilitaba la continuación de la especie mediante la reproducción.

28 sept 2011

Pagina 4 Pagina para llenado de contenidos

Quien Pompo

Quien la ve con su cara tan hermosa
quien la ve destrozando corazones
quien la ve cuando partiendo plaza
se alborota y le tienen que gritar

quien pompo
quien pompo
quien pompo chapatitos quien pompo

quien pompo
quien pompo
quien pompo esas cositas quien pompo

quien la ve con su cara tan bonita
quien la ve destrozando corazones
quien la ve cuando partiendo plaza
se alborota y le tienen que gritar

quien pompo
quien pompo
quien pompo vestidito quien pompo

quien pompo
quien pompo
quien pompo esas cochecito quien pompo

quien la ve contoneando las caderas
quien la ve destrozando corazones
quien la ve caminando por las calles
se alborate y le tienen que griter

quien pompo
Fuente: musica.com
Letra añadida por carlos_t


El editor basico de texto de mi blog:

Los contenidos a publicrse 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 emplear para la redaccion. La seleccion es limitada porque utiliza los estilos basicos de la letra que vienen instalados en la computadora.

2.-BOTON DE TAMAÑOS
Con esta opcion podemos seleccionar de una lista de posibles tamaños para la letra que impacta como se va mirar mi escrito en el monitor.