sábado, 14 de enero de 2012

SESIÓN 14.- PERSONALIZACION DE NUESTRO BLOG CON LA INTERFASE DE DISEÑO AVANMZADO LA ENTRADA

     EN LA INTERFASE DE DISEÑO DE NUESTRO PANEL DE CONTROL  podemos realizar ajuste relacionado con el funcionamiento general o de nuestro blog de la misma manera podemos aumentar las funciones y características de nuestra pagina en la manera de gadgets  que aportan nuevas y variadas aplicaciones.                                                                                        Fuera de esto podemos  re acomodar 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 de nuestro blog.
     
     Es entonces que, para hacer ajustes mas drásticas 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 solos aparentes en esta pagina y se convierten en ajustes permanentes si y solo si presionamos botón de APLICAR EL BLOG.
2.-(Parte superior) El menú de ajustes:
     Este menú afecta la apariencia y disposición de los elemntosd gráficos de nuestro blog y abarca varios apartados específicos:

a)Plantilla  general. este apartado nos permite seleccionar una variedad de plantillas pre diseñadas que cuentan con una apariencia o estilo gráfico definido, a la ves cada una cuenta con un sub-menú que muestra variaciones del mismo concepto, como puede ser alguna variante de tonos de color o algún ajuste de las decoraciones de la pagina.

B)APARTADO DE FONDO: (En algunas paginas que no están traducidas este apartado pueden aparecer en BACKGROUND O COLORWAYS) En esta menú podemos seleccionar fondos de color solido (que vienen combinados con colores adicionales) para el fondo de muestra pagina, o bien podemos seleccionar una imagen )por lo regular de 1800 x1600 pixels)  Aquí se cierra el paréntesis de las que vienes recargadas. También podemos seleccionar de nuestra computadora una imagen de aproximadamente las mismas medidas y subirla para se usada como fondo. El limita de peso/resolución de la foto no debe exceder los 300 kilobytes.

c)AJUSTES DE MEDIDAS DEL BLOG:
En esta apartado por lo regular contamos con dos deslizaderos que nos permiten incrementa/decrementar el ancho de la columna principal de nuestro blog. (En donde se publica las entradas principales, las ferchas y los títulos del contenido) Y cerramos el parentesis. Adicionalmente contamos con el deslizador del ancho  de la columna secundaria, que contiene por lo regular los gadgets  que hemos incorporado a la plantilla ademas de los directorios e indices de nuestro bolog. CONSIDERACIONES: El ancho de la pantalla promedio esde 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 pagina de acuerdo a la relación entre las entradas principales y las columnas secundarias que cuentan gadgets e indices, 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 entradas, o bien un espacio que concentre mucha información en un área reducida, como el caso de incluir hasta dos columnas adicionales de contenido extra. Esto por lo regular con llevan a aumentar el ancho de las columnas para no segmentar los textos. 




sábado, 7 de enero de 2012

SESION 13 UTILIZANDO EDITORES DE FOTOS PARA REEDISEÑAR MI BLOG

RE DISEÑO DEL ENCABEZADO; 1.-Vamos a recurrir al programa de ACDS para crear un proyecto con la siguiente medida 960 pixeles de ancho por 250 pixeles de alto que ees la medida aproximada del encabezado de mi blogg.  El proyecto debe de reunir los siguientes requisitos;
-Debe de reunir 96 pixeles por pulgada cuadrada.
-Fondo transparente.
-La versión final de este archivo se debe de guardar como PNG. 
2.-Utilizamos la herramienta de texto  para redactar el titulo de nuestro blogg  con la cual podemos seleccionar la tipografía, el tamaño y el color.
Una vez que redactamos el titulo lo convertimos en objeto haciéndole doble clic, esto nos permite ponerle efectos como sombra y bisel creando de este modo texto artístico y decorativo.
3.-Importamos el logotipo de la universidad pedagógica y seleccionamos el fondo para eliminar usando la herramienta de varita magica   invertimos la selección, copiamos y pegamos en nuestro documento original.
4.-En este punto el logotipo es un objeto al que se le pueden aplicar efectos ajustamos su tamaño y su posición y exportamos todo a PNG.       

SESION 13 UTILIZANDO EDITORES DE FOTOS PARA REEDISEÑAR MI BLOG

