Edición avanzada de blog 2. Los editores de imágenes

1.- Editores de Imágenes.- 
Son  programas que utilizamos para alterar la aparecía de los mapas de bits modificando sus propiedades básicas como son: tamaño.forma ,color y cualidades mas avanzadas como: retocado de imágenes fotomortajes. texto decorativo, etc.


El estandar de la industria en edicion de imagenes es el programa photoshop de la compañia ADOBE.  Una alternativa mas amigable se encuentra en la forma   ACDSEE PHOTO EDITOR Y PHOTOSHOP ELEMNTS , que cuentan con caraceteristicas y herramientas mas comunes  para corregir y diseñar sobre fotografías como son :

1. Ajuste de brillo, saturación y brillo.
2. Transparencia: Los mapas de bits tienen por lo regular dos parámetros de información uno es el conteo de bits y otro es el color y posición de pixels. Los editores nos permiten tener un valor adicional que es la transparencia que es una instrucción que indica cuales partes de mi foto dejan pasar lo que se sea que tengan detrás.
3. Optimización de imágenes:Las cámaras generan imágenes con calidad de impresión que por lo regular oscila  entre los 300 puntos por pulg2. Para aplicaciones para la vida diaria como correos electrónicos, facebook,impresiones de baja calidad, no ocupamos tanta resolución. As por eso que los editores de imágenes nos permiten regular la calidad de la imagen y optimizarla para el uso que le queremos dar, creando fotos mas ligeras para correo electrónico o albums de fotografías que no ocupen mucho espacio. OJO las fotografías de calidad de impresión 300 DPI se pueden optimizar para internet que es de 72 OPI.

4.- Podemos utilizar el diseño con capas.

Estos programas abordan cada Imagen como una recopilación de transparencia de orden ascendente. Cada una se puede editar independientemente ademas de que podemos enriquecer nuestro diseño con material externo como otras imágenes grabadas por separado y/o diseños creados ahí mismo.

Ejercicio:

Crear un encabezado para nuestro blog en un editor imágenes con las siguientes características debe incluir el logotipo de su escuela o de esta institución .

2. ademas texto decorativo para el titulo( ejemplo DIPLOMADOS DE BLOGS UNIVERSIDAD PEDAGÓGICA) 

3.- y un subtitulo que diga nuestro nombre y 2012-1

Edición avanzada de platilla

Una manera mas completa y efectiva de modificar nuestra apariencia de nuestro blog es recurrir al editor avanzado de plantilla que se encuentra en el menú de nuestro panel de control en la opción de PLANTILLA

Accediendo a la sección de personalizar  se accesa a la ventana de edición activa.

En este apartado podemos realizar modificaciones en la apariencia de nuestro blog .

comenzando con la selección de una plantilla nueva(primer apartado, esquina superior izquierda del menú)cada plantilla cuenta con un numero de variantes que pueden diferenciarse en color,tipos de letra, etc.

El siguiente apartado es el de FONDO

En este apartado podemos modificar el tema de nuestro blog que se refiere a la combinación de colores coordinados en la apariencia de la pagina. Incluyendo los colores de la tipografía

Contamos con la opción de seleccionar una imagen para integrar al fondo del blog. Esta imagen puede estar en los formatos mas comunes de fotos o ilustraciones como JPG,GIF.PNG Y BMP.

Dependiendo del tamaño de nuestra imagen se nos presenta la opción de convertir en mosaico de imágenes repetidas,centrar una sola imagen grande o bien estirar la foto para adecuarla a nuestra pantalla.

EDICIÓN ANCHO DE COLUMNAS

En este apartado podemos controlar la dimension del area de escritura asi como la columna de usos múltiples que aparece en un costado del blog. Es importante considerar que si buscamos que nuestro blog sea visto por muchas personas no podemos excedernos de una media aproximada de 700 a 850 pixels porque lograriamos que la pagina se desborde de la pantalla lo que seria incomodo de leer para personas con monitores pequeños.

MENU AVANZADO

