Edicion avanzada de blog parte 2 los editores de imagenes.

              Edición avanzada de blog                  Junio16 de 2012


1. Editores de imagenes.


       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 imagenes, fotomontaje, texto decorativo, etc...


       El estandar de la industria en edición de imagenes es el programa photoshop de la compañia adobe. una alternativa mas amigable al usuario se encuentra en la forma el programa acdsee photo editor y photoshop elements que cuentan con las herramientas y para corregir y diseñar sobre fotografía como son: 
-Ajuste de brillo, color y saturación. 
2.- Transparencia
-Bits: los mapas de bits tienen por lo regular 2 parámetros de información. uno es el conteo de bits y el otro los pixeles. Los editores de imagenes nos permite meter un valor adicional que es la transparencia que es una instrucciones que indica cuales partes de mi foto dejan pasar lo que sea que tengan detrás. 
3.- Optimizacion de imagenes.- Las cámaras generan imagenes con calidad de impresión que por lo regular oscila entre los 300 puntos por pulgada cuadrada. Para aplicaciones de la vida diaria como: impresiones, correos, facebook no ocupamos tanta resolucion, es por eso que los editores de imagines nos permiten regular la calidad de la imagen y optimizarlas para el uso que le queremos dar, creando imagenes mas ligeras para correo electrónico o albumes de fotografía que no ocupan mucho espacio. Las fotografía de calidad de impresión (300 dpi) se pueden optimizar para internet que son 72 dpi. 

4.- Podemos utilizar el diseño con capas. Estos programas abordan cada imagen como una recopilacion de transperencias apiladas en orden ascendente cada una se puede editar independientemente, ademas, de que podemos enriquecer nuestro diseño con material externo como otras imagenes grabadas por separado y/o creados ahi mismo.
Ejercicio: Crear un encabezado para nuestro blog en un editor de imagenes con las siguientes caractristicas:
debe de incluir el logotipo de su escuela o de cualquier institucion y ademas es texto decorativo para el titulo (Ejemplo: DILOMADO DE BLOGS UEEP)  y un subtitulo que diga nuestro nombre 2012/1.

Edición avanzada de plantilla. Una manera mas completa de modificar 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.
 (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 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 combinacion 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 imagenes repetidas, centrar una sola imagen grande o bien estirar la foto para adecuarla a nuestra pantalla.

EDICIÓN DE ANCHO DE COLUMNAS:

En esta apartado podemos controlar la dimensión del área de escritura así 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 exedernos de una media aproximada de 700 a 850 pixels porque lograríamos que la pagina se desborde en la pantalla lo que seria 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 graficos en nuestro blog. Dependiendo del diseño original de 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 256 colores que están hechos para verse legiblemente en cualquier monitor no obstante su marca o tamaño.

REDACCIÓN DE UNA ENTRADA DE PROCESOS INCORPORANDO CAPTURAS.


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 prendimientos 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 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 al 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 presionando en conjunto con la tecla ALT para crear  una captura selectiva.

EJEMPLO:

3. CAPTURA DE ASPECTOS

Podemos capturar aspectos específicos de las imagines que creamos, como botones, textos etc. para crear un foco de atención o ejemplificar de manera mas 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 imagines 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)


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

SEGUIMIENTO.......

1. EL SERVICIO DE TWITTER (PONER IMAGEN DE PAGINA PRINCIPAL).

a)CREAR NUESTRO USUARIO @MINOMBRE.

b)GREGAR A 10 COMPANEROS DEL DIPLOMADO COMO CONTACTOS.

c)AGREGAR A 5 CELEBRIDADES,CONOCIDOS,ARTISTS ETC.

d)CONFIGURRLO PARA QUE NOTIFIQUE A FACEBOOK (DESPUES DEL SIGUIENTE APARTADO).

INTERCONEXIONES ENTRE SERVICIOS DE REDES SOCIALES.
Sabado, 24 de Marzo.

CREACION DE  USUARIO

AGREGAR COMPAÑEROS

AGREGAR FAMOSOS O CELEBRIDADES

ENVIAR DESDE FLICKER UN LINK CON FOTOS

APLICACIONES Y VENTAJAS DE USAR TWITTER.

