sábado, 14 de enero de 2012

BITACORA 14 Personalización de nuestro Blog con la Interfase de Diseño Avanzado

Personalización  de nuestro Blog con la Interfase de Diseño Avanzado
 En la interfase de diseño de nuestro panel de control  podemos realizar ajustes relacionados con el fusionamiento 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 éstas 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 de nuestro Blog.

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

Este apartado de nuestro panel de control esta dividido en dos partes:
1. (Parte Inferior) La vista previa dinámica. Se llama así porque refleja inmediatamente (esto es, sin tener que "refrescar"la pagina), los cambios realizados en el menú principal. Estos cambios son solo aparentes en ésta página y se convierten en ajustes permanenets si y solo si presionamos el BOTON DE APLICAR  AL BLOG.

2. (Parte susperior E l menu de ajustes): Este menú afecta la apariencia y disposición de los elementos gráficos de nuestro BLOG y abarca varios apartados específicos.

a) Plantilla General: éste apartado nos permite seleccionar de una variedad de plantillas prediseñadas que cuentan con una apariencia o estilo gráfico definido. A la vez cada una cuenta con un submenú 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.
b) Apartado de Fondo: (en algunas páginas que no están traducidas éste apartado puede aparecer como Background o Colorways). En éste menú podemos seleccionar fondos de color sólido que vienen  convinados 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 precargadas en la Interfase. También podemos seleccionar desde nuestra computadora una imagen de aproximadamente las mismas medidas y subirla para ser usada como fondo. El límite de peso de una resolución de la foto no debe exceder los 300 kilobytes.
c) Ajuste de medidas del Blog:
En éste apartado por lo regular contamos con 2 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 títulos del contenido) Adicionalmente contamos con el deslizador del ancho de columna secundaria, que contiene por lo regular los gadgets que hemos incorporado a las plantillas además de los directorios e índices de nuestro Blog.  
Consideraciones: el ancho de pantalla promedio es de aproximadamente  1024 pixels, lo que nos permite ajustar medidas dentro del rango de los 980 pixels hasta los 780 aproximadamente, 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.
d) 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 ajustamos el tamaño podemos crear un espacio amplio libre de distracciones visuales donde solo se muestre el texto de las entradas, o bien un espacio que muestre mucha información en un area reducida, como en el caso de incluir hasta dos  columnas adicionales de contenido extra. Esto por lo regular conllevan a aumentar el ancho de las columnas para no segmentar los textos.
e)  Edición avanzada
Este apartado  de nuestra pantalla de edición de plantillas nos permite ajustar de manera precisa todo lo relativo a las tipografías  y colores que se emplean para desplegar los contenidos de nuestras entradas.
_Sección 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 viene con opcione en negritas, itálicas, condensadas, etc.  ya que todas estaas variantes son utilizadas en diferentes secciones de los textos a desplegar.
-Sección de fondos. Aqui se definen los colores especificos de cada sección de mi blog, en el renglón de fondos. Con dos posibles opciones: color o transparencia. Los fondos a determinar son tres del encabezado, los de las entradas y los de las columnas.
-Sección de enlaces. Este apartado determina el comportamiento de los hipervinculos en el documento escrito en tres posibles estados, uno es el link  o hipervínculo 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 tipografía y el color respectivamente.
-Sección de  Titulo de Blog. Aqui definimos la tipografïa, el estilo y el color del titulo del Blog. En el caso particular de nuestro diseño, este ha sido sustituido por un encabezado diseñado en ACDSEE photo editor, asi que este apartado no se emplea en nuestro diseño.
-Apartado de gadgets aqui definimos los encabezadospara las secciones adicionales ubicadas en las columnas laterales, cuya ubicación fue fue detrminada en el  apartado de diseño.
-Apartado de imagenes_ En este punto podemos modificar la manera en la que se cargan las imágenes utilizando el botón de insertar imagen, ya que  podemos ponerles fondos de color  o biene de delinear con un remarco de color varaiable los contornos de las imágenes.
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 personaliación de nuestro blog.




sábado, 7 de enero de 2012

BITACORA 13 Utilizando editores de fotos para rediseñar mi Blog

