EDICICION AVANZADA DE BLOG

09-JUNIO-2012 
   
 EDICION AVANZADA DE BLOG


1.-EDITORES DE IMAGENES:
Son programas que utilizamos para alterar la apariencia de los mapas de   bits, modificando sus propiedades básicas forma, tamaño forma , color y cualidades mas avanzadas como: retocado de imágenes, foto montajes, texto decorativo, etc El estándar en la industria en la edición de imágenes , es el PROGRAMA FOTOSHOP de la compañía ADOBE, una alternativa mas amigable  al usuario se encuentra en el PROGRAMA ACDSEE, PHOTO EDITOR, PHOTOSHOP ELEMENTS, que cuentan con las características y herramientas mas comunes para corregir y diseñar sobre fotografías como son: 
Ajuste de brillo, color y saturacion.


2.-TRANSPARENCIA:
 Los mapas de bits tienen por lo regular 2 parámetros de información, el conteo de bits y los pixeles. Los editores de imágenes nos permiten meter un valor  adicional  que es una instrucción que indica cuales partes de mi foto dejan pasar lo que sea que tengan detras.


3.- OPTIMIZACION DE IMÁGENES:
Las cámaras generan imágenes con calidad de impresión que por lo general oscilan entre los 300 puntos. por pulgada cuadrada. para aplicaciones de la vida diaria, 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 imagen y optimizarla para el uso que le queremos dar creando fotos mas ligeras para correo electrónico o albunes de fotografías que no ocupan mucho espacio. La fotografía de calidad de impresión (300 DPI ) se pueden optimizar para Internet que son (72 DPI)

4.- PODEMOS UTILIZA EL DISEÑO CON CAPAS:
Estos programas abordan cada imagen como una recopilación de transparencias apiladas en orden ascendente cada una se puede edita en orden independiente ademas de que podemos enriquecer nuestro diseño con material externo como, otras imagenes grabadas por separado y/o creados ahí mismo.


EJERCICIO:
Crear un encabezado en nuestro blog con un editor de imágenes con las siguientes caracteristicas, puede incluir el logo de su escuela o de la UEEP, 
TEXTO DECORATIVO PARA EL TITULO( ejemplo: diplomados de blogs UEEP)
SUBTITULO que diga nuestro nombre 2012/1

SABADO 2 DE JUNIO

EDICION AVANZADA DE PLANTILLA

Una manera mas completa de modificar nuestro blog es recurrir al editor avanzado de plantilla, que se encuentra en el menu panel de control en la opcion de PLANTIILA.

Accediendo a la opción de personalizar se accesa a la ventana de edición activa. (foto de interfase)

