sesio12 Introduccion al diseño grafico La aparecia de nuestro blogs

Glosario de terminos basicos para el diseño grafico a traves de medios electronicos

1..- ?Que es un pixel?
El pixeles la unidad de color con una luz minima que puede representar un medio electronico.
su forma fisica mas tangible es un punto de color de pantalla. en televisiones y monitores mas grandes, tambien en pantallas gigantes de LCD (como las que se encuentran en los anuncios publicitarios en las vialidades) es un punto de color que puede serROJO, VERDE,AZUL, o cualquier combinacion de los tres colores, generando luz blanca cuando se combin todas en la misma proporcion.
Todas las medidas de graficos en cualquier medio electronico se expresan en pixeles siendo la medida de 800x600 la mas usada hasta antes de los monitores de alta definicion y pantalla plana..
2.- ?Que es un megapixel?
Se le llama megapixel a unamatriz de aproximadamente un millon de pixeles, dispuestos en columnas e hileras para conformar una imagen en un medio electronico. Mientras mas megapixles tenga una imagen no necesariamente se hace mas detallada, si no que permite capturar imagenes mas grandes, lo que favorece su ampliacion sin que suceda la pixelizacion o que aparezcan las deformaciones de baja resolucion denominadas artefactos.
3.- Pixelizacion
Deformacion comun que experimentan las imagenes 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 en pantallas de celular,cuando son amplificadas en un monitor de mayor tamaño, se pixelean.
4.- Artefactos: son las deformaciones regularmente de formas cuadrdas o rectangulares que aparecen en pantalla cuando forzamos la amplificacion de una imagen que no fue creada para verse de cerca
Pasa muy seguido con imagenes que fueron bajadas de internet y se imprimen en papel revelando su pixelizacion
.Formatos de imagenes mas populares y sus usos:

JPG: es el mas usado en la WEB. cuando una imagen esta en este formato indica que ya fue comprimida ( no esta en su maxima resolucion) y que esta optimizada para mandarse por internet, verse por monitor o bien ampliarse hasta la medida original en la que fue creada, ya que pixelea y se amplificade mas.
GIF: al igual que JPG,es un formato ideal para ver imagenes en pantalla en tamaños relativamente pequeños que no ocupen mucho espacio en memoria (por ejemplo, que exedan el tamaño permitoen un correoelectronico) pero tiene 2 carateristicas que la diferencian de otros nformatos: 1.- permite varios cuadro de imagenes en un solo archivo. por ejemplo, fotos animadas,2.- para poder almacenar este tipo de informacion de animacion,sacrifica colores, ya que cuenta con un numero limitado de colores para mostrar.

sesion 11confirmacion dela conectividad

esta entrada debe aparecer en varias plataformamas de comunicacion para comprobar que realizamos
1. que nuestras entradas de blog se cominican atraves de twitterfeed  creando un duplicado de nuestra informaciony reproduciendolo en la forma de un nuevo twitt
2.que nuestros twitt puedenser a su vez re-publicados por otros usuarios de twitter en la forma de un re.tweet
3. qque aparte, twitter esta debidamente sincronizado con fabook y que fabook reproduce dichos tweet en mi muro de facebook
4. que cualquier usario de facebook utilica el boton de  suscribirse a esta informacion

Sesión 10: Interconectividad en redes sociales y nuestro Blog 2: Microblogging

Microblogging:
Esta variante de la publicación de bitácoras en línea 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, la re-publicaciones, los hipervínculos, las etiquetas y la búsqueda por tópico, periodicidad, autor o región geográfica.

El servicio de microblogging mas popular es el twitter.

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

Estos mensajes o Tweets (comparándolos con el trinar de un ave o tweeting) pueden estar conformados por frases o una combinación de enunciados con hipervínculos (url) o una srie 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 TWITER a nuestra red social:
a) Crear una cuenta en http:// twiter.com
b)acceder anuestro cliente de informacion de TWITERFEED
c) Activar la cuenta de TWITER integrandola al servicio que alimenta aFACEBOOK
d)

sesion 9 Interconectividad en redes sociales y nuestro blogs

Una de las herramientas mas útiles 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 servicios que facilitan la creación de páginas dedicadas a organizaciones/grupos/negocios/clubes/o instituciones que además cuentan 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 este ejercicio vamos a integrar las publicaciones en Blogger, logrando que se notifiquen de manera personalizada  a los miembros de un guupo de usuarios de Face book que accedan  a formar parte de nuestra red social.
pasos para integrar facebook y blogspot:

