sábado, 2 de junio de 2012

EDICIÓN AVANZADA DE PLANTILLA

una manera mas completa y efectiva de modificar permanentemente la apariencia de 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 plantillas.





accediendo a la sesión de personalizar se accesa a la ventana de edición  activa.(foto de interface)

en este  apartado podemos realizar modificaciones significativas en la apariencia de nuestro blog, comenzando con la seleccion 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 letras 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 combinados 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 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 presentan la opción de convertir en mosaicos repetidas, centrar una sola imagen grande, o bien estirar la foto para adecuarla a nuestra pagina.


Ediccion 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 aparecen 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 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 tipografía y el comportamiento de cada uno de los elementos gráficos en nuestro blog dependiendo del diseño original del blog. seleccionando previamente en el primer apartado de plantillas, este menú nos muestra las diversas opciones de ajuste. los colores propuestos están basados en la paleta básica web de 2567 colores que están hechos para verse legiblemente en cualquier monitor no obstante su marca o tamaño.


sábado, 19 de mayo de 2012

REDACCIÓN DE UNA ENTRADA DESCRIPTIVA DE PROCESOS INCORPORANDO CAPTURA Y EDICIÓN DE PLANTILLAS


Titulo de la entrada:
Redaccion de una entrada descriptiva de procesos incorporando captura y edicion de plantillas

Contenido:
Una de las aplicaciones mas utiles para los blogs es la redaccion de procedimientos donde se nos permite integrar varios contenidos multimedia tales como video, las imagenes y sonidos.

En esta entrada vamos a desarrollar la implementacion de la captura de pantallas.

1. CAPTURA BASICA
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 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 PRINT SCREEN captura toda la pantalla podemos modificar su comportamiento presionándola en conjunto con la tecla ALT para crear una captura selectiva.
EJEMPLO:



 EJERCICIO MATON:

Ilustrar 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 página 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 REGISTRATE (aspecto)


4. Llenar formularios (página completa, antes y después de llenados).
ANTES



SÁBADO 17 DE MARZO DEL 2012      SESIÓN 




Una de las aplicaciones mas útiles para los blogs es en la redacción de procedimientos donde se nos permite integrar varios contenidos multimedias, tales como el vídeo, las imágenes y los sonidos.

en esta entrada vamos a desarrollar  la implementacion  de la captura de pantallas.
1.'- CAPTURA BASICA

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 funcion  adicional  accesible mediante la tecla  FNC o ALT y precionando la tecla  pertinente en el teclado.
EJEMPLO: print screen nos coloca en la memoria  tempooral de la pagina  la foto  de la pantalla  completa, y la podemos  pegar en cualquier  programa de edicion  de imagenes mediante el comando PASTE, PEGAR; o CTRL + V

ABRIR PROGRAMA PAINT REDACCIÓN DE UNA ENTRADA DESCRIPTIVA  DE PROCESOS INCORPORANDO  CAPTURA Y EDICIÓN DE PANTALLAS
 EJMPLO: abres paint y tomas una foto a la pantalla de blog y paint dando clic en print screen y despues te vas a paint y la pegas con ctrl + v    o en edicion y despues pegar

Descripción: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi922xQhaKCwvlI_AjqHA6F_ugQQLwaDIsizhDsUEWRvsSs4uAdStPvEWPGoe9AOJPqj7fbME2GsFe0MDDkELe5sFxIUCzOPb1v2qNNlL0JFSKBbaqaP_tgxdFrfPbWy_X0QXP6OqSA5Hc/s200/captura+de+pantalla+1+a.JPG









2 capturas selectiva  
Si la tecla  de PRINT SCREEN  CAPTURA TODA LA PANTALLA  podemos modificar su comportamiento  presionandola en conujnto con la tecla ALT para crear una captura selectiva
EJEMPLO.  AL MISMO TIEMPO DAS CLIC EN ALT Y LA TECLA PRINT SCREEN PARA PEGAR SOLAMENTE UNA SOLA VENTANA. ESTA SE USA CUANDO HAY VARIAS VENTANAS ABIERTAS PERO SOLO QUIERES UNA IMAGEN ESPECIFICA DE UNA SOLA VENTANA SOLAMENTE.