En este apartado podemos modificar 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 una 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 genera de nuestro blog, que se refiere a la combinación de colores, coordinados en la apariencia de la pagina, incluyendo los colores de la litografía. (edición tres).

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 ilustracionescomo: 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 DE ANCHO DE COLUMNAS
(foto 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 a un 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 de 700 a 850 pixeles, porque lograríamos que la pagina se desborde de 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 litografía y el comportamiento de cada uno de los elementos gráficos en nuestro 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 WEB de 256 colores que están hechos para verse legible mente en cualquier monitor no obstante su marca o tamaño

28-Abril-2012


MUCHAS PLATAFORMAS DE SISTEMAS OPERATIVOS EMPLEAN PEQUEÑOS PROGRAMAS






widgets/gadgets en windows

widgets /gadgets en Mac





Widgets/gadgets en google







BLOGGER Y LA IMPLEMENTACION DE GADGETS:
EL DISEÑO DE UNA PAGINA DE BLOGGER SE ABORDA COMO UN CONJUNTO DE MODULOS QUE FUNCIONAN EN SINCRONÍA COMO UN SOLO SERVICIO. EN REALIDAD EL CAMPO DEENTRADAS, EL ENCABEZADO DE LA PAGINA Y LA COLUMNA LATERAL (QUE SON LOS ELEMENTOS DEL BLOG) PUEDEN SER CONFIGURADOS INDEPENDIENTEMENTE.


ADEMAS DE ESTO SE PUEDEN AÑADIR A LA PLANTILLA DE BLOGS 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 SIGUIENTES CAMPOS. EL TITULO PRINCIPAL LA DESCRIPCION Y LA OPCION DE INCLUIR UN BANNER DISEÑADO O UNA FOTO COMO ENCABEZADO DE LA PAGINA

2.- EL GADGET DE EDICION DE ENTRADA        

EN ESTA VENTANA CONFIGURAMOS EL COMPORTAMIENTO DE LAS ENTRADAS UNA VEZ PUBLICADAS EN NUESTRO BLOG.

LOS AJUSTES QUE ESE INCLUYEN SON:

FORMATO DE FECHA

FORMATO DE RYBRICA O FIRMA DE ENTRADAS BOTONES DE EXPRESIO: EL EQUIVALENTE EB BLOGGER DEL BOTON DE "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.

                         

                     

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 OPCION MULTIPLE DE RESPUESTA SENCILLA O RESPUESTA MULTIPLE TAMBIEN,

 ESTE GADGET PUEDE LLEVAR UN CONTEO DE LAS RESPUESTAS DE LOS VISITANTES DEMAS DE PERMITIR LA IMPLEMENTACION DE UN NUMERO INDETERMINADO DE RESPUESTAS

UTILIZA UNA FUNCION DE CALENDARIO PARA LLEVAR UN REGISTRO DE LA FECHA LIMItE PARA MANTENER LAS VOTACIONES ABIERTAS DE MANERA AUTOMATIZADA

6.- HTML

ESTA ES UNA VENTANA DE EDICION DE CODIGO DONDE PODEMOS PEGAR INSTRUCCI ES DE OTRAS PAGINAS AJENAS A BLOGGER. PODEMOS INCORPORAR VARIAS APLICACIONES COMO: DIAPOSITIVAS DE FLICKR, VIDEOS DE YOU TUBE, JUEGOS EN FLASH, ETC.

7.- GADGET DE SUBSCRIPCIONES:

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

Usando Twitter feed y configuracion avanzada en TWITTER

sábado, 21 de abril de 2012

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 TWITTWER 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.






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 AUTORIZACION DE LAS ENTRADAS EN VARIOS FORMATOS. DE ESTE MODO UTILIZAMOS UN SOLO PORTAL , Y AL SER DETECTADO POR.TWITTERFEED, SE CREAN COPIAS DE DICHA EN EL 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 LINK//// PAJARITO



Creamos entonces un usuario en la pagina de TWITTERFEED.COM

24 marzo

1. EL servicio  de Twitter (Poner imagen de pagina 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)

  

APLICACIONES/VENTAJAS de usar TWITTER:

1.- Debido a que el formato de 140 caracteres es relativamente pequeño, podemos mantener el flujo constante de informacion, alimentando desde celulares, tabletas, laptops, computadoras de escritorio, etc. 

2.- Aun asi es una herramienta bastante flexible ya que permite la inclusion de links, (hipervinculos) que pueden ligar directamente a fotografias 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:  

TITULO DE LA ENTRADA:


Redaccion de una entrada descriptiva de procesos, incorporando captura y edicion de pantallas
Una de las aplicaciones mas utiles para los blogs es la redaccion de procedimientos donde se nos permite integrar varios contenidos multimedia, tales como un video , los sonidos y las imagenes
En esta entrada vamos a desarrollar la implementacion de captura de pantallas


1.- CAPTURA BÁSICA:
a).- Ubicamos la tecla de Print screen en el teclado, Normalmente se encuentra abreviado como PTR: SCR: o IMP PANT: En el caso de laptops es una función adicional accesible mediante la tecla FNC o ALT  y y presionando la tecla pertinente en el teclado.
EJEMPLO: Print screen nos coloca en la memoria temporal de la maquila 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 mas 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:

CAPTURA DE ASPECTOS:


EJEMPLO:
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 mas adecuada, si utilizamos la función de CROP o de recortar PAINT.


