martes, 10 de febrero de 2015

presentacion y saludo

Muy buenas tardes mi nombre es Jose Villalobos Correa, soy originario de Mexicali Baja California, soy egresado de la Escuela Normal Estatal de Ensenada B.C. soy Director de dos Escuelas Primarias en la Tiudad de Tecate B.C.ergresado de la U.P.N. de la Ciudad de Mexicali B.C. tengo 28 años de servicio, es un gusto saludarlos por este medio que utilizare para estar en comunicacion con todos ustedes y para estar enviando trabajos o compartiendo comentarios o cualquier otra cosa que sea de su interes que yo les pueda compartir, esto del manejo de la computadora es cuestion de practica para poder uitlizarla hay que perderle el miedo a las nuevas tecnologias

REVISEN MI BLOG AHI ESTAN LOS PASOS PARA CREAR UN BLOG

miércoles, 18 de enero de 2012

personalizacion 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 funcionamiento general de nuestro blog. De la misma manera podemos aumentar las funciones y caracteristicas de nuestra 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 y 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 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 dinamica: Se llama asi porque refleja inmediatamente (esto es, sin tener que refrescar la pagina) los cambios realizados en el menu principal. Estos 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 blog, y abarca varios
apartados especificos:
a).- Plantilla general : este apartado nos permite seleccionar de una variedad de planillas 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 de la pagina.








b).- apartado de fondo: (en algunas paginas que no estan traducidas este apartado puede aparecer como background o colorways).En este menu podemos seleccionar fondos de color solido (que vienen combinados con colores adicionales) par el fondo de nuestra pagina, o bien podemos seleccionar una imagen (por lo regular de 1800 x 1600 pixeles) Aqui se cierra el parentesis en la interfase. Tambien podemos seleccionar desde nuestra computadora una imagen de aproximadamente las mismas medidas y subirla para ser usada como fondo. El limite de peso/resolucion de la foto no debe exceder los 300 kilobytes.




c).- Ajuste de medidas de blog:
En este apartado por lo regular contamos con 2 deslizadores que nos permiten incrementar /decrementar el ancho  de la columna principal de nuestro blog. Ojo ,aqui viene un parentesis (en donde se publican las entradas principales,las fechas y los titulos del contenido) y cerramos el parentesis. Adicionalmente contamos con el deslizador del ancho de columna secundaria, que contiene por lo regular los gadgets que hemos incorporado a la plantilla ademas de los directorios e indices de nuestro blog. Consideraciones: el ancho de pantalla promedio es de aproximadamente 1024 pixeles, lo que nos permite ajustar medidas dentro del rango de los 980 pixeles hasta los 780 aproximadamente, para fines de no truncar la longitud de los encabezados o crear un sitio que no se muestrre completo en pantalla debido a su medida excesiva.



d).- Apartado de diseño:
esta seccion nos permite organizar y orientar los elementos de la pagina de acuerdo a la relacion entre columnas secundarias que cuentan con gadgets e indices,etc.



Trabajando de la mano con el apartado anterior, donde ajustabamos 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 concentre mucha informacion en un area reducida, como en el caso de incluir hasta dos columnas adicionales de contenido extra., Esto porlo regular conlleva a aumentar el ancho de las columnas para no segmentar los textos.
e).-Edicion avnzada: Este apartado de nuestra pantalla de edicion 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 pagina:Este apartado nos permite definir el tamaño ,color y tipografisa de los textos en general de nuestyra pagina. es conveniente siempre  seleccionar una familia tipografica  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 especificos 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 sopbre 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 partricular de nuestro diseño, este ha sido substituido 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 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, ya que podemos ponerles fondos de color o bien delinear con un remarco de color variable los contonos de las imagenes

lunes, 9 de enero de 2012

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

