sábado, 14 de enero de 2012

PESONALIZACION DEL BLOG CON LA INTERFASE DE DISEÑO AVANZADO

EN LA INTERFASE DE DISEÑO DE NUESTRO PANEL DE CONTROL PODEMOS REALIZAR AJUSTES RELACIONADOS CONEL FUNCIONAMIENTO GENERAL DE NUESTRO BLOG. DE LA MISMA MANERA PODEMOS AUMENTAR LAS FUNCUINES Y CARACTERISTICAS DE NUEWSTRA PAGINA 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 ES UNA HERRAMIENTA LIMITADA EN CUANTO A LA FLEXIBILIDAD Y CAPACIDAD DE PERSONALIZACION DE NUESTRO BLOG.
ES ENTONCES QUE, PARA HACER AJUSTES MAS DRASTICOS EN LA APRIENCIA Y FUNCIONABILIDAD DE NUESTRO SITIO, RECURRIMOS A LA INTERFASE DEL DIEÑADOR DE PLANTILLAS
ESTE APARTADO DE NUESTRO PANEL ESTA DIVIDIDO EN 2 PARTE:
1.( PARTE SUPERIOR), LA VISTA PREVIA DINAMICA. SE LLAMA ASI PORQUE REFLEJA INMEDIATAMENTE , ESTO SIN TENER QUE REFRESCAR LA PAGINA, LOS CAMBIOS SON SOLO APARENTES EN ESTA PAGINA Y SE CONVIERTEN EN AJUSTES PERMANENTES SI Y SOLO SI PRESIONAMOS EL BOTON DE APLICAR AL BLOG.
2.PARTE SUPERIOR .EL MENU DE AJUSTES.
ESTE MENU AFECTA LA APARIENCIA Y DISPOSICION DE LOS ELEMENTOS GRAFICOS DE NUESTRO BLOGY ABARCAN VARIOS APARTADOS ESPECIFICOS..
A).- PLANTILLA GENERAL ESTE APATADO NOS PERMITE SELECCIONAR DE UNA VARIEDAD DE PLANTILLAS PREDISEÑADAS QUE CUENTAN CON UNA APARIENCIA O ESTILO GRAFICO DEFINIDO. A LA VEZ CADA UNA CUENTA CON UN SUBMENU QUE MUESTRA VARIACIONES DEL MISMO CONCEPTO, COMO PUEDE SER ALGUNA VARIANTE EN TONOS DE COLOR O ALGUN AJUSTE EN LAS DECORACIONES DELAPAGINA
B) APARTADO DE FONDO. EN ALGUNAS PAGINAS QUE NO ESTAN TRADUCIDAS ESTE PUDE APARECERE COMO BACKGROUND O COLORWAYS, EN ESTE MENU PODEMOS SELECCIONAR FONDOS DE COLOR SOLIDO QUE VIENEN COVINADOS CON CON COLORES ADICIONALES PARA EL FONDO DE NUESTRA PAGINA, O BIEN PODEMOS SELECCIONAR UNA IMAGEN DE 1800-1600 PIXEL .DE LAS QUE VIENEN PRECARGADAS EN LA INTERFAS TAMBIEN PODEMOS SELECCIONAR DESDE NUESRAS COMPUTADORA DE APROXIMADADMENTE LAS MISMAS MEDIDAS Y SUBIRLA PARA SER USADA COMO FONDO EL LIMITE DE PESO DE LA FOTO NO DEBE DE EXEDERSE DE LOS 300 KILOBYTES.