1.-Crear un usuario en FaceBook, mediante una cuentade correoexistente 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 menu de seleccion.
3.- En este menu podemos definir el caracter de nuestra pagina, ya sea de caracter educativo, institucional de negocios, grupos musicales,hoobies,deportes,etc.Estole facilita aFace book ayudarnos a promover los contenidos que se publiquen ahi
3.- 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 campos como nombre,direccion,contacto,etc.Acompañadotodo de una descripcionbreve para cuando seamos localizados por el motor de busqueda de Face book
5.- Accesamos awww.twitterfeed.com, que es la pagina que va a ligar el funcionamiento de nuestro blog con FB, mediante un sistema de alimentacion de informacion que es conocido con las siglas RSS. que significan en ingles REAL SIMPLE SYNDICATION, distribucion realmente simple., para nuestra conveniencia, Twiterfeed no requiere programacion,solo crear un uasuario con una cuenta de coorreo existente y un password o clave que no debe ser necesariamente la del otro correo mencionado.
6.- Para activar TwitterFeed hay que copiar la direccion de nuestro blog (http://nombre de mi blogspot.com) y probar si funciona la alimentacion RSS usando el boton de PROBAR.
7.- Le damos SIGUIENTE y seleccionamos el servicio FACEBOOK del menu. Este formulario nos pide que permitamos que TWITTERFEEDaccesar 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 nuestras entradas se publican automaticamente en blogger y facebook y se les notifica con un mensaje a cualquier usuario que este inscrito en dichas paginas.

Sesion 8 la pestaña de diseño

 Pasos para ofrecer su suscripcion
1.- AÑADIR GAGET DE SUSCRIBIR POR EMAIL
2.- Crear entradas nuevas
PASOS PARA SUSCRIBIRSE A UN BLOG DE NUESTRO INTERES

1.- ubicar el campo (SUBMIT)
2.- meternuestro correo
3,- Ingresar las letras chuecas
4.- Revisar coorreo y confirmar


 8.1-Editar las opciones de la pagina de entrada
a) Numero maximo de entradas de la pagina principal
b) Texto predeterminado para el salto de pagina
c) Opcines adicionales de entrada:
-tipo de fecha
-Titulo y rubrica
-Publicacion de horarios
-Etiqueta de comentarios
-Etiquetas
-Reacciones

sesion 7 a) Introduccion a la edicion de plantillas LOS GADGETS

Los Gadgets en blogger:
se les llama asi a los pequeños modulos de codigo que modifican el comportamiento de la plantilla de nuestroblog. 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 acomodo cronologico de las entradas donde cada nuevo articulo que publiquemos va a colocarse immediatamente encima de lo anterior, relegando el contenidoal fondo de nuestro blog. Los gadgetspor su parte estan anclados en la plantillade nuestra pagina, incorporados permanentemente al menu de a pagina

Aplicaciones comunes de los diferentes tipos de Gadgets


1.- ventanas de vídeo: Podemos copiar la dirección de algun video favorito y anclarlo a la columna izquierda o derecha de nuestro blog,dependiendo de su diseño, para que, cada vez que se cargue la pagina se corra dicho vídeo.

2.- Galerías fotograficas fijas: Podemos mandar llamar una película den diapositivas y asignarlas a algún espacio en las columnas laterales de nuestro blog.

3.- Directorios de blogs /paginas adicionales: podemos crear listados de nuestras paginas 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 pagina.

4.- Suscripciones yRSS: Este gadget permite a las personas que visiten nuestra pagina subscribirse a nuestro blog utilizando su correo electrónico, de este modo les llegan las notificaciones y copias de nuestros contenidos de modo automático a sus respectivos correos en el momento de ser publicados.

5.- Listado de nuestros posts o entradas favoritas: Nos permite mantener siempre a la mano un listado de contenidos sobresalientes para su rápida visualizacion y referencia.

6.- Listado de etiquetas: Relacion de palabras clave que facilita la búsqueda de contenidos en nuestras publicaciones.

7.- Cuadro de busquedas: Similar a Google pero con la opción de buscar dentro de nuestra pagina exclusivamente o bien realizar una búsqueda general en toda la web.


 Pasos para ofrecer su suscripcion
1.- AÑADIR GAGET DE SUSCRIBIR POR EMAIL
2.- Crear entradas nuevas
PASOS PARA SUSCRIBIRSE A UN BLOG DE NUESTRO INTERES

1.- ubicar el campo (SUBMIT)
2.- meternuestro correo
3,- Ingresar las letras chuecas
4.- Revisar coorreo y confirmar

sesion 7 Ejercicio De repaso:captura de audio en Mp3 y publiucacion en SOUNDCLOUD

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

1.- seleccionar el vídeo de nuestra preferencia en www.yuotube.com que puede ser musical, de comedia, discursos,etc. con una duración no mayor a los 4:30

2.- Utilizar la pagina www.keepvid.com para obtener el audio en formato Mp3 de dicho vídeo, grabándolo en nuestro escritorio