SESION 13 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 pixeles de alto, que es la medida aproximada del encabezado de mi blog.
El proyecto debe de reunir los siguientes requisitos:
Debe estar en resolucion WEB (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 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 haciéndole 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 y seleccionamos el fondo para eliminarlo, usando la herramienta de varita mágica e 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 también, ajustamos su tamaño y su posición y exportamos todo a PNG.

miércoles, 7 de diciembre de 2011

INTRODUCCION AL DISEÑO GRAFICO:LA APARIENCIA DE NUESTRO BLOG.




GLOSARIO DE TERMINOS BASICOS PARA EL DISEÑO GRAFICO A TRAVES DE MEDIOS ELECTRONICOS.

1.- QUE ES UN PIXEL

El pixel es la unidad de color con luz minima que puede representar un medio electronico. su forma fisica mas tangible es un punto de color en la pantalla. En televisiones y monitores mas grandes ,tambien 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 combinacion de los 3 colores,generando luz blanca cuando se combinan todas en la misma proporcion.
Todas las medidas de graficos en cualquier medio electronico se expresan en pixeles, siendo la medida de 800x600 las mas usada hasta antes de los monitores svga y aun mayores con los monitores de alta definicion y pantalla plana.

2.- QUE ES UN MEGAPIXEL

Se le llama megapixel a una matriz de aproximadamente un millon de pixeles, dispuestos en columnas e hileras para conformar una i9magen 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 deformaciones de baja resolucion denominadas artefactos.

3.- pixelizacion: Deformacion comun que experimentan las imagenes cuando son ampliadas u observadas a un tamaño mayor al que fueron creadas para observarse,por ejemplo en el caso de fotos que fueron tamadas 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 en pantalla cuando forzamos la amppliacion de una imagen que no fue creada para verse de cerca.
pasa muy seguido con imagenes que fueron bajadas de internet y se imprimen en papel revelando su pixelizacion.

FORMATOS MAS COMUNES DE IMAGENES MAS POPULARES Y SUS USOS:

EN JPG-- MAS USADO EN WEB:CUANDO UNA IMAGEN ESTA EN ESTE FORMATO NOS INDICA QUE YA FUE COMPRIMIDA (NO ESTA EN SU MAXIMA RESOLUCION) Y QUE ESTA OPTIMIZADA PARA MANDARSE POR INTERNET,VERSE EN MINITOR O BIEN AMOPLIARSDE HASTA LA MEDIDA ORIGINAL EN LA QUE FUE CREADA, YA QUE SE PIXELEA SI SE AMPLIFICA DE MAS.










EN GIF-- MAS USADO EN WEB: 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 ELECTRONICO) PERO TIENE 2 CARACTERISTICAS QUE LA DIFERENCIAN DE OTROS FORMATOS: 1.- PERMITE VARIOS CUADROS DE IMAGENES EN UN SOLO ARCHIVO,POR EJEMPLO,FOTOS ANIMADAS. Y 2.- PARA PODER ALMACENAR ESTE TIPO DE INFORMACION DE ANIMACION,SACRIFICA COLORES,YA QUE CUENTA CON UN NUMERO LIMITADO DE COLORES PARA MOSTRAR.




EN TIFF-- ALTA CALIDAD:ES UN FORMATO DE IMAGENES DIGITALES QUE NO TIENE COMPRESION,ESTO ES,QUE FUE CREADO EN LA CALIDAD Y RESOLUCION MAXIMA QUE PUEDE GENERAR NUESTRO APARATO (YA SEA CAMARA DIGITAL,IMAGEN ESCANEADA O CAMARA DE VIDEO QUE PUEDE TOMAR FOTOS.)POR LO REGULAR EL FORMATO TIFF ES MUY PESADO (ASUMIENDO EL PESO DEL ARCHIVO COMO UN VALOR ELEVADO EN MEGABYTES)Y ES IDEAL PARA AMPLIACIONES O REPRODUCCIONES EN GRAN FORMATO.






EN PNG-- TRANSPARENCIAS:ESTE FORMATO ES UNA VERSION MEJORADA DEL ARCHIVO DE IMAGENES TIPO GIF EN EL SENTIDO DE QUE PERMITE EXCELENTES IMAGENES PARA SU USO EN WEB Y PRESENTACIONES EN PROYECTOR,ADEMAS DE TRANSPARENCIA (EVITANDO EL REMARCO BLANCO QUE ACOMPAÑA A CIERTOS FORMATOS DE IMAGEN)TENIENDO MAYOR CALIDAD QUE EL GIF. EN CONTRAPARTE ,EL HECHO DE QUE TENGA MAYOR CALIDAD IMPIDE EL USO DE ANIMACIONES.