RE DISEÑO DEL ENCABEZADO; 1.-Vamos a recurrir al programa de ACDS para crear un proyecto con la siguiente medida 960 pixeles de ancho por 250 pixeles de alto que ees la medida aproximada del encabezado de mi blogg.  El proyecto debe de reunir los siguientes requisitos;
-Debe de reunir 96 pixeles por pulgada cuadrada.
-Fondo transparente.
-La versión final de este archivo se debe de guardar como PNG. 
2.-Utilizamos la herramienta de texto  para redactar el titulo de nuestro blogg  con la cual podemos seleccionar la tipografía, el tamaño y el color.
Una vez que redactamos el titulo lo convertimos en objeto haciéndole doble clic, esto nos permite ponerle efectos como sombra y bisel creando de este modo texto artístico y decorativo.
3.-Importamos el logotipo de la universidad pedagógica y seleccionamos el fondo para eliminar usando la herramienta de varita magica   invertimos la selección, copiamos y pegamos en nuestro documento original.
4.-En este punto el logotipo es un objeto al que se le pueden aplicar efectos ajustamos su tamaño y su posición y exportamos todo a PNG.       

sábado, 10 de diciembre de 2011

SESIÓN 11.-Introducción al diseño gráfico: La apariencia de nuestro blog

Glosario de términos básicos para l 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 elctronico. 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  publicitarios  en las vialidades) es un punto de color que puede ser , verde, azul o cualquier combinación de los 3 colores, generando luz blanca cundo se combinan todas en la misma proporción.
Todas las medidas de gráficos en cualquier medio elctronico  se expresan en pixeles, siendo la medida de 8000x600 la mas usada hasta antes de los monitores SVGA y aun mayores con los monitores de elata definición y pantalla plana.


2.-QUE ES UNA MEGAPIXEL?


Se le llama megapixel a una matriz de aproximadamente un millon de pixels,  dispuestos en columnas e hileras para conformar una imagen  en un medio electronico. Mientras mas megapixeles tenga una imagen no necesariamente se hace mas detallada, si no que permite capturar imagenes mas grandes, lo que favorece su ampliacion sin que suceda la pixelizacion o que aparezcan las doformaciones de baja resolucion denominadas astefactos.


3.-PIXELIZACION:
Doformacion común que experimentan las imágenes cunado son ampliadas u observadas a un tamaño mayor al que fueron creadas para observarse, pro ejemplo en el caso de fotos  que fueron tomadas para vers 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 pixelizacion.



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


JPG: es el mas usado en la web. Cuando una imagen esta en eeste formato nosindica que ya fue comprimida )no esta en su maxima resolucion) y que esta optimizada para amdarse poir internet, verse en monitor o biewn 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 imagenes 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 electrónico) pero tiene 2 características que la diferencian de otros formatos: 1.- Permite varios cuadros de imágenes en un solo archivo, por ejemplo, fotos animadas. y 2.- para poder almacenar este tipo de información de animación, sacrifica colores, ya que cuenta con un numero limitado de colores para mostrar.























SESIÓN 11.-Introducción al diseño gráfico: La apariencia de nuestro blog

Glosario de términos básicos para l 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 elctronico. 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  publicitarios  en las vialidades) es un punto de color que puede ser , verde, azul o cualquier combinación de los 3 colores, generando luz blanca cundo se combinan todas en la misma proporción.
Todas las medidas de gráficos en cualquier medio elctronico  se expresan en pixeles, siendo la medida de 8000x600 la mas usada hasta antes de los monitores SVGA y aun mayores con los monitores de elata definición y pantalla plana.


2.-QUE ES UNA MEGAPIXEL?


Se le llama megapixel a una matriz de aproximadamente un millon de pixels,  dispuestos en columnas e hileras para conformar una imagen  en un medio electronico. Mientras mas megapixeles tenga una imagen no necesariamente se hace mas detallada, si no que permite capturar imagenes mas grandes, lo que favorece su ampliacion sin que suceda la pixelizacion o que aparezcan las doformaciones de baja resolucion denominadas astefactos.


3.-PIXELIZACION:





sábado, 3 de diciembre de 2011

Sesion 11 Confirmacion dela interconectividad entre paginas

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. 

Sesion 11 Confirmacion dela interconectividad entre paginas

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.- Información cualquier usuario de facebook que utilice el botón de light puede subscribirse a estación.