EDICIÓN AVANZADA DE BLOG PARTE 2 LOS EDITORES DE IMÁGENES EDI

9/16 DE JUNIO DEL 2012

1.- EDITORES DE IMÁGENES

Son programas que utilizamos para alterar la apariencia de los mapas de bits modificando sus propiedades básicas como son: TAMAÑO, FORMA, COLOR y cualidades más avanzadas como: RETOCADO DE IMÁGENES, FOTOMONTAJES, TEXTO DECORATIVO, ETC.

El estandar de la industria en edición de imágenes es el programa photoshop de la compañía adobe.

Una alternativa más amigable al usuario se encuentra en la forma del programa ACDCSee Photo Editor y Photoshop Elements, que cuentan con las características y herramientas más comunes para corregir y diseñar sobre fotografías como son: 

1.- Ajuste de brillo color y saturación.

2.- Transparencia: Los mapas de bits tienen por lo regular dos parámetros de información:

a).- El conteo de bits 

b).- El color y posición de los bits.

Los editores de imágenes 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.

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 pulgada cuadrada. Para aplicaciones de la vida diaria como:

CORREOS ELECTRÓNICOS, FACEBOOK, IMPRESIONES DE BAJA CALIDAD no ocupamos tanta resolución. Es por eso que los editores de imágenes nos permiten regular la calidad de la imágen y optimizarla para el uso que le queremos dar creando fotos para correo electrónico o álbum de fotografías que no ocupan mucho espacio. 

OJO 

(Las fotografías de calidad de impresión (300 DPI) se pueden utilizar para internet que son 72 DPI).

4.- Podemos utilizar el diseño con capas

Estos programas abordan cada imagen como una recopilación de transparencias apiladas en orden ascendente cada una se puede editar independientemente además 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 de imágenes con las siguientes características:

Debe incluir el logotipo de la escuela o de una institución.

Ademas texto decorativo para el título (Diplomado de Bloggs Universidad Pedagógica) y un subtítulo que diga nuestro nombre y 2012/1

EDICION AVANZADA DE PLANTILLA

Una manera más completa y efectiva de modificar permanentemente la apariencia de nuestro blog es recurrir al editor avanzado 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. (foto de interfase)

En este apartado podemos realizar modificaciones significativas 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 número 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 en la apariencia de la página, 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 e ilustraciones como JPEG. FIG, 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 DE ANCHO DE COLUMNAS

En este apartado podemos controlar la dimensión del área de escritura asi como la columna de usos múltiples que aparece en un constado de 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 pixeles porque lograríamos que la página se desborde de la pantalla lo que sería incómodo 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. Dependiendo del diseño original del blog seleccionado 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 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 como entretenimiento, mostrando fotos o juegos.


Widget/gadget en Windows

Widget/gadget en Mac

Widget/gadget en iGoogle

Blogger y la implementación 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 los 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.

EDICIÓN BÁSICA DE GADGET

El encabezado o cabecera de mi blog modifica los siguientes 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 edición 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 rúbrica o firma de las entradas

-Botones de expresión: el equivalente en Blogger 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 bien publicar en el blog de otro usuario.

3.- Gadget de listado de páginas (o lista 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://direcciondemipagina.com), además 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 opción múltiple de respuesta sencilla o respuesta múltiple también.
Esta gadget puede llevar un conteo de las respuestas de los visitantes ademas de permitir la implementación de un número indeterminado de respuestas.


Utiliza una función de calendario para llevar registro de la fecha límite para mantener las votaciones abierta de manera automatizada.

6.- Código HTML
Esta es una ventana de edición donde podemos pegar instrucciones de otras páginas ajenas a blogger. Podemos incorporar varias aplicaciones como: diapositivas de Flickr, videos de youtube, juegos de FLASH, etc.




7.- Gadget de subscripciones


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 de nuestro blog, y el respectivo link para poder verlo directamente en la página original.

ENTRADA DE PRUEBA DE INTERCOMUNICACIÓN ENTRE BLOGGER, TWETTER Y FACEBOOK

Esta entrada sirve para probar un enlace de twetterfeed que crea un canal de comunicación entre las publicaciones de BLOGGER, los microblogs de twitter y mediante la configuración de este último, las entradas de un página de FACEBOOK.

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 no 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 d FACEBOOK) y publique una copia d cada entrada en el perfil del sitio de tipo educativo que fue creado en FACEBOOK

Creamos entonces un usuario en la página de TWITTERFEED.COM


///FOTO DE LA PÁGINA COMPLETA TWITTERFEED///

///FOTO DEL BOTÓN DE REGISTRAR AHORA///

Esta página 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 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 información de manera condensada).


///FOTO DE LA ENTRADA DE TWITTER CON EL TEXTO ABREVIADO EN LINK///

INTERCONECCIONES ENTRE SERVICIOS DE REDES SOCIALES

1. El servicio de twitter (poner imagen de página principal)

a)crear nuestro usuario (@minombre)

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)

(despues 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, alimentado desde celulares, tabletas, laptops, computadoras de escritorio, etc.

2. Aún así es una herramienta bastante flexible 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 puede contribuir de manera masiva) que ayudan a "filtrar" los contenidos de los tweets. Ejemplo:

Título de la 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 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 de 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 accesable mediante la techa FNC o ALT y presionando la tecla pertinente en el teclado.

EJEMPLO: Print Screen nos coloca en la memoria temporal de la máquina 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 presionándola en conjunto con la tecla ALT para crear una captura selectiva.

EJEMPLO:

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 adecuada, si utilizamos la función 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 página hasta la parte inferior y seleccionar el idioma de preferencia (capturar aspecto).

3.- Localizar el botón grande de letras rosas REGÍSTRATE (Aspecto)

4.- Llenar formulario (Página completa, antes y después de llenados).

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

PRESENTACIÓN DE PRÁCTICA EN PREZI

"Enchiladas Potosinas" on Prezi

Las presentaciones interactivas diseñadas en Prezi.com nos facilitan crear diapositivas dinámicas que son de gran atractivo y una buena alternativa a las que se elaboran en Power Point de microsoft

Las ventajas son las siguientes:

1.- La edición de los contenidos es relativamente fácil y se puede realizar con imágenes y videos que existen actualmente en la red.

2.-Cuenta con herramientas para la edición grupal de las presentaciones, lo que nos brinda flexibilidad y practicidad para la elaboración de temeas extensos.

3.-Tiene ademas opciones para compartir los contenidos en la forma de ventanas de reproducción que se pueden pegar en bloggs, facebook mandar por correo, etc.

4.- Dependiendo del tipo de cuenta que activemos en Prezi podemos también acceder a un centro de descargas para utilizar las presentaciones cuando la conectividad a internet es limitada.