SESION 12 INTRODUCCIÓN AL DESEÑO GRÁFICO . LA APARIENCIA DE NUESTRO BLOG

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

1.-¿Que es un Pixel?
El pixel es la unidad de color con la luz mínima 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 en 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 combinación dew 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 usadas hasta de los monitores SVGA y aun mayores con los monitores de alta definición y pantalla plana.

2.- ¿Que es un mega pixel?
Se le llama megapixel a una matriz de aproximadamente un   millón   de pixeles ,supuestos en continuas hileras para conformar una imagen en un medio electrónico , mientas megapixeles tengan un  necesariamente se hacen mas detalladas, sino que permite capturar imágenes  mas grandes, lo que favorece su ampliación sin que suceda la prixelizacion o que aparezcan las deformaciones de baja resolución denominadas artefactos.

3.- Pixilizacion
Deformación  común expresamente 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 aplicadas en un monitor de mayor tamaño, se pinxelean.

4.- Artefactos:Son las deformaciones regulamente de formas cuadradas o rectangulares que aparecen en pantalla cuando forzamos la ampliación de una imagen que no creada para verse de cerca .
Para muy seguido con imágenes que fueron bajadas de Internet y se imprimen en papel revelando su pixelizacion.
Formatos de imágenes mas populares y sus usos:
JPG: es el mas usada en la web. Cuando una imagen esta en este formato nos indica que ya fue comprimida(no esta en su máxima  resolución) y que esta optimizada para mandarse por Internet, verse en monitor o bien 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 ocupan mucho espacio en memoria (por ejemplo, que excedan el tamaño permitido en un correo electrónico) pero tiene 2 características que la diferencian de otros 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 numero limitado de colores para mostrar.

Sesion: 11: Interconectividad en redes sociales y nuestro blog 2 microblogging

Microblogging
Esta variante de la publicidad de bitacoras en linea se distingue  por ser la mas concisa y estar implementada para su rapida asimilacion en la forma de enunciados limitados por un numero predeterminado de caracteres, pero integrado en su mensaje todas herramientas basicas que conforman una bitacora electronica, como lason las respuestas, las re-publicaciones, los hipervinculos, las etiquetas y las busquedas por topico, periodicidad, autor, o region geografica.
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 twitter (comparandolos con el trinar de una ave o tweets) puedan estar conformados por frases o una combinacion de enunciados con hipervinculos (vil) o una serie de marcadores precedidas 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:/twtter.com
b)Acceder a nuestro cliente de informacion de TWITTERFEED
c)Activar la cuenta de twitter integrandola al servicio que alimenta a facebook

Sesion 10: Interconectividad en redes sociales y nuestro blog 2 Microblogging

MICROBLOGGING

Esta variante de la publicación de bitácora en linea se distingue por ser la mas implementada para su rápida asimilación en la forma de enunciados limitados por su numero predeterminado de caracteres, pero integrando en su mensaje todos las herramientas básicas que conforman una bitácora electrónica, como loson las respuestas,la 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 comunicacion cuya particularida es la extension de sus mensajes: solo
140 caracteres incluyendo letras, numeros y espacios. Estos mensajes, o Twwitter (comparandolos con el trinar de una ave o tweets) puedan 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://twiter.com
b)  Acceder a nuestro cliente de informacion de TWITTERFEED
ç)  Activar la cuenta de twitter integrandola al servicio que alimenta a Facebook.

Sesion 9: Interconectividad con Redes Sociales y Nuestro Blog

