14 enero, 2012

Sesión 14.- Personalización de nuestro Blog con la interface de diseño avanzado.

En la interface de diseño de nuestro panel de control podemos realizar ajustes relacionados con el funcionamiento general de nuestro blog de la misma manera podemos aumentar las funciones y características de nuestra página en la manera de gadgets que aportan nuevas y variadas aplicaciones.

Fuera de esto, podemos reacomodar el orden en que estas funciones aparecen en el  espacio designado a nuestro blog, pero con todo y todo es una herramienta limitada en cuanto a la flexibilidad y capacidad de personalización.

Es entonces que, para hacer ajustes más drásticos en la apariencia y funcionalidad de nuestro sitio, recurrimos a la interface del diseñador de plantillas.

Este apartado de nuestro panel de control esta dividido en 2 partes:
  1. (Parte inferior).- La vista previa dinámica: se llama así porque refleja inmediatamente (esto es, sin tener que refrescar la página) los cambios realizados en el menú principal. Estos cambios son solo aparentes en esta página y se convierten en ajustes permanentes si y solo si presionamos botón de "Aplicar al Blog" .
  2. (Parte superior).- El menú de ajustes: Este afecta la apariencia y disposición de los elementos gráficos de nuestro blog y abarca varios apartados específicos:  
  • Plantilla general: este apartado nos permite seleccionar de una variedad de platillas pre-diseñadas que cuentan con una apariencia o estilo gráfico definido. A la vez cada una cuenta con un sub-menú que muestra variaciones del mismo concepto, como puede ser alguna variante en tonos de color o algún ajuste en las decoraciones de la página.
  • Apartado de fonfo: (En algunas páginas que no estan traducidas este apartado puede aparecer cono Background o Colorways). en este menú podemos seleccionar fondos de color sólido (que vienen convinados con colores adicionales) para el fondo de nuestra página o bien podemos seleccionar una imagen (por lo regular de 1800 x 1600 pixels) de las que vienen pre-cargadas en la interface. También podemos seleccionar desde nuestra computadora una imágen de aprox. las mismas medidas y subirla para ser usada como fondo. El límite de peso/resolución de la foto no debe exceder los 300 kilobytes.
  • Ajuste de medidas del blog: En este apartado por lo regular contamos con dos deslizadores que nos permiten incrementar/decrementar el ancho de la columna principal de nuestro blog. (En donde se publican las entradas principales, las fechas y los titulos del contenido). Adicionalmente contamos con el deslizador del ancho de columna secundaria que contiene por lo regular los gadgets que hemos incorporado a la plantilla además de los directorios e índices de nuestro blog. Consideraciones: el ancho de pantalla promedio es de 1024 pixels, lo que nos permite ajustar medidas dentro del rango de los 980 pixels hasta los 780 aprox., para fines de no truncar la longitud de los encabezados o crear un sitio que no se muestre completo en pantalla debido a su medida excesiva.
  • Apartado de diseño: Esta sección nos permite organizar y orientar los elementos de la página de acuerdo a la relación entre las entradas principales y  las columnas secundarias que cuentan con gadgets e índices, etc. Trabajando de la mano con el apartado anterior donde ajustábamos el tamaño podemos crear un espacio amplio libre de distracciones visuales donde sólo se muestre el texto de las entradas, o bien un espacio que concentre mucha información en un área reducida, como en el de incluir hasta dos columnas adicionales de contenido extra. Esto por lo regular conlleva a aumentar el ancho de las columnas para no segmentar los textos.
  • Edición avanzada:
    Este apartado de nuestra pantalla de edición de plantillas nos permite ajustar de manera precisa todo lo relatico a las tipografias y colores que se emplean para desplegar los contenidos de nuestras entradas.
    -Seccion de Texto de página: Este apartado nos permite definir el tamaño, color y tipografía de los textos en general de nuestra página. Es conveniente siempre seleccionar una ¨Familia tipográfica¨ esto es, una letra que cuente con versiones en Negritas, Italicas, Condensadas, Etc. Ya que todas estas variantes son utilizadas en diferentes secciones de los textos a desplegar.
    -Seccion de fondos: Aqui se definen los colores específicos de cada seccion de mi blog, en el renglon de fondos. Con 2 posibles opciones: Color o transparencia. Los fondos a determinar son 3 los del encabezado, los de las entradas y los de las columnas.
    -Seccion de enlaces: Este apartado determina el comportamiento de los hipervinculos en el documento escrito en tres posibles estados: uno es el link o hipervinculo en estado inicial, otro es cuando el mouse se posiciona sobre el link y el tercero es sobre los links visitados. En estas tres opciones se puede determinar la tipografia y el color respectivamente.
    -Seccion del titulo del blog: Aqui definimos la tipografia, el estilo y el color del titulo del blog. En el caso particualr d enuestro diseño, este ha sido substituido por un encabezado diseñado en ACDSEE photo editor, así que este apartado no se emplea en nuestro diseño.
    -Apartado de gadgets: Aqui definimos los encabezados para las secciones adicionales ubicadas en las columnas laterales, cuya ubicacion fue determinada en el apartado de DISEÑO.
    -Apartado de imagenes: En este punto podemos modificar la manera en que se cargan las imagenes utilizando el boton de insertar imagen, ya que podemos ponerles fondos de color o bien delinear con un remarco de color variable los contornos de las imagenes.

