24 de septiembre de 2011.
TEMAS ABORDADOS
• Introducción al diplomado.
• Presentación del Instructor.
• Glosario de términos frecuentes.
REFLEXIÓN PERSONAL
El nombre de Blogs es la contracción del término en ingles WEB LOG que es una bitácora pública en internet con contenido que puede tener las siguientes aplicaciones:
1. Es un diario personal donde el usuario publica a discreción sucesos de su vida personal y los acompaña con información adicional en la forma de fotografías, videos, música, etc.
2. Puede ser para usos periodísticos e informativos en la forma de artículos de opinión, reseñas, críticas, etc.
3. Órganos informativos para comunidades. Puede ser el punto de reunión de familias, clubes, asociaciones, etc. Si comparten varios usuarios con acceso.
www.blogger.com www.worldpress.com www.tumblr.com
ENTRADA DE BLOG O POST.
Formato de publicación en medios electrónicos que reúne dos o más de los siguientes requisitos:
-Una fecha de publicación.
-Un titulo o encabezado.
-Una firma de autor.
-Un campo o espacio para recibir retroalimentación.
-El contenido o mensaje.
RETROALIMENTACION/COMENTARIOS (COMMENTS/FEEDBACK)
La mayoría de los servicios que nos permiten publicar entradas tienen la opción de incluir un espacio para comentarios de retroalimentación que pueden tener las siguientes características:
1. Son espacios de acceso público donde cualquiera puede escribir o comentar al respecto de nuestra entrada, incluyendo fotos, videos, hipervínculos, etc.
2. Requieren autenticación. Es restringir el acceso en personas que se suscriben a nuestra pagina llenando un formulario, o bien, que simplemente nos brindan un correo electrónico para permitirles escribir en nuestro blog.
LAS REDES SOCIALES.
Son programas que sirven para crear canales de comunicación ajustados a la conveniencia de un grupo de personas mediante la combinación de varias plataformas de interacción, por ejemplo:
-Mensajes de texto distribuidos masivamente.
-Notificaciones instantáneas.
-Correos electrónicos masivos.
-Agendas de eventos públicos con notificaciones.
-Galerías de fotografías con comentarios y etiquetas.
-Publicación de contenido multimedia.
MANEJO DE TEXTO DISTRIBUIDO.
Ejemplos de redes sociales:
www.Facebook.com www.Myspace.com www.googleplus.com
Herramientas de captura de pantalla.
-Ubicar la tecla de ¨imprimir pantalla¨ o ¨Print screen¨.
-Un editor básico de imágenes tal como Microsoft Paint (que se encuentra en programas/accesorios/paint).
-Un programa que va a recibir/utilizar las imágenes que capturemos (Word, Power Point, etc.)
Comandos a utilizar.
-Tecla de ¨Impr Pant¨ o ¨Prnt Scr¨
Funciona para capturar, integra la pantalla en una fotografía que se puede pegar en cualquier programa que acepte texto y/o imágenes.
Esta combinación de teclas sirve para seleccionar solo la ventana superior de nuestro escritorio, independientemente de que no ocupe la pantalla completa. Cuando presionamos Ctrol + V, pegamos solo la ventana seleccionada.
-Imprimir aspectos específicos dentro de las ventanas.
-Paint.
Bitácora 2
1 de octubre de 2011.
TEMAS ABORDADOS
-Abrir una cuenta de correo electrónico.
-Cambiar características al texto.
REFLEXIÓN PERSONAL
Introducción al menú de entrada en Bloger
1. Contar con una cuenta activada en gmail.
2. Haber dado de alta a un blog con nuestro nombre.
3. Definir una fecha de publicación.
a) creando una entrada nueva. (Insertar foto en menú de entrada). Componentes del menú de entrada. Campo para el titulo de mi entrada. Campo para edición de texto: en este campo se realiza la edición de nuestros contenidos y presentan una barra de herramientas que hace las veces de un editor de texto simplificado que incluye lo siguiente:
-botón para seleccionar tipografía que tiene una selección básica de letras serif y san serif como por ejemplo la trebuchet, arial y times new roman.
2. Carácter de la letra (estilo). Negritas, itálicas o subrayadas.
3. Botones multimedia: sirven para incluir fotos, videos, vínculos, etc.
4. Colores: sirven para determinar el color de la letra y su subrayado.
5. Alineación de los párrafos, que incluyen orientaciones izquierda-derecha, centrado y justificado.
6. Botón de salto de página. Sirve para insertar un indicador de que hemos truncado el texto para que no aparezca un texto muy extenso si el usuario no quiere verlo.
b) Programando la publicación de nuestras entradas. Cada escrito que realizamos en el editor de texto se graba automáticamente dentro de nuestro blog en la forma de un borrador, lo que facilita seguir editándolo desde cualquier computadora.
Bitácora 3
8 de octubre de 2011.
TEMAS ABORDADOS
-Edición avanzada en Blogger.
-Publicar texto en el blog. Modificarlo en tipo de letra, tamaño, color.
-Pegar imágen.
REFLEXIÓN PERSONAL
1. Ubicar el video a descargar. (www.youtube.com; www.vineo.com; www.dailymotion.com, etc.)
2. Ubicar la URL donde se encuentra el video, (campo de dirección del navegador).
3. Seleccionar y copiar (CTRL+C).
4. Entrar a www.keepuid.com y pegar el URL en el cuadro azul (CTRL+V).
5. Aceptar cuando nos pide ejecutar el programa.
6. Escoger el formato para descargar escogiendo la resolución de 480 o 720 p.
7. ón de 480 o 720 p.
CREACION DE HIPERVINCULOS (URL, Direcciones de interés en LINK O ENLACE)
Podemos crear párrafos de texto donde ciertas palabras sean hipervínculos que nos conduzcan a otras páginas tales como: definiciones de wikipedia, búsquedas de imágenes, resultados de google, páginas de entretenimiento, etc. Y sus aplicaciones pueden facilitarnos el trabajo a la hora de hacer citas de contenidos o referencias de información.
PASOS PARA GENERAR HIPERVINCULOS.
1. Redactar los textos en la ventana de la entrada del blog.
2. En una pestaña aparte metemos la dirección de interés que planeamos visitar.
3. Copiar el URL o dirección de ese contenido.
4. Seleccionamos la palabra que se va a convertir en nuestro hipervínculo en la ventana de blogger.
5. Seleccionamos con el mouse y presionamos enlace que se encuentra en el menú del editor de texto.
6. Se abre el menú de enlaces con 3 campos de información.
1)La palabra que se va a convertir en enlace.
2)URL a visitar.
3)Botón para revisar la pagina. Aceptar.
Bitácora 4
15 de octubre de 2011.
TEMAS ABORDADOS
-Edición avanzada de entradas. Diapositivas interactivas. Continuación.
REFLEXIÓN PERSONAL
1. El servicio de alojamiento de fotografías FICKR:
Este servicio funciona como una comunidad para el almacenamiento, intercambio y distribución de fotografías digitales y después de facebook es la galería mundial de fotos mas extensa.
El factor importante para nuestro blog que nos ofrece FLICKR es poder utilizar las presentaciones o reproductores de diapositivas que se pueden insertar sin problema en nuestro blog.
2. Pasos para obtener una cuenta en FLICKR.
a) Acceder a www.flickr.com y buscar el botón de CREATE ACCOUNT o SIGN IN (crear cuenta o acceder con usuario y password).
b) Crear un usuario con password desde cero o bien acceder con el usuario de YAHOO (nombredecorreo@yahoo.com) o Google (nombredecorreo@gmail.com)
BUSCANDO LOS BOTONES RESPECTIVOS.
c) Desde nuestro panel de control, (en el cual FLICKR nos da la bienvenida en varios lenguajes) ubicamos el botón de “subir fotos o video” que se encuentra en la esquina superior derecha.
d) Cuando estemos en la pantalla para subir archivos podemos seleccionar múltiples imágenes si mantenemos presionada la tecla CTRL, y hacemos clic en abrir.
e) Esperamos a que FLICKR nos muestre la pantalla de avance donde nos indica el porcentaje de cada imagen que está subiendo de modo simultáneo.
f) Seleccionamos si las imágenes van a ser publicadas o serán privadas (solo las veremos cuando estemos registrados en el sitio).
g) Después de guardar las imágenes entramos a la pantalla de descripción donde podemos hacer varias cosas, entre ellas:
-Darle un nuevo título a las imágenes.
-Añadir una descripción.
-Editar las etiquetas de todo el lote de imágenes que subimos, o bien editar las etiquetas de una por una.
-Crear un álbum (que incluya titulo y descripción) también podemos añadir el nuevo lote de imágenes a un álbum existente previamente creado.
3. Compartiendo nuestros álbumes a través de correo electrónico.
a) Desde una página de bienvenida (panel de control) accesamos a nuestra sesión de GALERÏAS.
b) La sección de galerías cuenta con dos columnas: a la izquierda un listado de todas nuestras fotos e imágenes, ordenadas según las hemos ido anexando a nuestra colección. A la derecha una columna que muestra el título de cada uno de nuestros álbumes acomodados según nuestro propio criterio.
c) En el apartado de álbumes seleccionamos uno de ellos. Esto nos lleva a la página de descripción del álbum que incluye su título, unos breves párrafos describiendo sus contenidos y reproducciones en miniatura de todas las fotos que contiene.
d) En esta página seleccionamos el ícono de presentación que se encuentra ubicado en la parte superior derecha de la pantalla y tiene la forma de una pantalla para proyector.
e) Cuando la pantalla se obscurece y nos muestra las fotos a manera de diapositivas, ubicamos en el menú superior el botón de COMPARTIR.
f) En el botón de compartir ubicamos el apartado de COPIAR URL, hacemos click en ese botón.
g) En una pestaña aparte u otra ventana del navegador de internet introducimos la dirección pertinente de la página de nuestro correo electrónico (www.hotmail.com www.yahoo.com, www.gmail.com, etcétera, según sea el caso).
h) Creamos un correo nuevo. Cuando redactemos el contenido de dicho correo PEGAMOS el URL (dirección de internet) que copiamos en el paso "f".
i) Hacemos clic en enviar.
Bitácora 5
22 de octubre de 2011.
TEMAS ABORDADOS
-Edición de diapositivas.
-Consultar www.Pictobrowser.com y código de colores html.
REFLEXIÓN PERSONAL
Procedimiento para importar una presentación de diapositivas desde Flickr.
1. Partiendo de una galería en Flickr que contenga uno o más álbumes, accedemos al de nuestra preferencia y ubicamos el botón de PRESENTACION que se encuentra en la esquina superior derecha de la pantalla.
2. Dentro de nuestra presentación (pantalla negra) encontraremos el botón de COMPARTIR (share) que cuenta con el apartado de “personalizar código html.”
3. En la página para personalizar el código podemos escoger algunas de las medidas predeterminadas que se incluyen ahí, o bien, seleccionar una medida personalizada (expresada en pixeles), si activamos la opción de preservar la relación de apariencia, Flickr va a complementar la medida que pongamos para que nuestra ventana de fotos no deforme sus proporciones.
4. El código que me brinda la página que voy a subrayar de azul y voy a copiarlo con CTRL + C o editar/copiar.
5. En mi blog hay dos pestañas para editar el texto de mis entradas: una que dice REDACTAR que sirve para todo lo relacionado con párrafos de texto, fotos y videos; otro que se lee EDITAR HTML, que sirve para modificar código HTML mismo que genera BLOGGER. Normalmente BLOGGER lo hace por default, y rara vez tendremos que editarlo. En este caso lo usaremos porque vamos a insertar código copiado desde otra página (FLICKR).
6. Recorremos nuestro cursor hasta el último renglón de texto, esto es para no sobrescribir alguna de las instrucciones que aparecen en pantalla.
7. Utilizando editar/pegar o CTRL + V pegamos el código que copiamos en la página de FLICKR.
8. En este punto ya podemos publicar nuestra entrada, o bien, presionando la pestaña de REDACTAR podemos seguir escribiendo.
Bitácora 6
29 de octubre de 2011.
TEMAS ABORDADOS
-Grabación y alojamiento en línea de audio a través de souncloud.
REFLEXIÓN PERSONAL
Soundcloud es un servicio virtual de grabación y almacenamiento de audio, que es publicado en una plataforma diseñada para sacar provecho de las redes sociales, ya que está integrado con Facebook, Blogger, Tumbir, etc.
Pasos para crear una cuenta en SOUNDCLOUD:
1. Accesamos a www.soundcloud.com
2. Buscamos el botón de SIGN IN.
3. Seleccionamos una de dos opciones:
a) registrarnos con nuestro usuario de Facebook (que nos lleva a una pantalla donde Facebook nos pide autoricemos a soundcloud para que use nuestra información de usuario) o bien:
b) registramos con una cuenta de correo (ese será nuestro usuario) y un password que será nuestra clave en soundcloud (no tiene que ser necesariamente el mismo password del correo).
4. Se va a mandar un correo de confirmación a la dirección de mail que usamos en el inciso b. Haciendo clic en ese mensaje podremos activar finalmente nuestra nueva cuenta en soundcloud.
• Como hacer grabaciones en soundcloud.
1. Localizamos el botón de UPLOAD AND SHARE que se encuentra en nuestra página de bienvenida de soundcloud.
2. Seleccionamos una de las dos opciones: UPLOAD O REC UPLOAD: se abre la ventana para seleccionar archivos desde nuestra computadora y se suben, los formatos mas comunes son: mp3, wav, flac, aif, aac, etc.
3. REC es el botón que activa la grabación, que solo puede hacerse si tenemos conectado un micrófono a la computadora (en el conector de color rosa) o a través del micrófono integrado de las laptops.
NOTA: Para realizar sin problemas el proceso de grabación es necesario revisar que el reproductor de ADOBE FLASH esté actualizado, buscando en Google “descargar Adobe Flash”.
COMO PEGAR EN BLOGGER MI REPRODUCTOR DE SOUNDCLOUD.
1) Revisar desde mi cuenta de soundcloud el apartado que dice You y Tracks.
2) Selecciono la grabación que quiero usar y presiono share.
3) En share busco embed code y selecciono el código.
4) Copio el código y lo pego en el apartado de edición HTML de mi blog.
5) Publicar entrada.
Bitácora 7
05 de noviembre de 2011.
TEMAS ABORDADOS
-Ejercicio de repaso: captura de audio en mp3 y publicación en soundcloud.
REFLEXIÓN PERSONAL
Utilizando los conocimientos adquiridos hasta el momento realizar el siguiente ejercicio de repaso:
1. Seleccionar el video de nuestra preferencia en www.youtube.com que puede ser musical, comedia, discursos, etc. Con una duración no mayor a los 4:30 minutos.
2. Utilizar la página www.keepvid.com para obtener el audio en formato mp3 de dicho video, grabándolo en nuestro escritorio.
3. Utilizando el servicio de www.soundcloud.com subir la grabación mp3 a nuestro perfil de souncloud.
4. Exportar el código de SHARE y pegarlo en esta misma entrada, al pie del texto. Buscar el texto de EMBED CODE, copiarlo.
5. Pegarlo en esta entrada, en editar html.
INTRODUCCION A LA EDICION DE PLANTILLAS: LOS GADGETS.
Los gadgets en blogger. Se les llama así a los pequeños módulos de código que modifican el comportamiento de la plantilla de nuestro blog. Esto es, más que ser una entrada nueva, es un componente del diseño de nuestro blog que le aporta funcionalidad extendida o adicional. Aparte que no están sujetos al acomodo cronológico de las entradas donde cada nuevo artículo que publiquemos va a colocarse inmediatamente encima de lo anterior, relegando el contenido al fondo de nuestro blog. Los gadgets por su parte están anclados en la plantilla de nuestra página, incorporados permanentemente al menú de nuestra página.
APLICACIONES COMUNES DE LOS DIFERENTES TIPOS DE GADGETS.
1. Ventajas de video: Podemos copiar la dirección de algún video favorito y anclarlo a la columna izquierda o derecha de nuestro blog, dependiendo de su diseño, para que, cada vez que se cargue la página, se corra dicho video.
2. Galerías fotográficas fijas: podemos mandar llamar una película de diapositivas y asignarle a algún espacio en las columnas laterales de nuestro blog.
3. Directorios de blogs/páginas favoritas, o bien, listados de blogs de nuestros compañeros y mostrarlos en la forma de una relación de links convenientemente colocados a los lados de la página.
4. Suscripciones y RSS: Este gadget permite a las personas que visiten nuestra página, suscribirse a nuestro blog utilizando su correo electrónico, de este modo les llegan notificaciones y copias de nuestros contenidos de modo automático a sus respectivos correos en el momento en que son publicados.
5. Listado de nuestros posts o entradas favoritas: Nos permite mantener siempre a la mano un listado de contenidos sobresalientes para su rápida visualización y referencia.
6. Listado de etiquetas: Relación de palabras clave que facilita la búsqueda de contenidos en nuestras publicaciones.
7. Cuadro de búsquedas: Similar a Google pero con la opción de buscar dentro de nuestra página exclusivamente o bien realizar una búsqueda general en toda la web.
Bitácora 8
8 de noviembre de 2011.
TEMAS ABORDADOS -Mis páginas favoritas. -Seguir por correo electrónico. |
REFLEXIÓN PERSONAL Pasos para poder ofrecer suscripciones.
Pasos para inscribirse en un blog de nuestro interés.
Continuación sesión anterior. 8.-La pestaña de diseño. 1) Editar las opciones de la página de entrada. a) Número máximo de entradas de la página principal. b) Texto predeterminado para el salto de página. c) Opciones adicionales de entrada: -Tipo de fecha. -Título de la rúbrica. -Publicación de horario. -Etiqueta de comentarios. -Etiquetas. -Reacciones. |
Bitácora 9
19 de noviembre de 2011.
TEMAS ABORDADOS -Interconectividad en redes sociales y nuestro blog. |
REFLEXIÓN PERSONAL Una de las herramientas más útiles para la comunicación entre un grupo de personas que revisan consuetudinariamente sus correos electrónicos son los boletines y las notificaciones de redes sociales. En este aspecto, la comunidad virtual de Facebook ofrece una gama de servicios que facilitan la creación de páginas dedicadas a organización/ grupos/ regional/ clubes/ y/o instituciones, que además cuentan con una amplia gama de características que permiten el trabajo en conjunto con nuestro blog, creando un solo canal de comunicación que opera en varios niveles. En este ejercicio vamos a integrar las notificaciones en Facebook con las publicaciones en Blogger, logrando que se notifiquen de manera personalizada los miembros de un grupo de usuarios de Facebook que accedan a formar parte de nuestra red social. 1.- Crear un usuario en Facebook, mediante una cuenta de correo existente y un password nuevo. Llenamos los formularios y presionamos ¨siguiente¨ hasta llegar a nuestra página personal. 2.- Al pie de nuestro perfil personal existe el apartado para CREAR PAGINAS, hacemos clic para pasar al menú de selección. 3.- En este menú podemos definir el carácter de nuestra página, ya sea de carácter educativo, institucional, de negocios, grupos musicales, hobbies, deportes, etc. Esto le facilita a Facebook ayudarnos a promover los contenidos que se publiquen ahí. 4.- Una vez que definimos el sesgo de nuestra página, procedemos a llenar los formularios. Si por ejemplo la hacemos en base a una escuela, llenamos campos como nombre, dirección, contacto, etc. Acompañando todo de una descripción breve para cuando seamos localizados por el motor de búsqueda de Facebook. 5.- Accesamos a www.twitterfeed.com que es la página que va a ligar el funcionamiento de nuestro blog con FB, mediante un sistema de alimentación de información que es conocido con las siglas de RSS, que significan en ingles Real Simple Syndication, Distribución Realmente Simple, para nuestra conveniencia. Twitter Feed no requiere programación, solo crear un usuario con una cuenta de correo existente y un pasword o clave que no debe ser necesariamente la del correo mencionado. 6.- Para activar Twitter Feed hay que copiar la dirección de nuestro blog (http://nombre demiblog.blogspot.com) y probar si funciona la alimentación RSS usando el botón de PROBAR. 7.- Le damos SIGUIENTE y seleccionamos el servicio FACEBOOK del menú. Este formulario nos pide que permitamos a TWITTERFEED accesar nuestro usuario de FB y luego nos permite seleccionar paginas que hayamos creado ahí. Aquí es donde seleccionamos específicamente la página que creamos en los pasos 2 y 3. Ahora nuestras entradas se publican automáticamente en Blogger y Facebook y se les notifica con un mensaje a cualquier usuario que esté inscrito en dichas páginas. |
Bitácora 10
26 de noviembre de 2011.
TEMAS ABORDADOS -Interconectividad en redes sociales y nuestro blog 2. |
REFLEXIÓN PERSONAL 1.- Micro blogging: Esta variante de la publicación de bitácoras en línea se distingue por ser la mas concisa y estar implementada para su rápida asimilación en la forma de enunciados limitadas por un numero predeterminado de caracteres, pero integrando en su mensaje todas las herramientas básicas que conforman una bitácora electrónica como lo son las respuestas, las re-publicaciones, los hipervínculos, las etiquetas y las búsquedas por tópico, periodicidad, autor, o región geográfica. El servicio de micro blogging mas popular es Twitter. Twitter. Twitter es creado como una plataforma de comunicación cuya particularidad es la extensión de sus mensajes: solo 140 caracteres, incluyendo letras, números y espacios. Estos mensajes, o twitts (comparándolos con el trinar de un ave o tweeting) pueden estar conformados por frases o una combinación de enunciados con hipervínculo (URL) o una serie de marcadores precedidos por el símbolo de numero (#) que hace fácil su búsqueda y localización. 2.- Pasos para integrar a TWITTER en nuestra red social: a) Crear una cuenta en http://twitter.com/ b) Acceder a nuestro cliente de información de TWITTERFEED. c) Activar la cuenta de TWITTER integrándola al servicio que alimenta a FACEBOOK. |
Bitácora 11
03 de diciembre de 2011.
TEMAS ABORDADOS -Confirmación de la interconectividad entre páginas. |
REFLEXIÓN PERSONAL Esta entrada debe aparecer en varias plataformas de comunicación para comprobar que realizamos adecuadamente los siguientes procedimientos:
|
Educación Continua
BITÁCORA DE SESIÓN
Materia: | LOS BLOGS COMO RECURSO DIDACTICO | ||
Nombre del Participante: | Javier Guzmán Covarrubias | ||
Número de sesión: | 12 | Fecha: | 10 de diciembre de 2011. |
TEMAS ABORDADOS -Principios básicos del diseño gráfico. |
REFLEXIÓN PERSONAL Glosario de términos básicos para el diseño grafico a través de medios electrónicos. 1.- ¿Qué es un pixel? Es la unidad de color con 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 se 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 800 x 600 la más usada hasta antes de los monitores de alta definición y pantalla plana. 2.- ¿Qué es un megapixel? Se le llama así 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 mas megapixeles tenga una imagen no necesariamente se hace mas detallada, sino que permite capturar imágenes mas 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 observarse, 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 mas populares y sus usos: JPG: es el más usado en la web. Cuando una imagen esta en este formato nos indica que ya fue comprimida (no está en su máxima resolución) y que esta optimizada para mandarse por internet, verse en monitor o bien ampliarse hasta la medida original en la que fue creada, ya que se pixelea de mas. 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 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 número limitado de colores para mostrar. |
Educación Continua
BITÁCORA DE SESIÓN
Materia: | LOS BLOGS COMO RECURSO DIDACTICO | ||
Nombre del Participante: | Javier Guzmán Covarrubias | ||
Número de sesión: | 13 | Fecha: | 7 de enero de 2011. |
TEMAS ABORDADOS -Utilizando editores de foto para rediseñar mi blog. |
REFLEXIÓN PERSONAL 1.- Rediseño del encabezado: vamos a recurrir al programa AC/DC 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 reunir los siguientes requisitos: -Resolución web (96 pixeles por pulgada cuadrada). -Fondo transparente. -Versión final de este archivo se debe 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 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 UEEP y seleccionamos el fondo para eliminarlo usando la herramienta de la varita mágica, invertimos la selección (editar, invertir 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. |
Educación Continua
BITÁCORA DE SESIÓN
Materia: | LOS BLOGS COMO RECURSO DIDACTICO | ||
Nombre del Participante: | Javier Guzmán Covarrubias | ||
Número de sesión: | 14 | Fecha: | 14 de enero de 2011. |
TEMAS ABORDADOS -Diseñador de plantillas de blogger. Personalizar nuestro blog con la interface de diseño avanzado. |
REFLEXIÓN PERSONAL 1.- En la interface de diseño de nuestro panel de control podemos realizar ajustes realizados con el funcionamiento general de nuestro blog de la misma podemos aumentar las funciones y características de nuestra página 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 personalización de nuestro blog. Es entonces que, para hacer ajustes en la aparición y funcionalidad de nuestro ciclo, recurrimos a la interface del diseño de plantillas. Este apartado de nuestro panel de control está dividido en 2 partes:
a) Plantilla general. Nos permite seleccionar de una variedad de plantillas prediseñadas que cuenta con una apariencia o estilo grafico definido, a la vez cada uno cuanta con un submenú que muestra variaciones del mismo concepto, como puede ser alguna variante en tonos de color o algún ajuste en las decoraciones de la página. b) Fondo. En algunas páginas que no están traducidas este apartado puede aparecer como background o colorways. En este menú podemos seleccionar fondos de color sólido (que vienen combinados con colores adicionales) para el fondo de nuestra página, o bien, podemos seleccionar una imagen (por lo regular de 1800 x 1600 pixeles). De las que vienen precargadas en la interface. También podemos seleccionar desde nuestra computadora una imagen de aproximadamente las mismas medidas u subirla para ser usada como fondo. El límite de peso/resolución de la foto no debe exceder los 300 kilobytes. c) Ajuste de medidas del blog. Por lo regular contamos con 2 deslizadores que nos permiten incrementar/decrementar el ancho de la columna principal de nuestro blog. En donde se publican las entradas principales, las fechas y títulos del contenido. Adicionalmente contamos con el deslizador de columna secundaria que contiene por lo regular los gadgets que hemos incorporado a la plantilla además de los directorios e índices de nuestro blog. Consideraciones: el ancho de pantalla promedio es 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 muestra completo en pantalla debido a su medida excesiva. d) Apartado de diseño. Nos permite organizar y orientar los elementos de la página de acuerdo a la relación entre las entradas principales y las columnas secundarias que cuentan con gadgets e índices, 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 muestra el texto de las entradas, o bien, un espacio que concentre mucha información en un área reducida como en el 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 relativo a las tipografías y colores que se emplean para desplegar los contenidos de nuestras entradas. -Sección 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, itálicas, condensadas, etc., ya que todas estas variantes son utilizadas en diferentes secciones de los textos a desplegar. -Sección de fondos. Aquí se definen los colores específicos de cada sección de mi blog, en el renglón de fondos. Con 2 posibles opciones: color o transparencia. Los fondos a determinar son 3 del encabezado, los de las entradas y los de las columnas. -Sección de enlaces. Este apartado determina el comportamiento de los hipervínculos en el documento escrito en 3 posibles estados, uno es el link o hipervínculo 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 tipografía y el color respectivamente. -Sección del titulo del blog. Aquí definimos la tipografía, el estilo y el color del título del blog. En el caso particular, este ha sido sustituido por un encabezado diseñado en ACDSEE photo editor, así que este apartado no se emplea en nuestro diseño. -Apartado de gadgets. Aquí definimos los encabezados para las secciones adicionales ubicadas en las columnas laterales, cuya ubicación fue determinada en el apartado de diseño. -Apartado de imágenes. En este punto podemos modificar la manera en la que se cargan las imágenes utilizando el botón de insertar imagen, ya que podemos ponerles fondos de color o bien delinear con un remarco de color variable los contornos de las imágenes. |
Get the flash player here: http://www.adobe.com/flashplayer
GRACIAS POR ACOMPAÑAR ESTE BLOG CON TU VISITA.
si by user4164937
Gol Gerardo Torrado Pumas vs. Cruz Azul - Liguilla 2008 TVC Deportes by user4164937