Una de las herramientas mas útiles para la comunicacion entre un grupo de personas que revisan consecectudianariamente sus correos electrónicos son los boletines y notificaciones de redes sociales. en este aspecto, la comunidad virtual de facebook ofrece una gama de servicios que facilitan la creación de paginas dedicadas a organizaciones/grupos/negocios/clubes y/o instituciones, que además cuenten con una amplia gama de características que permiten el trabajo en conjunto con nuestro blog, creando un solo canal de comunicacion que opera en varios niveles.
En esté ejercicio vamos a integrar las notificaciones en Facebook con las pubicaciones en blogger, logrando que se notifiquen de manera personalizada los miembros de un grupo de usuarios en Facebook que acceda a formar parte de una red social
Pasos para integrar Facebook y Blogger.
1.- crear un usuario en facebook mediante una cuenta de correo existente y un password nuevo. Llenamos los formularios y presionamos siguiente hasta llegar a nuestra pagina personal.
2.- Al pie 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 carácter de nuestra pagina, ya sea de carácter educativo, institucional, de negocios, grupos musicales, hobbies,deportes,etc. Esto le facilitara a facebook ayudarnos a promover los contenidos que se publiquen ahí.
4.- Una vez que definimos el sesgo de nuestra pagina, procedemos a llenar los formularios. Si por ejemplo la hacemos en base a una escuela , llenamos con su nombre, dirección, características acompañada todo de una descripción breve para cuando seamos localizados por el motor de búsqueda facebook. 
5.-Accedemos a www.twitterfeed.com, que es la pagina que va a elegir el fundiananiento de nuestro blog com FB, mediante un sistema alimentaren de información que es conocido con las siglas de RSS, que significan en ingles simple Sindication distribucionDistribucion de realmente Simple para nuestra conciencia, twitterfeed no requiere programacion, solo  crear un usuario con una cuenta de correo existente debe ser existentes y un password o clave que no debe ser necesariamente la 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 alimentarían RSS usando el botón de PROBAR.
7.- Le damos SIGUIENTE y seleccionamos el servicio FACEBOOK del menú. Este formulario nos pide que permitamos a TWITTERFEED acceder nuestro usuario de FB y luego nos permite seleccionar paginas que hayamos creado ahí. Aquí es donde seleccionamos específicamente las paginas que creamos en los pasos 2 y 3. Ahora nuestras entradas se publican estomáticamente en Blogger y Facebook y se les notifica con un mensaje a cualquier  usuario que este inscrito a dichas paginas   

SESION 8: INTRODUCCION A LA EDICION DE PLANTILLA DE GADGETS

Los Gadgets de Blogger:
Se les llama asi a los pequeños modulos de codigo 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 blog que le aporta funcionalidad extendida o adicional. Aparte que no estan sujetos al modo cronologico de las entradas donde cada nuevo articulo que publiquemos va a colocarse inmediatamente encima de lo anterior, relegando el contenido al fondo de nuestro blog. Los Gadgets por su parte estananclados a la plantilla de nuestra pagina,incorporados permanentemente al menu de nuestra pagina.

Aplicaciones comunes de los diferentes tipos de Gadgets:
1.-Ventanas de video: Podemos copiar la direccion de algun video favorito anclarlo a la columna izquierda o derecha de nuestro blog, dependiendo de su diseño, para que se cargue la pagina, se corra dicho video.

2.-Galerias fotograficas fijas:Podemos mandar llamar una pelicula de diapositivas y asignarla a un espacio en las columnas laterales de nuestro blog.

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

4.-Suscripciones y RSS: Este gadget permite a las personas que visiten nuestra pagina suscribirse a nuestro blog utilizando su correo electronico, de este modo les llegan las notificaciones y las copias de nuestros contenidos de modo automatico a sus respectivos correos en el momento en que son publicados.

5.-Listado 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 facilita la busqueda contenidos en nuestras publicaciones.

7.Cuadro de busquedas: Similar a GOOGLE pero con la opcion de buscar dentro de nuestra pagina exclusivamente o bien realizar una busqueda general en toda la web.

8.-La pestaña de diseño.
 8.1.Editar las opciones de la pagina de entrada.
a)numero maximo de entradas de pagina principal.
texto predeterminado.
Opciones adicionales de entrada:
-Tipo de fecha.
-Titulo de rubrica.
-Publicacion horario.
-Etiqueta de comemntarios.
-Estiquetas.
-Reacciones

SESION 7: EJECICIO DE REPASO: CAPTURA DE AUDIO EN MP Y PUBLICACION EN SOUNDCLOUD

EJERCICIO DE REPASO: CAPTURA DE AUDIO EN

MP3 Y PUBLICACION EN SOUNDCLOUD.

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

1.-Seleccionar el video de nuestra preferencia en www.youtube.com, que puede ser musical, de comedia,discursos,etc. Con una duracion de no mayor a los 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.soundcloud.com, subir la grabacion mp3 a nuestro perfil soundcloud.

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

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

12 - escaleras al cielo by http://soundcloud.com/petriz2009-hotmail-com

Grabacion y alojamiento en linea de sonido a travez de SOUNDCLOUD