07 enero, 2012

Sesión 13.- Utilizando editores de foto para rediseñar mi blog.

1. Rediseño del encabezado: Vamos a recurrir al programa ACDsee Photo Editor para crear un proyecto con la siguiente medida 960 pixels de ancho por 250 de alto que es la medida aproximada del encabezado de mi blog.
El proyecto debe de reunir los siguientes requisitos:
  • Debe estar en resolución WEB (96 pixels X pulgada cuadrada).
  • Fondo transparente.
  • La versión final de este archivo se debe guardar como PNG.
2. Utilizamos la herramienta de texto para redactar el título de nuestro blog con la cual podemos seleccionar la tipografia, el tamaño y el color. Una vez que redactamos el título lo convertimos en objeto haciéndole doble click, esto nos permite ponerle efectos como sombra y bisel, creando de este modo texto artístico decorativo.

3. Importamos el logotipo de la universidad pedagógica y selecionamos el fondo para eliminarlo usando la herramientos de varita mágica e invertimos la selección, copiamos y pegamos en nuestro documento original.

4. En este punto el logotipo es un efecto al que se le pueden aplicar objetos también ajustamos su tamaño y posición y exportamos todo a PNG.

10 diciembre, 2011

Sesión 12.- Introducción al diseño gráfico: La apariencia de nuestro blog


Glosario de terminos.
 
Glosario

El pixel es la unidad de color con luz mínima que puede representar un medio electrónico. Su forma física más tangible es un punto de color en la pantalla. En televisiones y monitores más grandes, también en pantallas gigantes  de LCD (como en las que se encuentran en los anuncios publicitarios en olas vialidades) es un punto de color que puede ser rojo, Verde, Azul, o cualquier combinación de los 3 colores, generando luz blanca cuando se combinan todas en la misma proporción.
Todas las medidas de gráficos en cualquier medio electrónico se expresan en pixeles, siendo la medida 800x600 la mas usada hasta antes de los monitores SVGA y aun mayores con los monitores de alta definición y pantalla plana.
2.’ ¿Qué es un megapixel?
Se llama megapixel a una matriz de aproximadamente un millón de pixels, dispuestos en columnas e hileras para conformar una  imagen en un medio electrónico. Mientras  mas megapixeles tenga una imagen no necesariamente se hace más detalladla, si no que permite capturar imágenes mas grandes, lo que favorece su ampliación sin que suceda la pixelacion o que aparezcan las deformaciones de baja resolución denominadas artefactos. 

03 diciembre, 2011

Sesión 11.- Confirmación de la interconectividad entre páginas.

Esta entrada debe aparecer  en varias plataformas decomunicacion para comprobar que realizamos adecuadamente los siguientes procedimientos:



1.-Que nuestras entradas de blogs se comunican a través de twitterfeed creando un duplicado de nuestra información y reproduciendo lo en la forma de un nuevo twitter.

2.-Que nuestros twitt puwdwn ser a su vez re-publicados por otros ususarios de twitter en la forma de un retweet.

3.-Que a parte, twitter esta debidamente sincronizado con facebook y que facebook reproduce dichos twitts en mi muro.

4.- que cualquier usuario de facebook que utilice el botón de light puede subscribirse a esta información.

26 noviembre, 2011

Sesión 10.- Interconectividad en redes sociales y nuestro blog 2: Microblogging

1.- Microblogging:

Esta variante de la publicación de bitácoras en línea se distingue por ser la más concisa y estar implementada para su rápida asimilación en la forma de enunciados limitados por un número predeterminado de  caracteres, pero integrando en su mensaje todas las herramientas básicas que conforman una bitácora electrónica, como lo son: las respuestas, las re-publicaciones, los hipervinculos, las etiquetas y las búsquedas por tópico, periodicidad, autor, o región geográfica.