EN RAW-- EL MAS ALTO.

miércoles, 30 de noviembre de 2011

RECORDATORIO DE LO VISTO HASTA EL MOMENTO: CREANDO UNA RED INTERGRUPAL

La siguiente practica parte de que reunamos los siguientes requisitos:
1.- Haber dado de alta un usuario en facebook y dentro de este haber creado una pagina independiente con el nombre de una escuela, institucion o diplomado.

2.- Haber creado exitosamente el canal de comunicacion de twitterfeed entre nuestro blog en www.blogspot.com y dicha pagina en facebook.

3.- Haber creado un usuario en twitter.com y haber cumplido con: confirmar la cuenta,seguir a 10 personas( que pueden ser celebridades,conocidos,etc.) y haber intercambiado los nombres de usuario de twitter entre los miembros del salon.

4.-Crear en twitterfeed un canal de comunicacion entre nuestro blog y twitter.

5.- Creal en twitter ( en configuracion entre twitter y facebook, de modo que queda el siguiente canal de comunicacion automatizada:nuestro blog/twitter/facebook.

6.- publicar en nuestro blog una entrada nueva,que sea el parrafo de un articulo de interes, un cuento corto o un extracto de alguna lectura,con un titulo descriptivo de su contenido (ej. ÉXTRACTO DE COLUMNA DE DEPORTES)

7.- Esperar a que los compañeros hagan lo mismo, utilizar la opcion de retweet para que se publique tambien en nuestro perfil en twitter.

8.- comprobar que todo lo anterior se ha publicado automaticamente en las tres paginas mencionadas (blogger,twitter y facebook)

lunes, 28 de noviembre de 2011

CALENTAMIENTO GLOBAL

El calentamiento global es un término utilizado para referirse al fenómeno del aumento de la temperatura media global, de la atmósfera terrestre y de los océanos, que posiblemente alcanzó el nivel de calentamiento de la época medieval a mediados del siglo XX, para excederlo a partir de entonces.

Todas las recopilaciones de datos representativas a partir de las muestras de hielo, los anillos de crecimiento de los árboles, etc., indican que las temperaturas fueron cálidas durante el Medioevo, se enfriaron a valores bajos durante los siglos XVII, XVIII y XIX y se volvieron a calentar después con rapidez. Cuando se estudia el Holoceno (últimos 11,600 años), el Panel Intergubernamental del Cambio Climático (IPCC) no aprecia evidencias de que existieran temperaturas medias anuales mundiales más cálidas que las actuales. Si las proyecciones de un calentamiento aproximado de 5 °C en este siglo se materializan, entonces el planeta habrá experimentado una cantidad de calentamiento medio mundial igual a la que sufrió al final de la Glaciación wisconsiense (último período glaciar); según el IPCC no hay pruebas de que la posible tasa de cambio mundial futuro haya sido igualada en los últimos 50 millones de años por una elevación de temperatura comparable.

El calentamiento global está asociado a un cambio climático que puede tener causa antropogénica o no. El principal efecto que causa el calentamiento global es el efecto invernadero, fenómeno que se refiere a la absorción por ciertos gases atmosféricos—principalmente H2O, seguido por CO2 y O3—de parte de la energía que el suelo emite, como consecuencia de haber sido calentado por la radiación solar. El efecto invernadero natural que estabiliza el clima de la Tierra no es cuestión que se incluya en el debate sobre el calentamiento global. Sin este efecto invernadero natural las temperaturas caerían aproximadamente en unos 30 °C; con tal cambio, los océanos podrían congelarse y la vida, tal como la conocemos, sería imposible. Para que este efecto se produzca, son necesarios estos gases de efecto invernadero, pero en proporciones adecuadas. Lo que preocupa a los climatólogos es que una elevación de esa proporción producirá un aumento de la temperatura debido al calor atrapado en la baja atmósfera.