Sesion 6 : Grabacion y alojamiento en linea de sonido a travez de SOUNDCLOUD

Soundcloud es un servicio virtual de grabacion y almacenamiento de audio, que se publicado en una plantaforma diseñado para sacar provecho de las redes sociales, ya que esta integrado con Facebook, Blogger, Tumblr, etc.
Pasos para crear una cuenta en SOUNDCLOUD.
1.- Acceder a www.soundcloud.com
2.- Buscaremos el boton de SIGNIN
3.- Seleccinamos una de las dos opciones:
a) Registramos con nuestro usuario de Facebook(que nos lleva a una pantalla donde nos pide auntoricemos a SOUNDCLOUD para que use nuestra informacion del usuario.
b) Registramos con una cuenta de facebook como (esa sera nuestra usuario) y paswward que sera nuestra clave en SOUNDCLOUD ( no tiene que ser necesaria la misma del usuario)
4.- se va a mandar un correo de confirmacion a la dereccion de mail que usamos en el inicio b. Haciendo click en ese mensaje podremos activar finalmente nuestra nueva cuenta en SC.
Como hacer grabaciones en SOUNDCLOUD.
1.- Localizar el boton UPLOAD and SHARE que se encuenta en nuestra pagina de bienvenido de SOUNDCLOUD
2.- Seleccionemos una de las dos opciones:Uploud o Red Upload: se abre la ventana para seleccionar archivos desde nuestra computadoray se suben , los formatos comunes son:mp3,wav,floc,arf,aac,etc.
3.- RED es el boton que activa la grabacion, que solo puede hacerse si tenemos contactado un microfono a la computadora (en el conector de color rosa) a travez del microfono integrado de las laptops.
NOTA: Para realizar sin problemas el proceso de grabacion es necesario que el reproductor de ADOBE FLASH este actualizado
buscarlo eb GOOGLE descarga adobe flash.

SESION 4/5: EDICION AVANZADA DE ENTRADAS: DIAPOSITIVAS INTERACTIVAS

1.-El servicio de alojamiento de fotografias FLICKR:

 Este servicio funciona como una comunidad para el almacenamiento,intercambio y distribucion de fotografias digitales y despues de facebook es la galeria mundial de fotos mas extensa.

El factor importante para nuestro blog que ofrece flickr ews poder utilizar las presentaciones o los reproductores de diapositivas que se pueden insertar sin problema en nuestro blog.

2.- Pasos para acceder a la cuenta flickr:

a)Acceder a www.flickr.com buscar el boton de CREATE ACCOUNT o SIG IN (crear cuenta o acceder con usuario y password).

b) Crear usuario con password desde cero o bien acceder con el usuario con password desde cero o bien acceder usaurio de YAHOO (nombre de correo) o google (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 imagenes sin mantener 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 esta subiendo de modo simultaneo.

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

g)Despues de guardar las imagenes entramos a la pantalla de descripcion donde podemos ver varias cosas, entre ellas:

-Darle un titulo a las imagenes.

-Añadir una descripcion.

-Editar las etiquetas de to do el lote de imagenes que subimos o bien editar las etiquetas una por una.

-CREAR UN 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 traves de un correo electronico:

a)Desde una pagina de bienvenida (panel de control) accesamos a nuestra seccion de GALERIAS.

b)La seccion de galerias con dos columnas :a la izqiuerda un listado de nuestras fotos e imagenes,ordenadas segun las hemos ido anexando a nuestra coleccion. A la derecha que muestra el titulo de cada uno de nuestros albums acomodados seguin nuestro propio criterio.

c)En el apartado de albums seleccionamos uno de ellos. Esto nos lleva a la pagina de descripcion del album que incluye su titulo,unos breves parrafos describiendo sus contenidos y reproducciones en miniatura de todas las fotos que contiene.

d)En esta pagina seleccionamos el icono de presentacion, que se encuentra en la parte superior derecha de la pantalla y tiene la forma de una pantalla para proyector .

e)Cuando la pantalla se obscurezca y nos muestre las fotos a manera dediapositivas,ubicamos en el menu superior el boton COMPARTIR.

f)Porque ahora si me acorde que esta seguia.En el boton de compatir ubicamos el apartado COPIAR URL, hacemos click en ese boton.