El servicio de microblogging más popular es Twitter.


Twitter es creado como una plataforma de comunicación cuya particularidad es la extensión de sus mensajes: sólo 140 caracteres, incluyendo letras, números y espacios.



Estos mensajes, o Tweets (comparándolos con el trinar de un ave o tweeting) pueden estar conformados por frases o una combinación de enunciados con hipervínculos (url) o una serie de marcadores precedidos por el símbolo de número (#)Que hace fácil su búsqueda y localización.



2.- Pasos para integrar a aTWITTER a nuestra red social:

a) Crear una cuenta en http://twitter.com


b) Acceder a nuestro cliente de información de TWITTERFEED



c) Activar la cuenta de TWITTER integrandola al servicio que alimenta a FACEBOOK.



d) Aplique, frote, enjuague y repita.


19 noviembre, 2011

Sesión 9.- Interconectividad en redes sociales y nuestro blog.

Una de las herramientas más útiles para la comunicación entre un grupo de personas que revisan consuetudinariamente sus correos electrónicos son los boletines y las notificaciones de redes sociales.


En este aspecto, la comunidad virtual de FaceBook ofrece una gama de servicios que facilitan la creación de páginas dedicadas a organizaciones/grupos/negocios/clubes y/o instituciones, que además cuentan con una amplia gama de características que permiten el trabajo en conjunto con nuestro blog, creando un solo canal de comunicación que opera en varios niveles.


En este ejercicio vamos a integrar las notificaciones en facebook con las publicaciones en Blogger, logrando que se notifiquen de manera personalizada los miembros de un grupo de usuarios de FaceBook que accedan a formar parte de nuestra red social.


Pasos para integrar FaceBook y Blogspot:


1.- Crear un usuario en FaceBook, mediante una cuenta de correo existente y un password nuevo. Llenamos los formularios y presionamos ´siguiente´ hasta llegar a nuestra página personal.


2.- Al pié de nuestro perfil personal existe el apartado para CREAR PÁGINAS, hacemos clíck para pasar al menú de selección.


3.- En este menú podemos definir el carácter de nuestra página, ya sea de caracter educativo, institucional, de negocios, grupos músicales, hobbies, deportes, etc. Esto le facilita a FaceBook ayudarnos a promover los contenidos que se publiquen ahí.


4.-Una vez que definimos el sesgo de nuestra página, procedemos a llenar los formularios. Si por ejemplo la hacemos en base a una escuela, llenamos campos como nombre, dirección, contacto, etc. Acompañando todo de una descripción breve para cuando seamos localizados por el motor de búsqueda de FaceBook.


5.- Accesamos a www.twitterfeed.com, que es la página que va a ligar el funcionamiento de nuestro blog con FB, mediante un sistema de alimentación de información que es conocido con las siglas de RSS, que significan en inglés Real Simple Syndication, Distribución Realmente Simple., para nuestra conveniencia, TwitterFeed no requiere programación, sólo crear un usario con una cuenta de correo existente y un password o clave que no debe ser necesariamente la del correo mencionado.


6.- Para activar TwitterFeed hay que copiar la dirección de nuestro blog (http://nombredemiblog.blogspot.com), y probar si funciona la alimentación RSS usando el boton de PROBAR.


7.- Le damos SIGUIENTE y seleccionamos el servicio FACEBOOK del menú. Este formulario nos pide que permitamos a TWITTERFEED accesar nuestro usuario de FB y luego nos permite seleccionar páginas que hayamos creado ahi. 
Aqui es donde seleccionamos específicamente la página que creamos en los pasos 2 y 3. Ahora nuestras entradas se publican automaticamente en Blogger y Facebook y se les notifica con un mensaje a cualquier usuario que este inscrito en dichas páginas.

12 noviembre, 2011

DIPLOMADO DE BLOGS 2011: Chiste del día

DIPLOMADO DE BLOGS 2011: Chiste del día: El médico otorrino atiende un viejecito millonario que había comenzado a usar un revolucionario aparato de audición: - Y entonces, señor Al...

Entrada de Prueba

El día de hoy el maestro dio mucha guerra, mi seguimiento era el correcto y me confundio, lo hice mal y tuve que hacerlo nuevamente de forma correcta como la primera vez y entonces quedo !!!EXCELENTE!!!!

Ya!!!! por fin comprendi la indicacion del  Coordinador, YUUUPPPPPPIIIIIIIIIIII!!!!!!!!!!!!!!!!!!!!!!1