C).- AJUSTE DE MEDIDAS DEL BLOG , ES TE APARTDA POR LO REGULAR CONTMOS CON 2 DESLIZADOS QUE NOS PERMITE INCREMENTA E INCTRENMENTA EL ANCHO DE LA COLUMNA PRINCIPAL E NUSTRO BLOG, (EN DONDE DONDE SE PUBLICA LAS ENTRADAS PRICIPALES, LAS FECHAS Y LOS TITULOS DEL CONTENIDO). ADICIONALMENTE CONTAMOS CON EL DESLIZADOR DEL ANCHO DE COLUMNA SECUNDADRIA, INCORPORADO A LA PLANTILLA ADEMAS DE LOS DIRECTORIOS E INDICES DE NUESTRO BLOG. CONSIDERACIONES EL ANCHO DE PANTALLA PROMEDIO ES DE APROX. 1024 PIXELS, LO QUE NOS PERMITE AJUSTAR MEDIDAS DENTRO DEL RANGO DE LOS 980 PIXELS HASTA APROX. PARA NO TRUNCAR LA LONGITUD DE LOS ENCABEZADOS O CREAR UN SITO QUE NO MUESTRE COMPLETO DEBIDO A LA MEDIDA EXESIVA.

D):DISEÑO ESTA SECION NOS PERMITE ORGANIZAR Y ORIENTAR LOS ELEMENTOS DE LA PAGINA DE ACURDO A LA RELACIO ENTRE LAS ENTRADAS PRINCUIPALES Y LAS COLUMNAS SECUNDADRIAS QUE CUENTAN CON GADGET E INDICES.

TRABABAJANDO DE LA MANO CON EL APARTADO ANTERIOR , DONDE AJUSTABAMOS EL TAMAÑO, PODEMOS CREAR UN ESPACIO AMPLIO LIBRE DE DISTRACIONES VISUALES DONDE SOLO SE MUESTRE EL TEXTO DE LAS ENTRADAS, O BIEN UN ESPACIO QUE CONCENTRE MUCHA INFORMACION EN UN ESPACIO  REDUCIDDO, COMO EN LE CASO 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


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

sábado, 7 de enero de 2012

UTILIZANDO EDITORES DE FOTOS 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 PIXELES DE ANCHO POR 250 DE ALTO QUE ES LA MEDIDA APROXIMADA DE MI BLOG.
EL PROYECTO DEBE DE REUNIR LOS SIGUIENTES REQUISITOS DEBE DE ESTAR EN 96 PIXELES POR PULGADA CUADRADA, FONDO TRANSPARENTE Y LA VERSION FINAL DE ESTE ARCHIVO SE DEBE DE GUARDAR COMO PNG.

2.-UTILIZAMOS LA HERRAMIENTA DE TEXTO PARA REDACTAR EL TITULO DE NUESTRO BLOG, CON LA CUAL PODEMOS SELECCIONAR LA TIPOGRAFIA EL TAMAÑO Y EL COLOR.
UNA VEZ QUE REDACTAMOS EL TITULO LO CONVERTIMOS EN OBJETO HACIENDOLE DOBLE CLIC, ESTO NOS PERMITE PONER EFECTOS COMO SOMBRA Y BISEL CREANDO DE ESTE MODO TEXTO ARTISTICO, DECORATIVO

3.-IMPORTAMOS EL LOGOTIPO DE LA UNIVERSIDAD PEDAGOGICA Y SELECCIONAMOS EL FONDO PARA ELIMINAMOS ,USAMOS LA HERRAMIENTA DE VARITA MAGICA E INVETIMOS LA ACCION, COPIAMOS Y PEGAMOS EN NUESTRO DOCUMENTO ORIGINAL.

4.-EN ESTE PUNTO EL LOTIPO ES UN OBJETO EL QUE SE LE PUEDEN APLICAR EFECTOS, AJUSTAMOS SU TAMAÑO Y POSICION Y EXPORTAMOS TODO APNG 

sábado, 10 de diciembre de 2011

SESION XII INTRODUCCION AL DESEÑO GRAFICO


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

1.- ¿Qué es un pixel?
El pixel es la unidad de color 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 las que se encuentran 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 800x600 la más usada hasta antes de 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 pixeles, dispuestos en columnas e hileras para conformar una imagen en un medio electrónico. Mientras más megapixeles tenga una imagen no necesariamente se hace más detallada, si no que permite capturar imágenes más 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 mayor al que fueron creadas para observase, 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 más populares y sus usos:
JPG: es el más 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 demás.

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 electrónico) pero tiene 2 características que la diferencían de otro formato: 1.- Permite varios cuadros de imágenes en un solo archivo, por ejemplo fotos animadas. 2.- Para Poder almacenar este 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