Descripción: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkY-vSYoWcFr00p8zXRry5EFZDhmtmlGb4MnL21tWycIMZfLQnJg-RsnOBVYY7foPUWIqw31NAuCdo0Fqu3ZZPe9VnpSzIw85s5OLxg1bdAs5Jn4t57Pl029v_YCMlYB10IY17RHqj7zg/s200/PANTALLA+SELECTIVA.JPG




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 mas adecuada, si utilizamos  la función de CROP o de recortar paint.
EJEMPLO:capturar pantalla completa, en un archivo nuevo pegarlo lo capturado con toda la pantalla, luego recorto con el cuadrito y selecciono lo que quiero  recortar  y lo copio en mi blog ctrl +c o edicion  y coipiar, me voy a nuevo proyecto de paint y lo pego en  paint lo recorto  asta ke quede a mi gusto, lo guardo  como jpeg  y de ahi lo mando a blog importandola como se ha hecho 
Descripción: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGyH4IpiZGdQ9JJhIzSYMmAMgaTaya7DfluE3d2ZMrdoru5Y-QhPI7SP6Zq40Wb2kc7t4lNd157mXeIuzkMbYtkCDwIzm1x_f1eZk1-btQ0nhDZtV4iTBFcisxU4ZyktgLpiMuItNQf8/s200/aspecto1.JPG

EJERCICIO  MATON:
Ilustrar el paso por paso de un usuario en el portal de alojamientos de imagenes en 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 boton grande de letras rosas  REGISTRATE (ASPECTO)
4.- llenar formularios ( pagina completa, antes y después  de llenarlo)
5.' seguir el procedimiento que se indica  hasta llegar a la pagina de bienvenida personalizada, que nos saluda  en varios idiomas (pagina completa

entras a www. flirck.com

Descripción: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3oGZva1JK6ylsCMV-gyfItzZcTLlz6niQ47MQdcKV2DV6xA-iwFOigGs9zXiszpaLQiyYqtFVeB1jCFyyhrliP7irb-6tw4qsv0llcox176mmyXZnct8_WNuAoYIyiizRS-8PnmRTBbY/s200/flickr+1.JPG







Descripción: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8wmgkr83RZDR2_1WqkcgNWTHvGPVTbupLxkICLIjuCiWnOk1ix3DSWex-80bJK1s5YN3EZ_T4ZI-XSFnS3r_4ow5RYqvOU0TZvv4vw_gDub5-qNgfCm4rbXN7sReJ1USIinOqkXUY81c/s200/pag+prin+flirk.JPG


 aquí puedes elegir el idioma de preferencia

Descripción: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZhLJZsUxVNh6hieoglu28nuXcUKFa-t13ccMgLBcDfC5soYwCEyeZHnEwcY1X1FnlLoLgGY0pcDdJ-lV7KmYF0Wd_idR6bxAxQd9ygF24MeH2LXkLAf0l4ZojSTszcJi3Qm4Sw4toMbE/s320/cambir+o+elegir+idioma.JPG



Descripción: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX7GjZef0KOkDHdPgUIMpwwE5wxMqWn4c6aiYxfNf3PL7q6_HvKsYw99IC1PR-gRU7p1zYdsn9_LyJfOLGnNz0hk-D1qMSMj64R_oq2ygNYFgk7TdzWDC_FF2EozFq-bp92RD4g7Jee34/s200/registrate.JPGboton de registro

formulario de registro en blanco

Descripción: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixbsarroIFe-ffVib6AZVVwXAY81WMTt8nWJtHFmSaVRLKmZ7OUeCjaSjeumS7Ywhp0ZTuFknkY5-HQfdEVtROc3ksBhNubVejUqFbpzi4nULbRZBDcD_d5XKNt4gMp3crgK5P-xrgJ8E/s200/formula.JPG








formulario lleno con datos  para crear la cuenta  o usuario

Descripción: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLcYWjuKbtL-69zK_dlQroudN6Ae5HwnLlvucom7WarclgaGbGarunLYmTn_XFNhfyE4Nc9agsHJDKqPfEOe8hVKOCi7UbmiKDfBDGzpYv5TtInTGqMQCgBe2zEFCxZ5NsZLVeOFAsk78/s200/formulario+lleno.JPG