1.DEBIDO A QUE EL FORMATO DE 140 CARACTERES ES RELTIVAMENTE PEQUEÑO,PODEMOS MANTENER EL FLUJO CONSTANTE DE INFORMACIÓN, ALIMENTANDO DESDE CELULARES , TABLETAS, LAPTOPS ,COMPUTADORAS DE ESCRITORIO ETC.

2.AUN ASÍ ES UNA HERRAMIENTA BASTANTE FLEXIBLE YA QUE PERMITE LA INCLUSIÓN DE LINKS (HIPERVINCULOS). QUE PUEDEN LIGAR DIRECTAMENTE A FOTOGRAFÍAS O EXTENSIONES MAYORES DE TEXTO.

3.LA HERRAMIENTA HASHTANG .....USADA EN LA CREACION 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.

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

Bolgger 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 del campo de entradas, el encabezado de la pagina y la columna lateral (que son elementos del blog) pueden ser configurados independientemente.
Además de esto, se pueden añadir a nuestra plantilla e blog nuevos módulos de código que le brindan a nuestro sitio nuevas características y funciones. 

EDICIÓN BÁSICA DE GADGETS EN BLOGGER:
1.- El encabezado o cabecera de mi blog 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

2.- El gadget de edición de entradas: 

En esta ventana configuramos el comportamiento de las entradas una vez publicadas en nuestro blog. Los ajustes que se incluyen son: 
-Formato de rubrica o firma de las entradas.
-Botones de expresión: el equivalente en blogger del botón "LIKE" en FACEBOOK. Este se puede configurar para incluir varias posibles respuestas.
-Botones de comunicacion con 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 designamos el numero máximo de links que aparecen en la pagina, de direcciones URL.
(http//direccion de mipagina.com ( además de un texto de identificacion 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 a un 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 pude de llevar un conteo de las respuestas de los visitantes además 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 abierta de manera automatizada.


6.- Código HMTL.


Esta es una ventana de edición de código donde podemos 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 subscripciones: 


Con este codigo de nuestra bitacora podemos permitir la subscripcion personalizada a nuestros contenidos, es decir cualquier persona puede recibir en su correo electronico una copia de cada una de las entradas de nuestro blog, y el respectivo link para poder verlo directamente en la pagina original.

ENTRADA DE PRUEBA DE INTERCOMUNICACION ENTRE BLOGGER, TWEETER Y FACEBOOK

     Esta entrada sirve para probar el enlace de Twitterfeed que crea un canal de comunicacion entre las publicaciones de blogger, los microbloggs de Twitter y mediante la configuracion de este ultimo, las entradas en una  pagina de FACEBOOK.
     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 uno solo medio de comunicacion.

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

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 de tipo educativo que fue creado en FACEBOOK.

Creamos entonces un usuario en la pagina de TWITTERFEED.COM

///FOTO DE LA PAGINA COMPLETA TWITTERFEED///

///FOTO DEL BOTON DE REGISTRAR AHORA///

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 servicios 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 sustituye por un link que muestra el resto de la informacion de manera condensada) 

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

Primera en prezi

ENCHILADAS MEXICANAS on Prezi

Las presentaciones interactivas dise;adas en PREZI.COM nos facilitan creear diapositivas dinamicas que son vde gran atractivo y una buena alternativa a las que se eleaboran en POWER POINT de Micorosoft.

Las ventajas son las siguientes:

1. la edicion de los contenidos es relativamente facil y se puede realizar con imagines y videos que coexisten actualmente en la red.

2. Cuenta con herramientas para la edicion grupal de las presentaciones., lo que nos brinda flexibilidad y practicidad para la elaboracion de temas externos.

3. Tiene ademas opciones para compartir los contenidos en la forma de ventanas de reproduccion que se pueden pegar en BLOGS, FACEBOOK, Mandar por correo, etc.

4. Dependiendo del tipo de cuenta que activemos en PREZI, podemos tambien acceder a un centro de descargas para utilizar las presentaciones cuando la conectividad a internet es limitada.

primera entrada de prueba

BLOG

COMO ESTA CONFORMADO?

FECHA : LA ADMINISTRACION DE FECHAS ES UNA DE LAS CUALIDADES DE LOS BLOGS. A PARTE DEL BENEFICIO INMEDIATO DE PODER ORGANIZAR CRONOLOGICAMENTE NUESTRAS PUBLICACIONES NOS PERMITE PROGRAMAR  ANTICIPADAMENTE LOS CONTENIDOS A MODO DE GUARDAR FECHAS ESPECIFICAS PARA MOSTRAR NUESTROS ARTICULOS.

