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