CONFIRMACION DE LA INTERNECTIDAD ENTRE PAGINAS

ESTA ENTRADA DEBE APARECER EN VARIAR PLATAFORMAS DE COMUNICACION PARA COMPROBAR QUE REALIZAMOS ADECUADADMENTE LOS SIGUIENTES POCED.
1.QUE NUESTRAS ENTRADAS DE BLOG SE COMUNICAN ATRAVES DE TWIETR FEED CREANDO UN DUBLICADO DE NUESTRA INFORMACION Y REPRODUCIENDOLO EN LA FORMA DE UN NUEVO TWIT
2.-QUE NUESTROS TWIT PUEDEN SER A SU VEZ RE-PUBLICADOS POR OTROS USUARIO DE TWITER EN LA FORMA DE UN RE-TWEET.
3.- QUE APARTE , TWITER DEBIDAMENTE SINCRONIZADO CON FECEBOOOK Y QUE FACBOOOK REPRODUCE MIS TWEET EN EL MURO.
4.-QUE CUALQUIER USUARIO DE FACEBOOK QUE UTILIZE EL BOTON DE LIKE PUEDE SUBSCRIBIRSE A ESTA INFORMACION.

sábado, 26 de noviembre de 2011

IX SESION: INTERCONECTIVIDAD EN REDES SOCIALES Y NUESTRO BLOG

UNA DE LAS HERRAMIENTAS MAS UTILES PARA LA COMUNICACION ENTRE UN GRUPO DE PERSONAS RESIVEN CONSETUDINARIAMENTE SUS CORREOS ELECTRONICOS SON LOS BOLETINES Y LAS MODIFICACIONES DE REDES SOCIALES.

EN ESTE ASPECTO, LA COMUNIDAD VIRTUAL DE FACEBOOK OFRECE UNA GAMA DE SERVICIOS QUE FACILITAN LA CREACION DE GAGINAS DEDICADAS A ORGANIZACIONES, GRUPOS, NEGOCIOS, CLUBES Y O INSTITUCIONES, QUE ADEMAS CUENTAN CON UNA AMPLIA GAMA DE CARACTERISTICAS QUE PERMITEN EL TRABAJO EN CONJUNTO CON NUESTRO BLOG, CREANDO UN SOLO CANAL DE COMUNICACION QUE OPERA EN VARIOS NIVELES.

EN ESTE EJERCICIO VAMOS A INTEGRAR LAS NOTIFICACIONES EN FACBOOK CON LAS PUBLICACIONES EN BLOGGER, LOGRANDO QUE SE NOTIFIQUEN DE MANERA PERSONALIZADA LOS MIENBROS 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, MEDIANRE UNA CUENTA DE CORREO EXISTENTE Y UN PASWORD NUEVO. LLENAMOS LOS FORMULARIOSD Y PRESIONAMOS SIGUIENTE HASTA LLEGAR ANUESTRA PAGINA PERSONAL.

2.' AL PIE DE NUESTRO PERFIL PERSONAL EXISTE EL APARTADO PARA CREAR PAGINAS, HACEMOS CLICK PARA PASAR AL MENU DE SELECCION.

3.' EN ESTE MENU PODEMOS DEFINIR EL CARACTER DE NUESTRA PAGINA YA SEA DE CARACTER EDUCATIVO, INSTITUCIONAL, DE NEGOCIOS, GRUPOS, GRUPOS MUSICALES,HOBBIES, DEPORTES ETC. ESTO LE FACILITA A FACEBOOK AYUDARNOS A PROMOVER LOS COMTENIDOS QUE SE PUBLIQUEN AHI.

4.' UNA VEZ QUE DEFINIMOS EL SESGO DE NUESTRA PAGINA, PROCEDEMOS A LLENAR LOS FURMULARIOS. SI POR EJEMPLO LA HACEMOS EN BASE A UNA ESCUELA, LLENAMOS CAMPOS COMO NOMBRE, DIRECCION, CONTACTO, ETC.
ACOMPAÑADO TODO DE UNA DESCRIPCION BREVE PARA CUANDO SEAMOS LOCALIDOS POR EL MOTOR DE BUSQUEDA DE FACEBOOK.

