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