En este apartado podemos definir a detalle el color, la tipografía y el comportamiento de cada uno de los elementos gráficos en nuestro blog. Dependiendo del diseño original de blog seleccionado previamente ) en el primer apartado de la plantilla) este menú nos muestra las diversas opciones de ajuste. Los colores propuestos están basados en la paleta básica WEB de 256 colores que están hechos  para verse legiblemnte en cualquier monitor no obstante su marca o tamaño.

blogger y el uso de los Gadgets

Muchas plataformas de sistemas operativos emplean pequeños programas destinados a realizar una acción determinada o inclusive fungen como entretenimiento , mostrando fotos o juegos .




Widgets/gadgets en Windows

Widgets/Gadgets en MAC

Widgets / gadgets en  iGoogle

Blogger y la implementacián de Gadgets:

El diseño de una pagina de Blogger se aborda como un conjunto de módulos que funcionan en sincronía como un solo servicio. En realidad el campo de entradas, el encabezado de la pagina y la columna lateral(Que son elementos del Blog) pueden ser configurados independientemente.

Ademas de esto, se pueden añadir a nuestra plantilla de Blog nuevos módulos de código que le brindan a nuestro sitio nuevas características y funciones.






EDICIONES BÁSICA DE GADGETS EN  BLOGGER:


1.- El gadget de encabezado

2.-El Gadget para configurar cabecera del blog

El encabezado o cabecera modifica los siguientes campos: El titulo principal, la descripción y la opción de incluir un banner diseñado o una foto como encabezado de la pagina.


3.-El Gadget de edición de entradas del blog

En esta ventana configuramos el comportamiento de las entradas una vez publicadas en nuestro blog.


Los ajustes que se incluyen son:


-Formato de fecha


-Formato de rubrica o firma de las entradas.


-Botones de expresion: el equivalente en Blogger del botón ¨Like¨en  FACEBOOK- Este se puede configurar para incluir varias posibles respuestas.


-Botones de comunicación com Gmail. Twitter, Facebook, o bien publicar en el blog de otro usuario.


3.- Gadget de listado de paginas( o listado de hipervinculos)

Este nos permite realizar un listado de direcciones de Internet organizadas por nivel de importancia o arbitrariamente. requiere de nosotros que definamos el numero máximo de liks que aparecen en la pagina, las direcciones URL (htpp:direccionedemipagina.com), ademas de un texto de identificación que describe de que trata el link. Por lo regular aparece en la esquina superior derecha en la barra lateral.

4.- Motor de búsqueda personalizada

Este Gadget es una ventana de búsqueda (para localizar palabras,etiquetas o enunciados dentro de nuestro propio blog) y le facilita a los usuarios que nos visitan localizar contenidos aun sin tener la entrada exacta o la fecha en que fue publicada .

5.- Gadget de encuesta

Podemos generar encuestas de opcion multiple de rspuesta sencilla o respuesta multple también.

Este gadget puede llevar un conteo de las respuestas de los visitantes ademas de permitir la implementación de un numero indetermindado de respuestas.

