Edicion avanzada de blog 2:los editores de imagenes

Edicion avanzada 2
Son programas que utilizamos para alterar la apariencia de los mapas de bits modificando sus propiedades básicas como:
Tamaño,
Forma,
Color,
y cualidades más avanzadas como retocado de imágenes, fotomontages, texto decorativo etc.
El estándar de la industria en edición  de imágenes es el programa PHOTOSHOP de ADOBE, una alternativa más amigable al usuario se encuentra en la forma del programa ACDSEE PHOTO EDITOR Y PHOTOSHOP ELEMENTS que cuentan con las características y herramientas más comunes para corregir y diseñar fotografías como son:
ajuste de brillo, color y saturación.
 TRANSPARENCIA, los mapas de bits tienen por lo regular 2 parámetros de información, uno es el conteo de bits, y el otro son los pixeles, los editores de imagen 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 sea que tengan detrás.

OPTIMIZACION DE IMAGENES

Las cámaras generan imágenes con calidad de impresión que por lo regular oscila entre los 300 puntos por pulgada cuadrada. Para aplicaciones de la vida diaria como, correo electrónico, Facebook, impresiones de baja calidad no ocupamos tanta resolución. Es por eso que los editores de imagen nos permiten regularla y optimizarla para el uso que le queremos dar, creando fotos mas ligeras par correo electronico o albumes de fotografias que no ocupan mucho espacio. OJO, las fotografias de calidad de impresion (300 DPI), se pueden optimizar para internet (72 DPI)

4. Podemos utilizar el diseño con capas.
Estos programas abordan cada imagen como una recopilación de transparencias en 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/ o diseños creados ahí mismo.
ejercicio: crear un encabezado para nuestro blog en el editor de imagenes con las siguientes caracteristicas:
debe incluir el logotipo de la escuela o de cualquier institucion y ademas en texto decorativo para el Título (ej. DIPLOMADO DE BLOGS UNIVERSIDAD PEDAGOGICA) y un subtitulo que diga nuestro nombre 2012-1

Edición avanzada de plantilla

Una manera mas completa y efectiva de modificar permanentemente la apariencia de nuestro blog es recurrir al editor de plantillas, 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 significativas en la apariencia de nuestro blog, comenzando con la secció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 general de nuestro blog, que se refiere a la combinación de colores coordinados con la apariencia de la página, incluyendo los colores de tipografía.

Contamos con la opción de seleccionar una imagen para integrar al fondo del blog. Esta imagen puede estar en los formatos más comunes de fotos o ilustraciones como JPG, GIF, PNG, 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 estirar la foto para adecuarla a nuestra pantalla.

Edición de ancho de columnas.

En este apartado podemos controlar la dimensión del área de escritura así como la columna de usos múltiples que aparece en el costado del blog, es importante considerar que si buscamos que nuestro blog sea visto por muchas personas no podemos excedernos de una medida aproximada de 700 a 850 pixels porque lograríamos que la pagina se desborde de la pantalla, lo que sería incomodo de leer para personas con monitores pequeños.