3.- Utilizando el servicio de soundcloud.com subir la grabación Mp3 a nuestro perfil de Soundcloud
maile@soundcloudmail.com (para usuario)

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

5.- Pegarlo en esta entrada en EDITAR HTML
Bodas Graciosas.flv by PASHAY

sesion 6 grabacio yalojamiento en linea de audio a traves de SOUNDLOUD

SUONDLOUD es un servicio virtual de grabacion y almacenamiento de audioque es publicado en una plataforma diseñada para sacar provecho de las redes sociales,ya que esta integrado con facebook blogger,Tumblr,etc.
pasos para crear una cuenta en SOUNDC
SUONDCLOUD es un servicio virtual de grabacion y almacenamiento de audioque es publicado en una plataforma diseñada para sacar provecho de las redes sociales,ya que esta integrado con facebook blogger,Tumblr,etc.

pasos para crear una cuenta en SOUNDCLOUD:

1.- accesamos a www.soundcluod.com

2.- Buscamos el boton de SINGIN

3.- Seleccionamos una de dos opciones:

a)Registramos con nuestro usuario de facebook ( que nos lleva a una pantalla donde facebook nos pide autorizemos a SOUNDCLOUD para que usenuestra informacion de usuario) o bien:

b) Registramos una cuenta de correo (ese sera nuestro usuario) y un password que sera nuestra clave en SOUNDCLOUD ( no tiene que ser el mismo password del correo)

4.- Seva a mandar un correo de confirmacion a la direccion delmail que usamos en el inciso b. Haciendo click en ese mensaje podremos activar finalmente nuestra nueva cuenta en SC.


COMO HACER GRABACIONES EN SOUNDCLOUD

1.-Localizamos el boton de UPLOAD and SHARE que se encuentra en nuestra pagina de bienvenida de Soundcloud.

2.-Seleccionamos una de las dos opciones: UPLOAD o RecUPLOAD: Se abre la ventana para seleccionar archivos desde nuestra computadora y se suben lo9s formatos mas comunes son:

mp3,wav,flac,aif,aac,etc.

3.- REC es el boton que activa la grabacion que solo puede hacerse si tenemos conectado un microfono a la computadora (en el conector rosa) o a traves del microfono integrado de las laptops. Nota: Para realizar sin problemas el proceso de grabacion es necesario revisar que el productor de ADOBE FLASH este actualizado, buscando en Google Descargar adobe falsh.

Como pegar en mi bloger mi reproductor soundcloud
1.-revisar en mi cuentsa  de soudcloud el apartado que dice you tracks selection      
2.- selecciono la grabacion que quiero usar y utilizo el botonSHARE
3.- en share busco EMBED CODE selecionando el codigo
4.- copio el codigo y lo pego en el apartado edicion de HTML de mi blogs
5.- publicar entrada Camo & Krooked - James Bond Theme (OFFICIAL REWORK) by Camo & Krooked

Sesion.5 Continuacion de ediccion de diapositivas

Procedimiento para importaruna presentacion de diapositivas desde flickr:
1.-Partiendo de una galeria en flickr que contenga uno o mas albumes  accediendo 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 codigoHTML
3.- En la pagina para 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 relacion de aparencia FLICKR va a completar la medida que pongamos para que nuestra ventana de fotos no derforme sus proporciones.
4.- El codigo que me brinde la pgina voy a subrayar  de AZUL Y VOY A COPIARLO CON CONTROL mas C
5.- En mi blogs hay 2 pestañas para editar el texto de mis entradas: una que dice REDACTAR que sirve para todo lo relacinado con parrafos de texto, fotos y videos y otroque dice EDITAR HTML que sirve para modificar codigo HTML que generan BLOGGER.
Normalmente BLOGGER lo 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 nuetro cursor hasta el ultimo renglon de texto, esto es para no sobre escribir alguna de las instrucciones que aparecen en pantalla.
7.-Utilizando editar / pegar oCONTROL mas V, pegamos el codigo que copioamos en la pagina de FLICKR.
8.- En estem punto ya podemos publicar nuestra entrada o bien presionando la pestaña de REDACTAR podemos seguir escribiendo.

buscar pag de PICTOBROWSER
pulsar Pictobuilder, escribir password de Flickr
http://html-color-codes.info/codigos-de-colores-hexadecimales/

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

mario

Sesion4 Avanzada de entrada diapositivas interactivas continuacion

 t2j hvbjSesion 4  Avanzada de entrada diapositivas interactivas continuacion

1.-El servicio de alojamiento de fotografía FLICKR:
Estos servicios funcionan como una comunidad para almacenamiento,intercambio y distribución de fotografía digitales y después de facebook en la galeria mundial de fotos mas extensa
El factor importante qupara nuestro blog que ofrece tiwter es poder utilizar las presentaciones o reproductores de diapositivas que se pueden insertar sin problema en nuestro blog.