Utiliza uan función de calendario `para llevar un registro de la fecha limite para mantener las votaciones abierta de manera automatizada.

6.- Codigo HMTL


Esta es una ventana de edicion de codigo donde pòdemos pegar instrucciones de otras paginas ajenas a blogger. Podemos incorporar varias aplicaciones como: diapositivas  de Flickr, videos de youtube, juegos en FLASH, etc.

7.- Gadget de Suscripciones

Con este código en nuestra bitácora podemos permitir la subscripción personalizada a nuestros contenidos, es decir: cualquier persona puede recibir en su propio correo electrónico una copia de cada entrada nueva nuestro blog, y el respectivo link para poderlo verlo directamente en la pagina original.

Usando Twitter feed y configuracion avanzada en TWITTER

Con el objetivo de crear una red de comunicación entre tres plataformas diferentes: BLOGGER, FACEBOOK Y TWITTER, podemos configurar estos servicios en linea de modo tal que uno active el otro y puedan integrarse como un solo medio de comunicación.

De esta manera permitimos que TWITTER tenga acceso restringido porque solo aplica  a la pagina que creamos no a nuestro perfil completo de FACEBOOK y publique una copia de cada entrada en el perfil del sitio educativo que fue creado en FACEBOOK.


Creamos entonces un usuario en la pagina de TWITTERFEED.COM

Esta pagina es un servicio de lectura y vinculación de RSS (Real Simple Sindication) que se traduce como Publicación Realmente Simple. Se refiere a una serie de servicios combinados que permiten la automatización de las entradas en formatos.

De este modo actualizamos un solo portal y , al ser detectado por TWITTERFEED, se crean copias de dicha entrada pero en formato de 144 letras o menos( el resto del contenido se sustituye por un link que muestra el resto de la información de manera condensada)

ENTRADA DE PRUEBA DE INTERCOMUNICACION ENTRE BLOGGER,TWITTER Y FACEBOOK

Estas prueba de entrada sirve para probar el enlace de TwitterFeed que crea un canal de comunicación entre las publicaciones de BLOGGER, los microblogs de Twitter y , mediante la configuración de este ultimo, las entradas en una pagina de FACEBOOK.

Inerconexion entre Servicios de redes sociales

1.-El servicio de Twitter (poner imagen de pagina principal) 

a) crear nuestro usuario@mi nombre

b)Agregar a 10 compañeros del diplomado como contactos

c) Agregar a 5 celebridades, conocidos, artistas, etc.

d)Configurarlo para que notifique a FACEBOOK(después del siguiente apartado)



APLICACIONES/VENTAJAS DE USAR TWITTER:
1.- Debido a que el formato de 140 caracteres es relativamente pequeño,podemos mantener el flujo constante de información ,alimentando desde celulares,tabletas,laptops, compradoras de escritorio,etc


2.- Aun asi es una herramineta bastante flexible ya que permite la inclusion de links (hipervicnculos) que pueden ligar directamente a fotografías o extensiones mayores de texto.


3.- La herramienta  HASHTAG: Usada en la creación de Tópicos( temas hechos para compartirse masiva) que ayudan a Filtrar¨´los contenidos de los tweets.




               

Redacción de una entrada descriptiva de procesos, incorporando captura y edición de pantallas.

Titulo de entrada:

Redacción de una entrada descriptiva de procesos,  incorporando captura y edición de pantallas.

Contenido:

Una de las aplicaciones mas útiles para los blogs es en la redacción de procedimientos donde se nos permite integrar varios contenidos multimedia, tales como el vídeo, las imágenes y los sonidos.

En esta entrada vamos a desarrollar la implementacion de la captura de pantallas.

1.- CAPTURA BÁSICA

A) Ubicamos la tecla Print Screen en el teclado.

Normalmente se encuentra abreviada como PTR, SCR, o IMP PANT. En el caso de laptops es una función adicional accesible mediante la tecla FNC o ALT y presionando la tecla pertinente en el teclado.

EJEMPLO: Print Screen nos coloca en la memoria temporal de la maquina la ´´FOTO´´ de la pantalla completa, y la podemos pegar en cualquier programa de edición de imágenes mediante el comando  PASTE, PEGAR o CTRL+ V.

Abrimos el programa PAINT

2.- captura selectiva

Si la tecla de PRINT SCREEN CAPTURA TODA LA PANTALLA podemos modificar su comportamiento presionando en conjunto con la tecla Alt para crear una captura selectiva.

EJEMPLO:

3.- CAPTURA DE ASPECTOS 

Podemos capturar aspectos específicos de las imagenes que creamos, como botones, textos. etc. para crear un foco de atencion o ejemplificar de manera mas adecuada, si utilizamos la funcion de CROP o de recortar de  PAINT.

EJEMPLO:

EJERCICIO MATÓN

Ilustrar el paso por paso de la creación de un usuario en el portal de alojamiento de imágenes  FLICKR

PASOS:

1.- Acceder a www.flickr.com (capturar pantalla de la pagina de bienvenida)

2.-Recorrer la pagina hasta la parte inferior y seleccionar el idioma de preferencia( capturar aspecto)

3.- Localizar el botón grande de letras rosas REGISTRATE (Aspecto)

4.- Llenar formularios( pagina completa, antes y después de llenados

FORMULARIO VACÍO

FORMULARIO LLENO

5.-Seguir el procedimiento que se indica hasta llegar a la pagina de bienvenida personalizada. que nos saluda en varios idiomas(pagina completa)