Utilizando editores de fotos para rediseñar mi Blog
1. Rediseño del encabezado: Vamos a recurrir al Programa ACD See Photo Editor, para crear un proyecto con la siguiente medida, 960 pixels de ancho x 250 pixels de alto. Que es  la medida aproximada del encabezado de mi blog. El proyecto debe reunir los siguientes requisitos.
-Debe estar en resolución Web ( 96 pixels, por pulgada cuadrada).
-Fondo transparente.
-La version final de éste archivo se debe guardar PNG.
2.Utilizamos la herramienta de texto para redactar el titulo de nuestro blog, con la cual, podemos seleccionar la tipografía,  el tamaño y el color, una vez que redactamos el titulo, lo convertimos en objeto haciendo 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 UEEP (Universidad Estatal de Estudios Pedagógicos) y seleccionamos el fondo para eliminar, usando la herramienta de varita mágica e invertimos la selección, pestaña Editar, Invertir Selection, pegamos ventana  y  pegamos en nuestro documento original.
4.  En este punto el logotipo no es un objeto al que se le pueden aplicar efectos, ajustamos su tamaño y posicion y exportamos todo a P.N.G.                                                                           

sábado, 10 de diciembre de 2011

BITACORA 12 Glosario de términos básicos para el diseño gráfico a través de medios electrónicos.