2.- Pasos para obtener una cuenta en FLICKR    password (chang 20 16)
a) Acceder a www.flickr.com y buscar el boton de CREATE ACCOUNT o SING IN (crear cuenta o acceder con usuario y password.
b)  Crear un  usuario con password desde cero o bien acceder con el usuario YAHOO (nombre de correo@yahoo.com) o Google (nombredecorreo@gmail.com) BUSCANDO LOS BOTONES RESPECTIVOS
c) Desde nuestro panel de control (en donde FLICKR nos da la bienvenida en varias lenguajes, ubicamos el botón de subir fotos o vídeos que se encuentra en la esquina superior derecha

d) Cuando estemos en la pantalla para subir archivos podemos seleccionar múltiples 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 esta subiendo de modo simultaneo.
f) Seleccionamos si las imagenes van a ser publicadas o serán privadas (solo las veremos cuando estemos registrados en el sitio)
g) Después de guardar las imagenes entramos a la pantalla de descripción donde podemos hacer varias cosas, entre ellas.
-Darle un nuevo titulo a las imagenes
-Añadir una descripción
-Editar las etiquetas de todo el lote de imagenes que subimos o bien editar las etiquetas de una por una.
- CREAR UN ALBUM ( que incluya un titulo, descripción)también podemos añadir el nuevo lote de imagenes de un álbum existente previamente creado.

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

a)  Desde nuestra pagina de bienvenida (panel de control)accesamos a nuestra sección de GALERÍAS.
b) La sección d galerías cuenta con 2 columnas a la izquierda listado de todas nuestra fotos e imagenes  
ordenadas según las hemos ido anexando a nuestra colección. A la derecha de una columna que muestra el titulo de cada uno de nuestros albumenes acomodados según nuestro propio criterio.
c) En el apartado de álbum seleccionamos uno de ellos esta nos lleva a la pagina de descripción del álbum que se incluye su titulo unos breves párrafos describiendo sus contenidos y producciones en miniaturas  todas las fotos que contiene.

d) En esta pagina seleccionamos el icono 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 se oscurezca y nos muestre las fotos a manera de diapositivas, ubicamos en elmenu superior el botón de COMPARTIR.
f) Porque ahora si me acorde que esta seguía) en el botonde compartir ubicamos el apartado de copiarCOPIARURL,hacemos click en ese boton
g) en una pestaña aparte u otra ventana del navegador de Internet introducimos la dirección pertinente de la pagina de nuestro correo electrónico www.hotmail.com, www. yahoo.com www.gmail.cometc segun el caso
h)Creamos un correo electroniconueva, cuando redactamos el contenido de dicho correo pegamos el URL, (dirección de Internet)que copiaremos en el paso (F)

Sesion 3 Para bajar videos

Sesion No.3

Para bajar videos pagina www.keepvid.com

Como quedarnos bajar y guardar video

1.-Ubicar el video a descargar( WWW.yuotube.com ,video.com,daylimotion.com)

2.-ubicar la dirección o URL donde se encuentra el video(se ecuentra en el campo de dirección del navegador)

3.- subrayar y copiar con contrl mas C

4.-entrara a www.keepvid.com y pegar el URL en el recuadro azul  con control mas V

5.- dar o aceptar cuando nos pide ejecutar.

6.-escoger el formato para descarga (escogiendo la resolución de480  o 720

7.-Descargar el video

Publicar en tu blogs

CREACION DE IMPERVINCULOS (URL o direcciones de internet, link o enlace)

Podemos crear párrafos de textos en donde ciertas palabras sean hipervínculos que nos conduzcan a otras paginas tales como definiciones de wilkipedias búsqueda de imágenes resultado de google página de entrenamiento etc y sus aplicaciones pueden facilitarnos el trabajo a la hora de hacer citas de contenidos o referenciar informacion

PASOS PARA GENERAR HIPERVICULOS

1.-REDACTAMOS LOS TEXTOS EN LA VENTANA DE NUERTA ENTRADA EN BLOGS en una pestaña aparte metemos la UrL que palaneamos visitar

3.- copiamos el URL o la dirección del contenido

4.- seleccionamos la palabra que va convertir en nuestra ventana de bloger

5.- subrayar con el mouse y presionamos el botón de enlace que se encuentra en el menu del editor del texto

6.- se abre el menú de enlace con tres campos de información

1) la palabra que se convierte en enlace

2) el URL a visitar

·3) botón para checar la pagina y aceptar

TEXTO DE EJEMPLO:

Para visitar mis paginas favoritas haz clik aquí (yuotube,etc)

Copiar la pagina