EJEMPLO:

FLICKR:


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

Abrimos el Programa Flickr . com

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).

Sesion de Prezi

ENCHILADAS MEXICANAS on Prezi

l.-LAS PRESENTACIONES DISEÑAS EN PREZI NOS FACILITAN CREAR DIAPOSITIVAS DINAMICAS QUE SON DE GRAN ATRACTIVO Y UNA BUENA ALTERNATIVAA LAS QUE E ELABORAN EN POWER POINT DE MICROSOFT
LAS VENTAJAS SON LAS SIGUIENTES:

1.- LA EDICION DE LOS CONTENIDOS ES RELATIVAMENTE FACIL Y SE PUEDEN REALIZAR CON IMAGENES Y VIDEOS QUE EXISTEN ACTUALMENTE EN LA RED.

2.-CUENTA CON HERRAMIENTAS PARA LA ELABORACION GRUPAL  LO QUE NOS BRINDA FLEXIBILIDAD Y PRACTICIDAD PARA LA ELABORACION DE TEMAS EXTENSOS

3.-TIENE ADEMAS OPCIONES PARA COMPARTIR LOS CONTENIDOS CON LA FORMA DE VENTANA DE REPRODUCCION QUE SE PUEDEN PEGAR EN BLOGGS, FACEBOOK Y MANDAR POR CORREO

4.-DEPENDIENDO DE LA CUENTA QUE ACTIVEMOS EN PREZI, PODEMOS TAMBIEN ACCEDER A UN CENTRO DE DESCARGAS PARA UTILIZAR LAS PRESENTACIONES CUANDO LA CONECTIVIDAD A INTERNET ES LIMITADA

SESIÓN 2                                                      25 DE FEBRERO DE 2012

BLOG

¿COMO ESTA CONFORMADO?

FECHA:

La administración de fechas es unas cualidades principales de los blogs, aparte del beneficio inmediato de poder organizar cronológicamente nuestras publicaciones, nos permite programar anticipadamente la publicación de los contenidos a modo de agendar fechas específicas para mostrar nuestros artículos.

ENCABEZADOS:

La redacción adecuada del titulo de nuestro articulo hace mas practica la publicación de información en internet por dos razones.

1.- Es fácil identificar los contenidos

2.- Hace muy fáciles las búsquedas de otras personas de nuestra información

CONTENIDOS:

Son propiamente el cuerpo de nuestra publicación a mostrar exclusivamente textos de cualquier modo hoy por hoy se ha convertido en una ventana multimedia que puede inc

2.- Hipervínculo

3.- Imágenes en varios formatos

4.- Videos

5.- Actividades interactivas

6.- Diapositivas en línea

LAS ETIQUETAS:

Son palabras claves que , aunque no vengan incluidas en nuestro contenido ayudan a facilitar su búsqueda y manera en que se cataloga, podemos incluirlas de manera ilimitada aumentando considerablemente las posibilidades de que otra persona tenga acceso a  dichos contenidos

INTERCONECTIVIDAD:-

Esta es la conectividad que le permite a nuestro blog la publicación automática simultánea en otras plataformas de comunicación por ejemplo:

o   Twitter

o   Facebook

o   Google y mas