Glosario de términos básicos para el diseño gráfico a través de medios electrónicos.
1. ¿Que es un Pixel?
El Pixel es la unidad de color con luz mínima que puede representar un medio electrónico. Su forma física mas tangible es un punto de color en la pantalla. en televisiones y monitores mas grandes también en pantallas gigantes de LCD (como las que se encuentran en los anuncios en los anuncios publicitarios en las 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 de 800 x 600 en pixeles la mas usada hasta antes de los monitores SVGA y aun mayores con los monitores  de alta definición y pantalla plana.

2. ¿Que es un Megapixel?
Se le llama Megapixel a una matriz de aproximadamente un millón de pixeles, dispuestos en columnas para conformar una imagen no necesariamente se hace mas detallada, sino que permite capturar imágenes mas grandes, lo que favorece su ampliación sin que suceda, la pixelización o que aparezcan las deformaciones de baja resolución denominadas artefactos.

3. Pixelización
Deformación común que experimentan  las imágenes cuando son ampliadas u observadas a un tamaño al que fueron creadas para observarse, por ejemplo en el caso de fotos que fueron tomadas para verse por pantalla de celular, cuando son amplificadas en un monitor de mayor tamaño, se pixelean.

4. Artefactos: Son las deformaciones regularmente de formas cuadradas o rectangulares que aparecen en pantalla cuando forzamos la ampliación de una imagen que no fue creada para verse de cerca.
Pasa muy seguido con imágenes que fueron bajadas de Internet y se imprimen en papel revelando su pixelización.

-Formatos de imágenes mas populares y sus usos:

JPG: es el mas usado en la web. Cuando una imagen está en este formato nos indica que ya fue comprimida (no está en su máxima resolución) y que está optimizada para mandarse por internet, verse en monitor o bien ampliarse hasta la medida original, en la que fue creada, ya que se pixelea si se amplifica de mas.

GIF: al igual que JPG, es un formato ideal para ver imágenes en pantalla en tamaños relativamente pequeños que no ocupen mucho espacio en memoria (por ejemplo, que excedan el tamaño permitido en un correo electronico) pero tiene dos características que la diferencian de otros formatos:
1. Permite varios cuadros de imágenes en un solo archivo, por ejemplo, fotos animadas.
2. Para poder almacenar éste tipo de informaciòn de animación, sacrifica colores, ya que cuenta con un número limitado de colores para mostrar.

sábado, 3 de diciembre de 2011

BITACORA 11 Confirmación de la interconectividad entre páginas

Confirmación de la interconectividad entre páginas.
Ésta entrada debe aparecer en varias plataformas de comunicación para comprobar que realizamos adecuadamente los siguientes procedimientos:
      1. Que nuestras entradas de Blog se comunican a través de TWITTERFEED, creando un duplicado de nuestra información y reproduciéndolo en la forma de un nuevo tweet.
      2. Que nuestros TWWET pueden ser a su vez re-publicados por otros usuarios de TWEET, por otros usuarios de TWEETER en la forma de un RETWEET.
      3. Que aparte TWEETER, esta debidamente sicncronizado con FACEBOOK y  que FACEBOOK reproduce dichos TWEETES en "MI MURO" de FACEBOOK.
      4. Que cualquier usuario de FACEBOOK que utilice el botón de LIKE puede suscribirse a ésta información.

sábado, 26 de noviembre de 2011

BITACORA 10 INTERCONECTIVIDAD EN REDES SOCIALES Y NUESTRO BLOG II

INTERCONECTIVIDAD EN REDES SOCIALES Y NUESTRO BLOG II
  1. Microblogging
Esta variante de la publicación de bitácoras en linea se distingue por ser la mas concisa y estar implementada para su rápida asimilación en la forma de enunciados limitados por un numero 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 republicaciones, los hipervínculos, las etiquetas y las búsquedas por tópico, periocidad, autor, o región geográfica.
El servicio de microblogging mas popular es Twitter.
Twitter  es creado como una plataforma de comunicación cuya particularidad es la extensión de sus mensajes: solo 140 caracteres, incluyendo letras, números y espacios.
estos mensajes o Tweets ( comparándolos con el trinar de un ave o Tweeting) pueden estar copnformados 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 TWITTER  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 integrándola al servicio que alimenta a FACEBOOK.

sábado, 19 de noviembre de 2011

BITACORA 9 INTERCONECTIVIDAD CON REDES SOCIALES

 Interconectividadcon redes sociales y nuestro blog.
una de las herramientas mas utilkes para la comunicación entre un grupo de personas que revisan cosetudinariamente 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áginsas 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 en 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 pie de nuestro perfil persosnal existe el apartado para crear pagina, hacemos click para pasar el menu de selección.
  3. En este menu podemos definir el caracter de nuestra página, ya sea de caracter educativo, institucional, de negocios, grupos musicales, hobbies, deportes, etc. esto le facilitará a Facebbok ayudarnos a promover los conteniodos que se publiquen ahí
  4. Una vez que definimos el sesgo de nuestra página, procedemos a llenar formularios. si por ejemplo la hacemos en la base a una escuela, llenamos campos con 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 FACEBOOK, mediante un sistema de alimentación de información que es conocido con las siglas RSS, que significan en ingles Real Simple Syndication, Distribución Realmente Simple, para nuestra conveniencia. Twitter Feed no requier programación, solo crear un usuario con una cuenta de correo existente y un passsword o clave que no debe ser necesariamente la del correo mencionado.
  6. Para activar Twitter Feed h hay que copiar la dirección de nuestro blog (http:nombredemiblog.blogspot.com) y probar que si funciona la alimentación RSS usando el botón de PROBAR.
  7. Le damos SIGUIENTE y  seleccionamos el servicio de FACEBOOK del menú. Este formulario nos permite que presentemos a TWITTER FEED accesar a nuestro usuario de FACEBOOK  y luego nos permite seleccionar páginas que hayamos creado ahi. Aqui es donde seleccionamos especificamente la página que creamos en los pasos 2 y 3 . Ahora nuestras entradas se publican automáticamente con un mensaje a cualquier usuario que este inscrito en dichas páginas.








    sábado, 12 de noviembre de 2011

    BITACORA 8 Continuación Edición de plantillas Gadgets...

    Pasos para poder ofrecer suscripciones
    1. Añadir gadget de suscribir por e-mail
    2. Crear entradas nuevas
    3. Publicar.
    Pasos  inscribirse a un blog de nuestro interés.
    1. Utilizar el campo de submit.
    2. Meter nuestro correo
    3. Ingresar las letras chuecas (capcha)
    4. Revisar correo y configurar
    CONTINUACION SESION 7
    8. La pestaña de diseño
    8.1 Editar las opciones de la página de entrada
    a) Número máximo de entradas de la página principal.
    b) Texto predeterminado para el salto de página
    c) Opciones adicionales de entrada.
    -Tipo  de fecha.
    -Titulo de la rúbrica
    -Publicación de horario
    -Etiqueta de copmentarios
    -Etiquetas
    -Reacciones