ENCABEZADO: LA REDACCION ADECUADA DEL TITULO DE NUESTRO ARTICULO HACE MAS PRACTICAS LA PUBLICACION DE  INFORMACION EN INTERNET, POR 2 RAZONES:

1. ES FACIL IDENTIFICAR LOS CONTENIDOS
2. HACE MUY FACIL LA BUSQUEDA DE OTRAS PERSONAS

CONTENIDOS: SON PROPIAMENTE EL CUERPO DE NUESTRA PUBLICACION DESTINADOS EN UN PRINCIPIO A MOSTRAR SOLO TEXTOS DE CUALQUIER MODO HOY POR HOY SE HA CONVERTIDO EN UNA VENTANA MULTIMEDIA QUE PUEDE INCLUIR LA SIG INFO:

1. TEXTO
2. HIPER-VINCULO
3. IMÁGENES EN VARIOS FORMATOS
4. VIDEOS
5. ACTIVIDADES INTERACTIVAS
6. DIAPOSITIVAS EN LINEA

ETIQUETAS: SON PALABRAS CLAVES QUE AUNQUE NO VENGAN INCLUIDAS EN NUESTRO CONTENIDO AYUDAN A FACILITAR SU BUSQUEDA Y MANERA EN QUE SE CATALOGA PODEMOS INCLUIRLAS DE MANERA LIMITADA AUMENTANDO LAS POSIBILIDADES DE QUE OTRA PERSONA TENGA ACCESO A DICHOS CONTENIDOS.

INTERCONECTIVIDAD CON OTROS SERVICIOS: ESA ES LA CUALIDAD QUE LE PERMITE A NUESTRO BLOG LA PUBLICACION AUTOMATICA SIMULTANEA EN OTRAS PLATAFORMAS COMO POR EJ: GOOGLE +, FACEBOOK, TWITTER: ES MUY UTIL PARA RE-PUBLICAR ARTICULOS ESPECIFICOS QUE SON DE INTERES.           

NOTA: ESTA OPCION ES REDUNDANTE CUANDO HEMOS PROGRAMADO BLOGGER QUE HAGA PUBLICACIONES SIMULTANEAS DE MANERA AUTOMATICA.

GADGETS: SON PEQUEÑOS PROGRAMAS QUE AÑADIMOS A NUESTRO BLOG PARA INCREMENTAR FUNCIONALIDAD POR EJ: AÑADIR UN CUADRO DE BUSQUEDA QUE SIRVE PARA CAPTURAR UNA PALABRA DEL USUARIO Y COTEJARLO CON NUESTROS CONTENIDOS. TAMBIEN PODEMOS AÑADIR DIRECTORIOS DE NUESTRAS PÁGINAS DE INTERNET CON VISTAS PREVIAS DE SUS DIRECCIONES, ETC.
COMMENTS: NOSOTROS TENEMOS LA OPCION DE PERMITIR LA PUBLICION DE COMENTARIOS POR PARTE DE LOS USUARIOS DE NUESTRO BLOG EN LAS SIG MODALIDADES:
1. SOLO USUARIOS QUE TAMBIEN ESTEN REGISTRADOS EN BLOGGER.
   2. USUARIOS QUE SE IDENTIFIQUEN CON UNA CUENTA DE CORREO.
3. USUARIOS ANONIMOS. ADEMAS BLOGGER TIENE LA CAPACIDAD DE NOTIFICARNOS POR CORREO CUANDO NOS HAN DEJADO UN COMENTARIO.

TITULO: DESCRIPCION DE CONTENIDOS DE BLOGS                                                                    FECHA: FEBRERO 25 DE 2012

(ESTA ES EL AREA DE CONTENIDO.)                                                                                            ETIQUETAS: "DIPLOMADO", "UEEP", "BLOGS" "COMO" "RECURSOS" "DIDACTICOS"," "COMPUTADORAS" "NO" "SIRVEN"

otrolopezmas@hotmail.com

LUIS FELIPE LOPEZ

FELIPELOPEZ1@UABC.EDU.MX