g) En una pestaña u otra pestaña aparte del navegador fr internet introduccimos la direccion pertinente de la pagina de nuestro correo electronico,(ww.hotmail.com,www.yahoo.com,www.gmail.com etc) segun sea el caso).

h)Creamos un correo nuevo. Cuando redactemos el contenido de dicho contenido PEGAMOS el URL(direccion de internet)que copiemos en el paso (f).

i)Hacemos click en enviar.


                                                                  22/oct/11
EDICION DE DIAPOSITIVAS.


Procedimiento para importar una presentacion de diapositivas desde FLICKR.
1.- Es partiendo de una galeria en FLICKR que contenga 1 o dos albumes, accedemos al de nuestra preferencia y ubicamos el boton de PRESENTACION que se encuentra en la esquina superior derecha de la pantalla.

2.-Dentro de nuestra PRESENTACION (pantalla negra) encontraremos el boton de COMPARTIR que cuenta con el apartado de personalizar codigo HTML.

3.-En la pagina pra personalizar el codigo podemos escoger algunas de las medidas predeterminadas que se incluyen ahi, o bien seleccionar una medida personalizada (expresada en pixeles), si activamos la opcion de preservar la relacion de apariencia,FLICKR va a complementar la medida que pongamos para quenuestra ventana de fotos deforme sus proporciones.
4.-En codigo que me brinde la pagina voy a subrayar de azul y voy a copiarlo con CTRL+C o editar-copiar.
5.- En mi blog hay dos pestañas para editar el texto de mis entradas una que dice REDACTAR que sirve para todo lo relacionadocon parrafos de texto, fotos y videos, y otro que dice EDITAR HTML,que sirve para modificar codigo HTML que genera BLOGGER. Normalmente BLOGGER lo hace hace sin asistencia del usuario, y rara vez tendremos que editarlo. En este caso lo usaremos porque vamos a insertar codigo copiado desde otra pagina (FLICKR).
6.-Recorremos nuestro cursor hasta el ultimo renglon de texto, esto es para no sobreesacribir alguna de las instrucciones que aparecen en pantalla.
7.-Utilizar editar pegar o CTRL+ V, pegamos el codigo que copiamos en la pagina de Flickr.
8.-En este punto ya podemos publicar nuestra entrada o bien presionando la pestaña de REDACTAR, podemos seguir escribiendo.

SESION: 3: EDICION AVANZADA EN BLOGGER

1.    Ubicar el video a descargar. (www.youtube.com; http://www.video.com/; www.dailymotion.com, etc.)

2.    Ubicar la URL donde se encuentra el video, (campo de dirección del navegador).

3.    Seleccionar y copiar (CTRL+C).

4.    Entrar a www.keepuid.com y pegar el URL en el cuadro azul (CTRL+V).

5.    Aceptar cuando nos pide ejecutar el programa.

6.    Escoger el formato para descargar escogiendo la resolución de 480 o 720 p.

7.    ón de 480 o 720 p.

CREACION DE HIPERVINCULOS (URL, Direcciones de interés en LINK O ENLACE)

Podemos crear párrafos de texto donde ciertas palabras sean hipervínculos que nos conduzcan a otras páginas tales como: definiciones de wikipedia, búsquedas de imágenes, resultados de google, páginas de entretenimiento, etc. Y sus aplicaciones pueden facilitarnos el trabajo a la hora de hacer citas de contenidos o referencias de información. 

PASOS PARA GENERAR HIPERVINCULOS.

1. Redactar los textos en la ventana de la entrada del blog.
2. En una pestaña aparte metemos la dirección de interés que planeamos visitar.
3. Copiar el URL o dirección de ese contenido.
4. Seleccionamos la palabra que se va a convertir en nuestro hipervínculo en la ventana de blogger.
5. Seleccionamos con el mouse y presionamos enlace que se encuentra en el menú del editor de texto.
6. Se abre el menú de enlaces con 3 campos de información.

1) La palabra que se va a convertir en enlace.

2)URL a visitar.

3)Botón para revisar la pagina. Aceptar.

SESION: 2: INTRODUCCION AL MENU DE BLOGGER

Introducción al menú de entrada en Bloger

1. Contar con una cuenta activada en gmail.

2. Haber dado de alta a un blog con nuestro nombre.

3. Definir una fecha de publicación.