Menú avanzado.
En este apartado podemos definir a detalle el color, la tipografía y el comportamiento de cada uno de los elementos gráficos de nuestro blog seleccionando previamente (en el primer apartado de 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 legiblemente 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 implementacion de gadgets:


El diseño de una página 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  página  y la columna lateral (que son elementos del blog) pueden ser configurados independientemente.


Además 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.



EDICION BASICA DE GADGETS EN BLOGGER:


1. El gadget de encabezado: 

El encabezado o cabecera de mi blog modifica los siguentes campos: El título principal, la descripción y la opción de incluir un banner diseñado o una foto como encabezado de la página.


2. El Gadget de entrada:

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 entradas
-Botones de expresión: el equivalente en BOGGER del botón de "like" en FACEBOOK. este se puede configurar para incluir varias posibles respuestas
-Botones de comunicación con Gmail, Twitter, Facebook, o publicar en el blog de otro usuario.


3. Gadget de listado de paginas (o listado de hipervínculos)
Este nos permite realizar un listado de direcciones de internet organizadas por nivel de importancia o arbitrariamente. Requiere de nosotros que definamos el número máximo de links que aparecen en la página, las direcciones URL (http:direccionesdemipagina.com), además de un texto de información que describe de qué trata el link. Por lo regular aparece en la esquina superior derecha en la barra lateral.

4. Motor de busqueda personalizada.


Este gadget es una ventana de busqueda (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 opción multiple de respuesta sencilla o respuesta multiple también.
este gadget puede llevar un conteo de las respuestas de los visitantes ademas de permitir la implementación de un numero indeterminado de respuestas.
utiliza una función de calendario para llevar un registro de la fecha limite para mantener las votaciones de manera automatizada.

6. Código HTML.


Esta es una ventana de edición de código donde podemos pegar instrucciones de otras páginas agenas 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 suscripción personalizada a nuestros contenidos, es decir, cualquier persona puede recibir en su propio correo electrónico una copia de cada entrada nueva de nuestro blog, y el respectivo link para poder verlo directamente en la página original.

Usando Tweetfeed y configuracion avanzada en Twitter

Esta entrada sirve para probar el enlace de TwitterFeed que crea un canal de comunicacion entre las publicaciones de BLOGGER, los microblogs de TWITTER y mediante la configuracion de éste ultimo, las entradas en una página de FACEBOOK.

Entrada de prueba de intercomunicación entre Blogger, Twitter y Facebook

·  CREAR PAGINA EN FACEBOO

·  RED  DE COMUNICACION

CON EL OBJETIVO DE CREAR UNA RED DE COMUNICACION ENTRE 3 PLATAFORMAS DIFERENTES BLOGGER FACEBOOK Y TWITTER , PODEMOS CONFIGURAR ESTOS SERVICIOS EN LINEA DE MODO TAL QUE UNO ACTIVE EL OTRO Y PUEDAN INTEGRARSE COMO UNO SOLO MEDIO DE COMUNICACION.

-----AQUI VA UN  FOTO DE LA PARTE DE TWITTER EN QUE CONFIGURAMOS FACEBOOK--CON EL OBJETICVO DE CRAE UNA RED DE COMUNICACION  ENTRE 3 PLATAFORMAS DE COMUNICACION FACEBOOK BLOGGER Y TWITTER PODEMOS CONFIGURAR ESTOSSERVICIOS EN LINEA DE MODO TAL QUE UNO ACTIVE EL OTRO Y PUEDAN INTEGRARSE COMO UN SOLO MEDIO DE COMUNICACION.

-----AQUI VA UNA FOTO DE LA PARTE DE TWITTER EN LA QUE CONFIGURAMOS FACEBOOK---

DE ESTA MANERA PERMITIMOS QUE TWITTER TENGA ACCESO RESTRINGIDO POR QUE  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 DE TIPO EDUCATIVO QUE FUE CREADO EN FACEBOOK.

CREAMOS ENTONCES UN USUARIO EN LA PAGINA DE TWITTERFEED.COM .

/////////////Y AQUI VA FOTO DE LA PAGINA COMPLETA DE TWITERRFEED////

//////AQUI UNA IMAGEN DEL BOTON DE REGISTRO////////////

ESTA PAGINA ES UN SERVICIO DE LECTURA Y VINCULACION DE RSS(REAL SIMPLE SINDICATION) QUE SE TRADUCE COMO PUBLICACION REALMENTE SIMPLE. SE REFIERE A UNA SERIE DE SERVIVIOC COMBINADOS QUE PERMITEN LA AUTOMATIZACION DE LAS ENTRADAS EN VARIOS 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 SUBSTITUYE POR UN LINK QUE MUESTRA EL RESTO DE LA INFORMACION DE MANERA CONDENSADA).

Interconexión entre servicios de redes sociales

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

a) crear nuestro usuario (@minombre)

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

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

d) Configurarlo para que notifique a FACEBOOK
(Despues del siguiente apartado)

2.- Aún así es una herramienta bastante flexible ya que permite la inclusión de links (hipervínculos) 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 y en donde se pueden contribuir de manera masiva) que ayudan a "filtrar" los contenidos de los tweets. ejemplo.

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

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

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

En esta entrada vamos a desarrollar la implementación 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 tacla PRINT SCREEN captura toda la pantalla podemos modificar comportamiento presionandola en conjunto con la tecla ALT para crear una captura selectiva.

EJEMPLO:

ALT + Print Screen sobre el programa PAINT

3.- CAPTURA DE ASPECTOS

Podemos capturar aspectos específicos de las imágenes que creamos, como botones, textos, etc, para crear un foco de atención o ejemplificar de manera más adecuada , si utilizamos la función CROP o de recortar de PAINT.

EJEMPLO:

EJERCICIO MATÓN


PASOS:

1.- Acceder a www.flickr.com y vas a capturar la pestaña de bienvenido.

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 despues de llenados).

5.- Seguir el procedimiento que se indica hasta llegar a la página de bienvenida personalizada, que nos saluda en varios idiomas.