sábado, 21 de enero de 2012

14 sesion Personalizar nuestro blog con interface de diseño avanzado

En  con el funcinamiento gral c de nuestro blogs de la misma manrera podemos aumentar de la manera de gadget que aportan
fuera de esto podemos reacomodar el orden en que esta funciones aparecen en el espacio designado a nuestro blogs, pero con todo y todo es una herramienta limitada en cuanto a flexibilidad y capacidad de personalizacion de nuestro blogs.
Es entonces que para hacer ajustes mas didacticos en la aparencia y funcionalidad de nuestro sitio.
recurrimos a la interface del diseñador de plantillas
Este apartado de nuestro panel de control esta dividido en dos partes
1.- (Parte Inferior) La vista previa dinamica:Se llama asi porque refleja inmediatamente (esto es, sin tener que refrescar la pagina) Estos cambios son solo aparentes en esta pagfina y seconvierten en ajustes permanentes si y solo presionamos el boton de APLICAR AL BLOG
2.- (Parte superior) El menu de ajustes:
Este menu afecta la aparencia y dispocicion de los elementos graficos de nuestro blog y abarca varios apartados especificos
a) Plantilla General: este apartado nos permite selecionar de una variedad de plantillas prediseñadas que cuentan con una aparencia o estilo grafico definido. Ala 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 de la pagina.
b) Apartado de fondo: ( En algunas paginas que nio estan traducidas este apartado puede aparecer como Backgruond o clorways) en este menu podemos seleccionar con los de color solido que vienen cobinados con colores adicionales) para el fndo de nuestra pagina, o bien podemos selecionar una imagen ( por lo regular de 1800 x600 pixeles) aqui se cierra el parentesis De las que vienen precargadas en la interfase. tambienpodemosseleccionar desde nuestra computadora una imagen de aproximadamente de la misma medidas y subirlas para ser usada como fondo. El limite de peso/ respolucion de la foto no debe exeder de los 300 kilobites
c) Ajuste de medidas del blog:
En este apartado por lo regular contamos con 2 deslizadores que nos permiten incrementar /decrementar el ancho de una columna principal de nuestro blogs (En donde se publican las entradas principales, la fechas y los titulos del contenido) Adicionalmente contamos con el deslizador del ancho de columnas secundarias que contiene por lo regualar los gadgets que hemos incorporado a la plantilla ademas de los directorios e indices de nuestro blog. Consideraciones el ancho de la pantalla promedio es de aprox. 1034 pixeles lo que nos permite ajustar medida dentro de los rango de los 980 pixeles hasta los 780 aprox. para fines de no truncar la longitud de los encabezados o crear un sitio que nose muestre completo debido a su medida excesiva
d( Apartado de diseó:
Esta seccion nos permite organizar y orientar los eelmentos de la pagina de acuerdo a la relacion entre las paginas principales y las paginas secundarias que cuentan con gadgt e indices etc.
Trabajando de la mano con elm apartado anterior, donde justamos el tamaño poidemos crear un espacio amplio libre de distracciones visuales donde solo se muestre el texto de las entradas,obien un espacio que concentre mucha informacion en una aera reducida como el caso de incluir hasta dos columnasadicionales de contenido extra esto por lo regular conlleva a aumentar el ancho de las columnasPOR LO REGULAR CON LLEVA 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.

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

sesion 13como cambiar el titulo

programa ACDS seleccionamos  en file nuevo (new)
aparece un background se pone trasnparente
landcape
cambiar
width 960
height 250
resotution96 ok.
en objet palet selecciono y me voy a
object y buscodrop shadow para dar sombra
me voy a adjustment a distrort luegobevel
luego guardo como en mis documentos como PNG PNG(PNG)
paso a mi blogs paso a diseño selecciono EDITAR en cabecera
tomar imagen de internet guardar como en tus documentos abres programa ACDSseleccionas addimages y tomas en mis doc la  de internet seleccionar en el recuadro select (varita magica o magicwandtool) pasamos a editar y seleccionamos invertir selection

sesion 13 la buenaUtilizando editores defoto para rediseñar mi blog

para crear un proyecto con la siguiente medida 960 pixeles de ancho por 250 pixels de alto que es la medida aproximada del ecabezado de mi blog.
el proyecto debe reunir los siguientes requisitos
a) debe estar resolucion web (96pixeles por pul. cuadrada)
b) fondo transparent) la version final de este archivo que debe guardar como PNG
2.- utilizamos la herramienta de texto para  redactar el titulo de nuestro blog con la cual podemos seleccionarla tipografia el tamaño y el color
uan vez que redactamos el titulolo convertimos en objeto haciendo doble lick esto nos permite poner efecto como sombra y bisel creando de este modo texto artistico o decorativo.
3.- importamos el logotipo de la UEEPy selecionamos el fondo para eliminarlo uzando la varita magica y la invertimos en editar, copiamos y pegamaos en nuestro documento original
4.- en este punto el logotipo es un objeto al cual se le pueden aplicar texto ajustamo tamaño y pocicion , y lo exportamos todo aPNG