a) creando una entrada nueva. (Insertar foto en menú de entrada). Componentes del menú de entrada. Campo para el titulo de mi entrada. Campo para edición de texto: en este campo se realiza la edición de nuestros contenidos y presentan una barra de herramientas que hace las veces de un editor de texto simplificado que incluye lo siguiente:

-botón para seleccionar tipografía que tiene una selección básica de letras serif y san serif como por ejemplo la trebuchet, arial y times new roman.

2. Carácter de la letra (estilo). Negritas, itálicas o subrayadas.

3. Botones multimedia: sirven para incluir fotos, videos, vínculos, etc.

4. Colores: sirven para determinar el color de la letra y su subrayado.

5. Alineación de los párrafos, que incluyen orientaciones izquierda-derecha, centrado y justificado.

6. Botón de salto de página. Sirve para insertar un indicador de que hemos truncado el texto para que no aparezca un texto muy extenso si el usuario no quiere verlo.

b) Programando la publicación de nuestras entradas. Cada escrito que realizamos en el editor de texto se graba automáticamente dentro de nuestro blog en la forma de un borrador, lo que facilita seguir editándolo desde cualquier computadora.

Sesion: 1: Introduccion al Diplomado de Blog

El nombre de Blogs es la contracción del término en ingles WEB LOG que es una bitácora pública en internet con contenido que puede tener las siguientes aplicaciones:

1. Es un diario personal donde el usuario publica a discreción sucesos de su vida personal y los acompaña con información adicional en la forma de fotografías, videos, música, etc.
2. Puede ser para usos periodísticos e informativos en la forma de artículos de opinión, reseñas, críticas, etc.
3. Órganos informativos para comunidades. Puede ser el punto de reunión de familias, clubes, asociaciones, etc. Si comparten varios usuarios con acceso.

www.blogger.com                    www.worldpress.com                    www.tumblr.com

ENTRADA DE BLOG O POST.

Formato de publicación en medios electrónicos que reúne dos o más de los siguientes requisitos:

-Una fecha de publicación.

-Un titulo o encabezado.

-Una firma de autor.

-Un campo o espacio para recibir retroalimentación.

-El contenido o mensaje.

RETROALIMENTACION/COMENTARIOS (COMMENTS/FEEDBACK)

La mayoría de los servicios que nos permiten publicar entradas tienen la opción de incluir un espacio para comentarios de retroalimentación que pueden tener las siguientes características:

1. Son espacios de acceso público donde cualquiera puede escribir o comentar al respecto de nuestra entrada, incluyendo fotos, videos, hipervínculos, etc.
2. Requieren autenticación. Es restringir el acceso en personas que se suscriben a nuestra pagina llenando un formulario, o bien, que simplemente nos brindan un correo electrónico para permitirles escribir en nuestro blog.

LAS REDES SOCIALES.

Son programas que sirven para crear canales de comunicación ajustados a la conveniencia de un grupo de personas mediante la combinación de varias plataformas de interacción, por ejemplo:

-Mensajes de texto distribuidos masivamente.

-Notificaciones instantáneas.

-Correos electrónicos masivos.

-Agendas de eventos públicos con notificaciones.

-Galerías de fotografías con comentarios y etiquetas.

-Publicación de contenido multimedia.

MANEJO DE TEXTO DISTRIBUIDO.

Ejemplos de redes sociales:

http://www.facebook.com/                         www.Myspace.com                www.googleplus.com

Herramientas de captura de pantalla.

-Ubicar la tecla de ¨imprimir pantalla¨ o ¨Print screen¨.

-Un editor básico de imágenes tal como Microsoft Paint (que se encuentra en programas/accesorios/paint).

-Un programa que va a recibir/utilizar las imágenes que capturemos (Word, Power Point, etc.)

Comandos a utilizar.

-Tecla de ¨Impr Pant¨ o ¨Prnt Scr¨

Funciona para capturar, integra la pantalla en una fotografía que se puede pegar en cualquier programa que acepte texto y/o imágenes.

Esta combinación de teclas sirve para seleccionar solo la ventana superior de nuestro escritorio, independientemente de que no ocupe la pantalla completa. Cuando presionamos Ctrol + V, pegamos solo la ventana seleccionada.

-Imprimir aspectos específicos dentro de las ventanas.

-Paint.