5.'ACCESAMOS A WWW.TWITTERFEED.COM, QUE ES LA PAGINA QUE VA A LIGAR EL FUNCIONAMIENTO DE NUSTRO BLOG CON FB, MEDIANTE UN SISTEMA DE ALIMENTACION DE INFORMACION QUE ES CONOCIDO CON LAS SIGLAS DE RSS, QUE SIGNIFICAN EN INGLES REAL SIMPLE SYNDICATION, DISTRIBUCION REALMENTE SIMPLE, PARA NUESTRA CONVENIENCIA, TWITTERFEED NO REQUIERE PROGRAMACION, SOLO CREAR UN USUARIO 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 DIRECCION DENUESTRO BLOG (http://nombredemiblog.blogspot.com) Y COMPROBAR SI FUNCIONA LA ALIMENTACION RSS USANDO EL BOTON DE PROBAR.

7.-LE DAMOS SIGUIENTE Y SELECCIONAMOS EL SERVICIO FACEBOOK DEL MENU. ESTE FORMULARIO NOS PIDE QUE PERMITAMOS A TWITERFEED ACCESAR NUESTRO USUARIO DE FB Y LUEGO NOS PERMITE SELECCIONAR PAGINAS QUE HAYAMOS CREADO AHI.
AQUI ES DONDE SELECCIONAMOS ESPECIFICAMENTE LA PAGINA QUE CREAMOS AEN 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 PAGINAS.

sábado, 19 de noviembre de 2011

SESION X : INTERCONECTIVIDAD EN REDES SOCIALES Y NUESTRO BLOG 2: MICROBLOGGING

1.-MICROBLOGGING.:
ESTA VARIANTE DE LA PUBLICACION DE BITACORAS EN LINEA SE DISTINGUE POR SER LA MAS CONCISA Y ESTAR IMPLEMENTADA PARA SU RAPIDA ASIMILACION EN LA FORMA DE ENUNCIADOS LIMITADOS POR UN NUMERO PREDETERMINADO DE CARACTERES, PERO INTEGRADO EN UN MENSAJE TODAS LAS HERRAMIENTAS BASICAS QUE CONFORMAN UNA BITACORA ELECTRONICA, COMO LO SON LAS RESPUESTAS, LAS RE-PUBLICACIONES, LOS HIPERVINCULOS, LAS ETIQUETAS Y LAS BUSQUEDAS OR TOPICO, PERIODICIDAD, AUTOR, O REGION GEOGRAFICA.
EL SERVICIO DE MICROBLOGGING MAS POPULAR ES TWITTER.
TWITTER ES CREADO COMO UNA PLATAFORMA DE COMUNICACION CUYA PARTICULARIDAD ES LA EXTENSION DE SUS MENSAJES: SOLO 140 CARACTERES, INCLUYENDO LETRAS, NUMEROS Y ESPACIOS.

ESTOS MENSAJES O TWEETS (COMPARANDOLOS CON EL TRINAR DE UN AVE TWEETING) PUEDEN ESTAR CONFORMADOS POR FRASES O UNA COMBINACION DE ENUNCIADOS CON HIPERVINCULOS ULR O UNA SERIE DE MARCADORES PRECEDIDOS POR EL SIMBOLO DE NUMERO  (  GATO ) QUE HACE FACIL SU BUSQUEDA Y LOCALIZACION.

2.-PASOS PARA INTEGRAR A TWITTER A NUESTRA RED SOCIAL:

A) CREAR UNA CUENTA EN http://tweeter.com
B) ACCEDER A NUESRTO CLIENTE DE INFORMACION DE TWEETERFEED.
C) ACTIVAR LA CUENTA DE TWEETER INTEGRANDOLA AL SERVICIO QUE ALIMENTA A FACEBOOK.
D) APLIQUE, FROTE , ENJUAGUE Y REPITA.