Descripción: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCbdkCwWaSCXjkPmeQXr3LmorHwIEwCzD_E2q4T0-1MRi6DIiGxiNOW0HGw5mBe6_akO33JthF0bPDK68lk2HU6oi2XdSNTm5bi6GXYtmSn42IkF_-h1EA6Ec_dEXTfU6HLARFi90o9_Y/s200/imagen+de+resgistro+positivo.JPGDescripción: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0T9uHtjQWAqClt_rZDP56Tycy63K3Q1GzyP1fyOhIsrRjjKji36c30w2hdT3G4DMpC1S1P5e4ihgOYrkZ__D8TXj67ssUxP1KS796rGul5f6h9MpTiAukPUoXtcAxnA-EuK0ymutBuUE/s200/pantalla+bienbenida.JPGpantalla de bienvenida





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











blogger y el uso de los gadgets

Muchas plataformas de sistema operativo emplean pequeños programas destinados a realizar una acción determinada o inclusive fungen como entretenimiento, mostrando fotos o juegos. 




windows/gadgets os x widgets/mac

windows/ widgets/ gadgets en windows

windows/gadgets en igoogle

blogger y la implementacion de gadgets: 
el diseño de blogger se aborda como un conjunto d módulos que funcionan en sincronía con un solo servidor.
en realidad, el campo de entradas, el encabezado de la pagina y la columna lateral ( que son elementos del blog) pueden ser configurados independientemente.

Ademas de esto se pueden añadir a nuestra plantilla de blog nuevos módulos de códigos que le brindan a nuestro sitio nuevas características y funciones.

EDICCION BASICA DE GADGETS EN BLOGGER


PARA DISEÑO DEL BLOGS

1.-GADGETS PARA EL ENCABEZADO

EL ENCABEZADO O CABECERA DE MI BLOG MODIFICA LOS SIGUIENETES 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.-GADGETS PARA LAS ENTRADAS


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 RUBRICAS O FIRMA DE ENTRADA
BOTONES DE EXPRESION: EL EQUIVALENTE  EN BLOGGER DEL BOTON DE "LIKE" EN FACEBOK. ESTE SE PUEDE CONFIGURAR PARA INCLUIR VARIAS POSIBLES RESPUESTAS.
BOTONS







3.-GADGETS 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 que definamos el numero máximo de links que aparecen en la pagina, las direcciones URL.
(http://direccionesdemipagina.com), ademas de un texto de identificación que describe de que trata el link. Por lo regular aparecen en la esquina superior derecha en la barra lateral.


4.-MOTOR DE BUSQUEDA 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.-GADGETS DE ENCUESTA.
Podemos generar encuestas de opción múltiple de respuesta sencilla o respuesta múltiple también, este gadgets puede llevar un conteo de las respuestas de los visitantes ademas de permitir la implementacion de un numero indeterminado de respuestas, utiliza una función de calendario para llevar un registro de la fecha limite para mantener las votaciones abiertas de manera automatizada.








6.-CODIGO HMTL
Esta es una ventana de edición de códigos donde podemos pegar instrucciones de otras paginas ajenas a blogger. Podemos incorporar varias aplicaciones como: diapositivas de Flickr, videos de youtobe, juegos de flash, etc.


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





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 PRA QUE NOTIFIQUE A FACEBOK (DESPUES DEL SIGUIENTE APARTADO)

INTERCONEXIONES ENTRE SERVICIOS DE REDES SOCIALES

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


A) CREAR NUESTRO USUARIO (@NOMBRE)
B)AGREGAR A 10 COMPAÑEROS DEL DIPLOMADO COMO CONTACTOS
C) AGREGAR A 5 CELEBRIDADES, CONOCIDOS, ETC.
D) CONFIGURARLO PARA QUE NOTIFIQUE A FACEBOK (DESPUÉS DEL SIGUIENTE APARTADO)


pagina principal y bienvenida a twitter.




















pagina de registro de datos twitter











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, laptos, computadoras de escritorio, etc.


2.-Aun así es una herramienta bastante flexible ya que permite la inclusión de link (hipervinculos) que pueden ligar directamente a fotografías o extensiones mayores de texto.


3.-La herramienta hashtang: 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:






sábado, 21 de abril de 2012

ENTRADA DE PRUEBA DE INTERCONECIONES ENTRE BLOGGER, TWITTER Y FACEBOK

Esta entrada sirve para probar el enlace de TwitterFeed que crea un canal de comunicación entre las publicaciones de BLOGGER, los microblogs de TWITTER y mediante la configuración de éste último, las entradas en una página de FACEBOOK.