Edición avanzada de Blog II

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 y color y cualidades mas avanzadas como retocado de imágenes fotomontajes texto decorativo etc.

El estándar de la industria en edición de imágenes es el programa Photoshop de la compañía Adobe, una alternativa mas amigable al usuario se encuentra en la forma del programa del programa ACDSEE Photo Editor y Photoshop Elements, que cuentan con las características mas comunes para corregir y deseñar sobre fotografías como son:

- Ajuste de brillo color y saturación

- Transparencias: Los mapas de bits tienen por lo regular dos parámetros de información uno es el conteo de bits y el color y la posición de los pixels. Los editores de imagenes nos permiten tener un valor adicional que es la transparencia que es una instrucción que indica cual parte de mi foto dejan pasar lo que sea que tengan detrás.

- 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 electronicos, facebook, impresiones de baja calidad no ocupamos tanta resolucion. Es 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 albuns de fotografías que no ocupan mucho espacio. OJO las fotografias de calidad de impresión (300 DPI) se pueden optimizar para Internet que es 72 DPI 

Estos programas abordan cada imagen como una recopilación de transparencias apiladas 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 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, incluir el logotipo de la escuela o esta institución, texto decorativo para el titulo (Ejemplo DIPLOMADO DE BLOGS UNIVERSIDAD PEDAGÓGICA) y un Subtitulo con nuestro nombre 2012-1

Edición Avanzada de Plantilla

Una manera más completa y efectiva de modificar permanentemente la apariencia de nuestro BLOG es recurrir al editor avanzado de plantilla que se encuentra en el menú Panel de control en la opción de PLANTILLA 

Accediendo a personalizar se muestra a la ventana interactiva o 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 numero de variantes que pueden diferenciarse en color, tipos de letra, etc.

El siguiente apartado es el de FONDO

En este podemos modificar el tema de nuestro Blog qu 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 opcion 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, DMP, dependiendo del tamaño se nos presenta la opcion de convertir en mosaico repetidas, centrar una sola imagen grande o bien estirar la foto para adecuarla a nuestra pantalla.

Edición de Ancho de pagina

Podemos controlar la dimensión del área de escritura así como la dirección de usos múltiples que aparece al costado del Blog, es importante considerar que si buscamos que 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 seria incomodo de leer para personas con monitores pequeños

MENU AVANZADO

En este apartado definimos a detalle cada uno de los elementos gráficos en nuestro Blog dependiendo del diseño original del Blog seleccionado previamente mediante el primer apartado. 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 legible-mente en cualquien monitor no obstante su marca o tamaño.

Menú de Hipervinculos

Blogger y el uso de los Gadgets

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

WINDOWS

                                                 MAC

iGOOGLE










BLOGGER Y LA IMPLEMENTACION DE GADGETS

El diseño de una pagina de Blogger se aborda como un conjunto de medidas que funcionan en sincronía como un solo servicio. En realidad el cuerpo de la entrada, el encabezado de la pagina y la columna lateral (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.

1.- GADGET DE ENCABEZADO

El encabezado de 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.- GADGET PARA CONFIGURAR ENTRADAS

En esta ventana configuramos el comportamiento de la entrada una vez publicada en nuestro blog.
Los ajustes que se incluyen son:
- Formato de fecha
- Formato de rubrica o firma de las entradas
- Formatos de expresion el equivalente en Blogger al boton de LIKE en Facebook este se puede configurar para incluir posibles respuestas personalizaadas.
- Botones de comentarios con Gmail, Twitter, Facebook o bien publicar en el blog de otro usuario





3.- GADGET DE LISTADO DE PAGINAS (Listado de Hipervinculos)

Nos permite realizar un listado de direcciones de Internet organizadas por nivel de importancia o arbitrariamente, requiere que nosotros definamos el numero máximo de links que aperesen en la pagina, las direcciones URL (http://Nombredemipagina.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 BUSQUEDA PERSONALIZADA
Este gadget es una ventena 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

Poswmoa generar encuestas de opcion multiple de respuesta sencilla o múltiple 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 mantener la fecha limite de las votaciones de manera automática

6.- CÓDIGO HTML

Esta es una ventana de edición de código donde podemos pegar instrucciones de otras paginas amigas de blogger. Podemos incorporar varias aplicaciones como: diapositivas de FLICKR, vídeos de YOUTUBE y juegos FLASH, etc.


7.- GADGET DE SUSCRIPCIONES
Con este código en nuestra bitacora 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 nuestra pagina original.

Entrada de prieba de intercomunicacion entre Blogger - Twitter - Facebook

Esta entrada sirve para probar el enlace de twitter-feed q crea un canal de comunicación entre las publicaciones de BLOGGER, los miniblogs de Twitter y mediante la configuración de este ultimo los estados en una pagina de FACEBOOK

Usando Twitter-Feed y configuración avanzada en Twitter

Con el objetivo de crear una red de comunicacion 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 y 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

Esta pagina es un servicio de lectura y vinculacion de RRS (Publicacion realmente simple) se refiere a una serie de servicios combinados que permite la administración de la entrada de varios formatos .

De este modo actualizamos un solo portal y al ser detectado por TWITTERFEED se crean copias de dicha entrada pero en formatos 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)

Interconexiones entre servicios de redes sociales

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

a) Crear nuestro usuario

b) Agregar a 10 compañeros de la clase de diplomado

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

d) Configurarlo para que notifique a FACEBOOK
(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 de constante información, alimentado desde celulares, tabletas, laptops, computadoras de escritorio, etc.

2.- Aùn así es una herramienta bastante flexible ya que permite la inlclusion de links (hipervinculos) que pueden ligar directamente a fotografías o extensiones mayores de texto.

3.- LA HERRAMIENTA HASHTAG: Usada en la creacion de topicos(Temas hechos para compartirse y en donde se puede 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 tecla de PRINT SCREEN CAPTURA TODA LA PANTALLA podemos modificar su comportamiento presionando en conjunto con la letra 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 más adecuada , si utilizamos la función CROP o de recortar de PAINT.

EJERCICIO MATÓN

Ilustrar paso por paso la creacion de un usuario en el portal de alojamiento de imagenes FLICKR

PASOS:

1.- Acceder a www.flickr.com (capturar pestaña 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 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.