Es muy útil para re-publicar artículos específicos que son de interés (esta opción es redundante cuando hemos programado blogger para que haga publicaciones simultaneas de modo automático

GADGETS

Son pequeños programas que añadimos a nuestro blog para incrementar su funcionalidad como por ejemplo:

Añadir un cuadro de búsqueda que sirve para capturar una palabra del usuario y cotejarla con nuestros contenidos. También podemos añadir directorios de páginas de internet con vistas previas de sus direcciones, etc.

COMENTARIOS:

Nosotros tenemos la opción de permitir la publicación de comentarios por parte de los usuarios de nuestros blogs en la modalidad de:

1.- Solo usuarios que también estén registrados en blogger

2.- Usuarios que se identifiquen con una cuenta de correo

3.- Usuarios anónimos, además blogger tiene la capacidad de notificarnos por correo cuando nos han dejado un comentario

EJEMPLO:

DESCRIPCION DE BLOGS

FEBRERO 25 DE 2012

ESTE ES EL AREA DE CONTENIDO

ETIQUETAS:

DIPLOMADO, UEEP, BLOGS, (CUANDO SON PALABRAS ESCRITAS EN “”) “BLOGS COMO RECUSRO DIDACTICO”

“LAS COMPUTADORAS NO SIRVEN”

TAREA:

REGISTRARNOS WWW. BLOGGER.COM ABRIR UN USUARIO, HACER 1 DOCMTO CN NUESTRO NOMBRE,

Prof. LUIS FELIPE LOPEZ PEREZ

CORREO DEL PROFE.otrolopezmas@hotmail.com

                               felipe.lopez1cuabc.edu.mx

SESION 1                                                      18 DE FEBRERO DE 2012

DIPLOMADO 

                                                                    

LOS BLOGS COMO RECURSO DIDACTICO

GLOSARIO DE TERMINOS MÁS USADOS EN EL DIPLOMADO

BITACORA ELECTRONICA O BLOG

La palabra blog es la abreviatura de web log que es el nombre designado  a los diarios electrónicos que se pueden publicar a través de internet, en la mayoría de los casos son servicios gratuitos.

 Algunos de los servicios en línea más populares son

v BLOGGER .COM

v TUMBLR. COM

v WORDPRESS.COM

MICROBLOGGING

Es el formato de los diarios electrónicos que se utiliza enunciados cortos que se utilizan constantemente para crear un flujo continuo de información

Este formato de publicación basa su éxito en forzar al usuario a mantener concreta y concisa  la redacción de sus contenidos limitando a un máximo de 140 caracteres que pueden ser números, letras o espacios la redacción de dichos enunciados, el servicio mas popular es twitter, esta es la deformación de TWEETER, el trinar de un pájaro,

LAS REDES SOCIALES

Es la labor coordinada de varios medios de comunicación automática enfocados a la interacción grupal de usuarios, estos servicios cuentan con herramientas fáciles de usar que permiten la distribución masiva de contenidos (texto, imágenes, video y contenido multimedia)

FORMATO DE  INFORMACIÓN EN IMÁGENES

§  JPG

§  Es el formato mas popular para imágenes en internet, se basa en un algoritmo que comprime la imagen a la menor calidad posible que se requiere para que no pierda definición la imagen, es el formato por excelencia , en cámaras digitales, celulares, y fotos estáticas de web cam,

§  GIF

Es un formato de calidad menor de gif, que compensa su deficiencia con 2 características adicionales

o   Permite la transparencia,

o   permite animación limitada,

§  PNG

Es un formato de calidad media y cuenta con las siguientes características

o   Permite mayor definición de color sin crear archivos muy pesados y también permite la transparencia, pero no puede almacenar animación

§  TIFF

Son ideales para crear imágenes, impresión y gran formato, no cuentan con ningún tipo de compresión o deformación

EN AUDIO

§  WAV

Es el formato de grabación de Windows, y es audio sin comprimir grabado directamente de la computadora, la calidad depende del equipo de grabación  y mpg

§  MP3

Es el formato más popular de comprensión de audio, tiene varios años en el mercado ya que permite conservar archivos musicales en la forma de paquetes compactos de información y que le brindan a dispositivos electrónicos la capacidad de almacenar bastantes canciones

§  AAC

Es el formato de archivo utilizado por la plataforma de computadoras MAC y es una alternativa al MP3 ya que presenta mayor calidad de sonido

EN VIDEO

§  MPG

Es el formato más común de compresión de video de calidad variable que se popularizo al ser la primera plataforma de video que se podía descargar en internet

§  AVI

Segundo formato más popular de visualización de videos en medios digitales

§  MP4

Es la evolución del MP3 hecha para incluir video,

§  MOV

Formato en la aplicación MAC para ser visto en la aplicación quicktime,