Etiquetas

lunes, 17 de diciembre de 2012

Una Navidad animada

Como os vi un poco desanimados después de la evaluación, me ha parecido oportuno que os volváis a animar. Aunque esta vez utilizaremos el GIMP. Debéis realizar otra felicitación navideña, pero con letras que cambien de color, luces que se enciendan y apaguen, personajes característicos de estas épocas que hagan algún tipo de movimiento...

Para crear una animación con el GIMP, debéis insertar cada fotograma en una capa distinta. Por defecto, este programa hace que cada fotograma dure una décima de segundo. Pero se puede modificar esta duración. Una forma rudimentaria, pero sencilla, de hacerlo es cambiando el nombre de cada capa. Pinchad en la pestaña redondeada en rojo en la imagen, y en la opción "Menú de capas", elegid "Editar atributos de capa". Allí podéis cambiar la duración del fotograma que por defecto es de 100 ms:



Una vez creada toda la secuencia animada (de al menos diez fotogramas), debéis guardar el archivo como "Imagen GIF". En el cuadro "Exportar archivo", elegid la opción "Guardar como animación":


Espero que este ejercicio os dure un par de días como mínimo, porque la verdad es que me estoy quedando sin ideas.

viernes, 14 de diciembre de 2012

Un DVD

Como colofón al uso del GIMP, vais a relizar la carátula de un DVD. Debéis seguir este tutorial. El contenido del DVD puede ser una película (inventada o real), o un recopilatorio de vídeos caseros, de las vacaciones, de las fiestas del pueblo, de lo que so os ocurra.

miércoles, 12 de diciembre de 2012

Un cartel

Hoy tenéis que hacer un cartel anunciador (por ejemplo, de las fiestas de vuestro pueblo). Debe ser un fotomontaje que incluya además texto introducido con la herramienta correspondiente del GIMP.

lunes, 10 de diciembre de 2012

¡(In)felicidades!

Debéis crear una felicitación de algo (Navidades, cumpleaños, aniversario, o una invitación a una boda, fiesta u otro tipo de celebración). El fotomontaje debe incluir varias imágenes y texto, insertado con la herramienta que dispone el GIMP.

miércoles, 5 de diciembre de 2012

Anúnciese aquí (y 2)

Hoy tenéis que insertar un anuncio en un taxi o en un autobús.



Utilizad las herramientas conocidas para deformar y ajustar la imagen. Tenéis que modificar también el fondo de la foto del vehículo. Cuando acabéis, cread una entrada en vuestro blog con  las imágenes originales y la que hayáis creado vosotros.

martes, 4 de diciembre de 2012

Anúnciese aquí


En la actividad de hoy, debéis crear una valla publicitaria a partir de varias imágenes distintas. Buscad en internet una imagen de una valla, y cambiad el producto anunciado. Tenéis que cambiar también el fondo de la imagen original. Para ajustar bien el anuncio al contorno de la valla, utilizad las herramientas que permiten deformar una imagen:


Cuando la hayáis acabado, insertadla en una entrada de vuestro blog, que incluya también las imágenes originales.

lunes, 3 de diciembre de 2012

El reflejo en el agua


La práctica de hoy consiste en crear un paisaje inventado en el que se simule un reflejo en el agua. Se puede conseguir de forma sencilla siguiendo los siguientes pasos:

- Buscad en internet la imagen que queráis reflejar, preferentemente de un paisaje.
- Podéis recortar alguna parte para que realmente parezca que ese paisaje pudiera estar al borde de un lago, un río o el mar.
- En la opción "Imagen - Tamaño del lienzo", fijaos en el número de píxeles de la altura.
- Cread un archivo nuevo con un lienzo que tenga el doble de altura que vuestra imagen.
- Pegad vuestra imagen en el nuevo lienzo y movedla hasta que ocupe la mitad superior del mismo.
- Abrid de nuevo la imagen original y giradla con la opción "Imagen - Transformar - Voltear verticalmente".
- Pegadla en el lienzo grande y movedla hasta que ocupe la mitad inferior del mismo.
- Para dar más credibilidad al efecto, aplicad en la mitad girada un desenfoque Blur, que se encuentra en la opción "Filtros" del menú principal. También podéis utilizar la opción "Herramienta de pintura - Emborronar".
- Guardla y cread una entrada en vuestro blog con la imagen original (sin los cortes previos) y la imagen con el reflejo.

viernes, 30 de noviembre de 2012

¡Vamos a Londres...!

...virtualmente. Me temo que el viaje a Londres lo tendremos que hacer sólo con la imaginación. Claro que gracias al GIMP siempre podréis enseñar a vuestras incautas amistades fotos en las que aparezcáis posando delante de los lugares típicos de la capital británica. Hoy debéis realizar un pequeño álbum de fotos de un supuesto viaje a Londres. No es obligatorio que aparezcáis vosotros mismos en los fotomontajes; pero si elegís un personaje, que aparezca en todas las fotos. Y no pongáis siempre la misma imagen.

lunes, 26 de noviembre de 2012

El hombre que cayó en la Tierra

Hoy vais a modificar el aspecto de un rostro. Buscad en internet alguna en la que podáis eliminar arrugas (las patas de gallo de los ojos, por ejemplo). Para conseguirlo, utilizad el tampón de clonado como lo hicisteis para eliminar las sombras. Aplicad el zoom sobre la imagen para ganar precisión.

A continuación, tenéis que cambiar el color de los ojos y del pelo. Hay tutoriales en youtube tanto para los ojos como para el pelo, aunque la técnica a seguir es la misma en ambos casos:

- Debéis crear una capa nueva transparente.
- Seleccionar con el lazo (para el pelo) o la elipsis (para el ojo) la parte cuyo color queramos cambiar.
- Elegir un color y pintar la parte seleccionada en la capa añadida.
- Cambiad el modo de la capa de Normal a Saturación o Color.

David Bowie es famoso por tener un ojo de cada color, pero en la portada de su primer LP no era así:


Bueno, aquí lo tenéis con el ojo izquierdo azul y el pelo color ceniza gracias al GIMP:


¿Cuánta gente dices que había en la manifestación?

Si habéis leído alguna vez una noticia sobre el número de participantes en una manifestación, habréis comprobado que varía considerablemente en función de la fuente que lo proporcione: los organizadores dan una cifra, los contrarios a la manifestación dan otra y la policía suele dar una cifra intermedia.

Pues bien, buscad en internet una foto de un lugar público (puede ser la entrada de este instituto) y cread tres fotos que respalden cada una de las tres fuentes: una con muchos manifestantes, otra con pocos y otra con un número intermedio.

Cuando las acabéis, cread una entrada nueva que incluya la foto original y las tres manipuladas.

Manipulando la Historia

Mucho antes de que existieran los programas de retoque fotográfico, ya se modificaban imágenes. Entonces se empleaban métodos artesanales muy rudimentarios. Solía ocurrir en países con regímenes totalitarios. Sirva como ejemplo esta foto en la que hicieron desaparecer a un personaje que debió de caer en desgracia y al que se consideró que no merecía el honor de aparecer en una foto junto a Stalin:


Buscad en internet una foto histórica (puede ser de la Historia reciente) y eliminad algún personaje o incluid algún otro, utilizando los métodos conocidos.

Cuando acabéis, cread una entrada que incluya la foto original y la manipulada.

El hombre que perdió su sombra

Hoy le vais a borrar la sombra a la foto de una persona. Para ello, podéis seleccionar en la caja de herramientas el tampón de clonar. Pinchad en la pestaña de los pinceles para elegir el tamaño de la parte que clonaréis y que os servirá para hacer desaparecer la sombra.  


Seleccionad en la foto, con el tampón y la tecla de Control pulsada, una parte próxima al contorno de la sombra. A continuación, soltad la tecla Control e id rellenando la sombra con el tampón hasta hacerla desaparecer. Para ganar precisión, es aconsejable agrandar la foto con el zoom. Podéis utilizar todo el tiempo el mismo tampón, aunque conviene cambiarlo de vez en cuando copiando la zona más próxima a la parte de sombra que estéis borrando. De esta manera se notará menos el contorno de la sombra borrada.

Cuando acabéis, cread una entrada nueva en la que aparezcan la foto original y la modificada sin la sombra.

viernes, 23 de noviembre de 2012

Un pedazo de color en medio de la grisura

Hoy vais a crear una foto en blanco y negro pero que tenga una parte resaltada en color. Para conseguirlo, podéis seguir los siguientes pasos:

- Buscad en internet una foto decente (aplicaré censura en caso contrario).
- Seleccionad con el lazo la parte que queráis resaltar en color.
- En el menú Seleccionar, elegid la opción "Invertir" para tener selccionada la parte que queráis pasar a blanco y negro.
- Para convertirla en blanco y negro, en el menú colores, elegid la opción "Desaturar".
- Finalmente, podéis aplicar algún filtro a la parte que haya quedado en blanco y negro, como "Desenfoque en movimiento". Si no os gusta, probad otros filtros hasta que quede a vuestro gusto.

miércoles, 21 de noviembre de 2012

Un ser mitológico

Hoy debéis crear con el GIMP un ser que tenga la cabeza de un animal (o persona) y el cuerpo de otro animal (o persona). Este ejercicio se puede malhacer deprisa y corriendo en cinco minutos, o bien hecho empleando el tiempo que dura la clase.

lunes, 19 de noviembre de 2012

El GIMP, por fin

Aunque algunos ya lo habéis utilizado para hacer los ejercicios de animaciones, hoy vamos a empezar oficialmente a realizar actividades con el GIMP, un programa editor de imágenes. La mayor parte de vosotros ya sabe utilizarlo (y me temo que mucho mejor que yo), pero no todos. Aquí tenéis un enlace a un manual de este programa. Pero la mejor manera de aprender es manejándolo. Por eso, para que los que no lo dominan todavía se vayan familiarizando con él, vamos a realizar una primera actividad muy sencilla:

- Buscad en internet una imagen de un paisaje, guardadla en el disco duro y abridla con el GIMP. Tenéis que modificar su tamaño (en el menú imagen, elegid la opción Escalar la imagen); o recortar alguna parte (en el menú Herramientas de transformación); cambiar el color, el brillo, el contraste... (en el menú Colores); aplicar algún filtro (en el menú Filtros); convertirla en blanco y negro (en el menú imagen, elegid en la opción Modo); o cualquier otra cosa que se os ocurra. Al final, tenéis que crear una entrada en vuestro blog que incluya la foto original y dos o tres imágenes con distintas modificaciones.

lunes, 12 de noviembre de 2012

Vamos a dejar de animarnos (y 2)

Como ayer, a la mayor parte no os dio tiempo a acabar la actividad, podéis terminarla hoy. Y los que la acabaran o la vayan acabando durante la clase, pueden crear otra animación a partir de un personaje de dibujos animados preexistente. Lo buscáis en internet y le modificáis la boca para que parezca que está hablando o cantando; o que abra y cierre los ojos; o que pegue saltos; o que toque la guitarra.

Vamos a dejar de animarnos

Para acabar con las animaciones, tenéis que crear una en la que haya algo más de movimiento; por ejemplo, una persona o un vehículo que entre por una lado de la imagen y salga por el otro; o un pie que mande un balón fuera de la imagen de un puntapié; o un objeto que caiga desde arriba y dé botes en el suelo hasta detenerse o salir de pantalla... La secuencia debe estar formada al menos por diez imágenes, y procurad que el objeto no entre ni salga entero de golpe en la imagen, sino poco a poco.

Por supuesto, cuando acabéis la animación, debéis insertarla en una entrada nueva de vuestro blog. La semana que viene, empezaremos con el Gimp.

Banner animado

Vamos a continuar animándonos. Hoy tenéis que crear un banner, que es el nombre que reciben los anuncios que aparecen en las páginas web.



Podéis anunciar un acontecimiento, un producto o lo que se os ocurra. Debe contener alguna animación, con cambio de colores, del tipo de letra, que llame la atención. Podéis utilizar el Paint y el Microsoft GIF Animator, aunque vi que ayer alguno ya empleó el Gimp. Cuando lo acabéis, debéis insertarlo en una entrada de vuestros blogs.

Formulario sobre sistemas operativos

Hoy vamos a realizar el formulario sobre sistemas operativos. Puedes consultar toda la información que quieras en la red, pero no con tus compañeros. Elabora las respuestas de desarrollo, que no sean de corta y pega, que se nota mucho. Y procura realizar el ejercicio en silencio, no vaya a ser que te ponga un cero en esta actividad. Cuando lo acabes, lo envías y te quedas calladito esperando instrucciones del profesor (y esto va dirigido sobre todo a los cuatro que ya sabemos).


martes, 6 de noviembre de 2012

Vamos a animarnos

Antes de meternos con el Gimp, vamos a tratar de animarnos un poco, que ayer os vi un poco alicaídos, sobre todo a esas dos encantadoras chicas del fondo que habitualmente son la alegría de nuestros días. No sé por qué estuvieron ayer tan calladitas. Ni me di cuenta de que estaban en clase.

Para crear una animación vamos a echar mano (en el buen sentido de la expresión) de una aplicación llamada Microsoft GIF Animator. Como no está instalada en vuestros ordenadores, lo primero que tendréis que hacer es descargarla de internet e instalarla. Como estos ordenadores están congelados, en cuanto los apaguéis, la aplicación desaparecerá. Guardad, pues, el archivo de la instalación en la parte sin congelar del disco duro para no tener que descargarlo de internet cada día que lo vayamos a utilizar. 

Como primera actividad con esta aplicación, vais a crear una sencilla animación similar a Desdentado. Ya veis que la aparición de su primer diente no sólo le ha dejado boquiabierto, sino que hasta le hace bizquear.


Pero antes de utilizar el Microsoft GIF Animator, tendréis que dibujar todas las imágenes que componen la secuencia de la animación (seis en el caso de Desdentado, para que os hagáis una idea). Primero dibujaréis una imagen con el Paint, y la guardáis con la extensión .gif. A partir de esa primera imagen, dibujáis las siguientes introduciendo pequeñas modificaciones en cada nueva con respecto a la anterior. Una vez dibujadas todas las imágenes, ya podéis abrir el Microsoft GIF Animator para crear la secuencia animada. Para añadir la primera imagen, tenéis que pulsar sobre el botón "abrir"; el resto de imágenes se añaden pulsando el botón "insertar":


Si queréis que la secuencia se repita indefinidamente, tendréis que seleccionar la opción "Repetir por siempre" en la pestaña "Animación":


Cuando hayáis compuesto la secuencia, la guardáis, vais a vuestro blog y la insertáis como una imagen en una entrada nueva. No os va a resultar muy difícil mejorar a Desdentado.

lunes, 5 de noviembre de 2012

La hoja de resultados

Como quiero tener acceso a vuestros hojas de Excel para poder comprobar cómo habéis contestado los formularios de vuestros compañeros, tenéis que crear en vuestros blogs una entrada con un enlace a dicha hoja de resultados. Para crear este enlace, debéis abrir el formulario en vuestra cuenta de Google docs (o drive). En la hoja Excel que os aparece, debéis pinchar en el botón "Compartir" que se encuentra en la esquina superior derecha:


Se os abre una ventana en la que debéis copiar la dirección de enlace:


No olvidéis cambiar el tipo de acceso a "Público":


Ahora sólo os queda crear una entrada nueva en vuestros blogs con el enlace a la dirección copiada. De esta forma, cualquiera puede acceder a vuestras hojas de resultados. Os recuerdo que si alguno tiene la tentación de corregir alguna respuesta, la modificación queda guardada en un archivo muevo en el que se indican la hora y el día en los que se han hecho las modificaciones, y que el archivo original se conserva tal cual fue enviado originariamente. No se puede hacer trampas.

lunes, 29 de octubre de 2012

Identificad a vuestros compañeros

Como no me fío un pelo de vosotros, ya me perdonaréis, he decidido que añadáis una undécima pregunta a vuestros cuestionarios gracias a la cual el usuario pueda identificarse. Una vez contestados los cuestionarios por todos vuestros compañeros, crearéis, en una entrada de vuestro blog, un enlace a la hoja Excel con sus respuestas para que yo pueda verlas. De esta forma, podré controlar que realmente ponéis interés contestándolos, y que no los hacéis deprisa y corriendo de cualquier manera. Ah, y que no se le ocurra a ningún listillo entrar en el cuestionario más tarde para modificar sus respuestas (o la de alguno de sus compañeros para fastidiar), porque quedan reflejados el día y la hora en que se realizan todos los cambios en la hoja Excel.

En otra entrada os explicaré cómo se crea el enlace a la hoja Excel.

miércoles, 24 de octubre de 2012

Cómo se enlaza el formulario

Una vez creado el formulario, debéis insertarlo en una entrada de vuestro blog. Necesitáis, por tanto, el correspondiente código HTML. Para conseguirlo, entrad en Google docs (o drive) y seleccionad vuestro formulario entre los documentos que tengáis guardados. No se os abrirá el formulario, sino un archivo Excel. Para ver el formulario, e introducir modificaciones, debéis seleccionar en el menú la opción "Modificar formulario":



Para obtener el código HTML con el que insertarlo en vuestro blog, debéis elegir en el mismo menú del archivo Excel la opción "Insertar en una página web":



Se abre una ventana en la que tenéis que copiar el código:



Ahora ya podéis insertar el formulario en vuestro blog para que vuestros compañeros puedan realizarlo. Cread una entrada nueva y pegad el código que acabáis de copiar. Recordad que toda la información necesaria para contestarlo debe estar contenida en vuestras presentaciones. Cuando acabéis esta actividad, podéis empezar a preparar la estrategia de la presentación. Comenzaremos la próxima clase por orden.

martes, 23 de octubre de 2012

¡Examinad a vuestros compañeros!

Otra de las opciones del Google docs (o drive) es la de crear un formulario, como aquél que os pasé para que valorarais los juegos de vuestros compañeros. Pues bien, en la siguiente actividad tendréis que crear un formulario de diez preguntas sobre el tema que os haya tocado "en suerte". Toda la información necesaria para responder a las preguntas debe estar contenida en vuestras presentaciones. Este tipo de formulario puede plantear preguntas de siete formas distintas. El vuestro debe contener al menos una pregunta de cada tipo. Como no vais a poner nota (lo siento, sé que más de uno disfrutaría suspendiendo a sus compañeros), el formulario será anónimo, es decir, no es necesario que incluyáis una pregunta mediante la cual el usuario deba identificarse. Eso dejádmelo a mí para más adelante.

Una vez dentro de Google docs (o drive), para crear el formulario, abrir la pestaña CREAR y elegid la opción Formulario:


Se os abrirá una pantalla en la que podéis crear vuestras preguntas. Si pincháis en la pestaña "tipo de pregunta", se abre un menú con los siete tipos distintos de preguntas que podéis plantear. Vamos a comentarlos uno a uno.


Cada vez que queráis crear una nueva pregunta, debéis pulsar en el botón "Añadir elemento" que abre un menú en el que se puede elegir el tipo de pregunta. En la parte derecha de cada pregunta creada, hay unos botones para que permiten modificarla o eliminarla:


El primer tipo de pregunta es "Texto". Simplemente tenéis que escribir una pregunta en el cuadro "Título de la pregunta". Debe poder responderse con pocas palabras. No olvidéis activar la casilla para que la pregunta sea obligatoria:



Si queréis plantear una pregunta cuya respuesta sea un breve texto, debéis elegir el segundo tipo "Texto de párrafo". No se diferencia demasiado de la anterior, sólo en la extensión permitida para la respuesta:



La tercera pregunta es de tipo test. Podéis plantear varias respuestas posibles, y sólo una de ellas es la correcta:


La pregunta del tipo "Casillas de verificación" es parecida a la de tipo test, con la diferencia de que en este caso varias de las posibles respuestas son correctas y no sólo una de ellas:



En la pregunta del tipo "Elegir de una lista", debéis plantear varias opciones, de las cuales sólo una es correcta, que se muestran en un menú emergente al pulsar una pestaña:



Las preguntas de tipo "Escala" sirven para valorar la pregunta entre 1 y otro número a elegir entre 3  y 10. Existe la posibilidad de incluir dos etiquetas para los valores menor y mayor:



Finalmente, con el tipo de pregunta "Cuadrícula", podéis crear una red con varias filas y columnas, de forma que a cada fila le corresponde como respuesta correcta una de las columnas:



Como mi explicación es un poco confusa, fijaos qué aspecto tiene:


Recordad que vuestro formulario debe ser de diez preguntas, y que debe contener al menos una de cada uno de los siete tipos.



lunes, 22 de octubre de 2012

Enlazando los componentes del ordenador

Aquellos que deis por acabada la presentación, debéis crear un enlace desde vuestro blog. Igualmente, debéis convertirla en un archivo Flash, gracias al servicio de slideshare, y colgarlo en vuestro blog en otra entrada. No olvidéis que tendréis que presentarla ante vuestros compañeros. Podéis empezar a pensar cómo lo haréis. Espero que no os limitéis a leer el texto de cada diapositiva...

martes, 16 de octubre de 2012

Los componentes del ordenador

Durante los próximos días, vamos a estudiar los componentes de los ordenadores. Después de mucho dudarlo, me ha parecido preferible que, en lugar de escuchar (o más bien, de hacer ver que escucháis) mis insufribles peroratas, seáis vosotros quienes elaboréis una breve presentación sobre cada uno de los componenetes de un ordenador. Los he dividido en diez grupos para que cada pareja pueda dedicarse a una parte, que posteriormente presentará al resto de la clase. Estas son las diez partes :

1. Fuente de alimentación, placa base y microprocesador.
2. Memorias: RAM, caché, ROM-BIOS.
3. Discos magnéticos: flexibles y duros.
4. Discos ópticos: DVD, CD-ROM, HD-DVD.
5. Puertos de comunicación, ranuras y tarjetas de expansión.
6. Periféricos de entrada.
7. Periféricos de salida.
8. Periféricos de entrada y salida.
9. Dispositivos con arquitectura de ordenador: teléfono móvil, PDA, navegadores GPS.
10. Dispositivos con arquitectura de ordenador: videoconsolas, reproductores multimedia.

La presentación puede incluir algo de historia del dispositivo, funciones que realiza, materiales de los que está hecho. Recordad que el PowerPoint debe ser atractivo, con imágenes, enlaces y poco texto, apenas las palabras clave que den pie al orador a desarrollar su presentación, que ésta no consista en la despersonalizada lectura de un largo texto insertado en la diapositiva.


lunes, 15 de octubre de 2012

Ayudadme a poner las notas

Una vez que hayáis visto todos los PowerPoints de vuestros compañeros, quiero que me ayudéis a valorarlos. He preparado un sencillo test de seis preguntas (siete, si contamos la identificación), todas ellas positivas: no pregunto cuál es el peor o el más aburrido. No hay ninguno mal hecho. Por supuesto, no podéis votaros a vosotros mismos, quien lo haga verá penalizada su nota.


No os preocupéis que no haré públicos los resultados del test. En realidad, tengo bastante claro qué nota poner a cada uno. Simplemente tenía curiosidad por saber si mi opinión coincidía con la vuestra.

miércoles, 10 de octubre de 2012

Insertar un PowerPoint... sin interactividad

Existe una manera de insertar un archivo PowerPoint en una entrada. El problema es que se pierde la interactividad: sólo es posible ver las diapositivas por el orden en el que se encuentran en el archivo original, y no se pueden realizar saltos entre ellas utilizando los botones o los enlaces disponibles. A pesar de este inconveniente, os voy a contar el proceso para que insertéis vuestros juegos en una entrada de vuestros blogs.

Este servicio lo ofrece gratuitamente la página web de slideshare. Aquí podéis convertir vuestro PowerPoint  en un archivo Flash, de ahí que se pierda la interactividad. Os proporcionarán el código HTML de dicho archivo Flash, que os servirá para insertarlo en vuestro blog.

Una vez dentro de slideshare, lo primero que tenéis que hacer es crearos una cuenta pulsando "Signup". En el caso de que ya tuvierais creada una, deberíais pulsar "Login":



Tendréis que introducir un nombre de usuario, una contraseña y vuestra dirección de correo. Utilizad los datos de vuestra cuenta de correo gmail, así os resultará fácil recordarlos cuando volváis a utilizar este servicio:


Después de creada la cuenta, podéis cargar el archivo (vuestro PowerPoint en este caso), desde donde lo tengáis guardado, pulsando cualquiera de los dos botones "Upload":


Una vez que se haya cargado el archivo, podéis copiar el código HTML que convierte el PowerPoint en formato Flash:



No olvidéis desconectaros ("Logout") de vuestra cuenta en slideshare si no la vais a utilizar más durante la sesión:



Ahora sólo os queda crear una entrada en vuestro blog en la que pegaréis el código copiado. Guardad los cambios y comprobad que realmente se ha insertado vuestro PowerPoint. No olvidéis visitar los blogs de todos vuestros compañeros para utilizar sus juegos.

Cómo se descargan los PowerPoints desde docs

Una vez que hayáis creado el enlace a vuestro PowerPoint, podéis entrar en los blogs de vuestros compañeros para utilizar los suyos. Después de pinchar en el enlace que han tenido que crear en una entrada, se os abre una pantalla. Elegid en el menú principal la opción "Archivo", y luego en el menú emergente, la opción "Descargar":



Según la versión de Google Chrome que tengáis instalada, se os puede abrir una pantalla nueva con un cuadro de diálogo que os permite elegir entre abrir o guardar el archivo:



O también os puede aparecer el archivo descargado en la parte inferior izquierda de la pantalla. Para abrirlo finalmente, pinchad en la pestaña y elegid la opción "Abrir":



Ahora ya podéis comprobar lo divertidos e imaginativos que han sido vuestros compañeros.


lunes, 8 de octubre de 2012

Compartir los archivos con los compañeros

Aunque es posible que ya sepáis cómo hacerlo (de hecho he visto que alguno lo está haciendo), os voy a comentar cómo se pueden guardar documentos en la cuenta de google, y cómo compartirlos con los demás. De esta forma, podréis guardar los PowerPoints que estáis haciendo, y crear enlaces a ellos para que vuestros compañeros puedan verlos y utilizarlos, y tener argumentos con los que haceros una crítica constructiva.

Cuando entráis en vuestra cuenta de correo de gmail, os aparece en el menú superior una opción llamada "docs" o "drive", según el idioma.



En la página que se abre después de pulsar ese enlace, aparece un botón en la parte izquierda que permite subir los archivos que queramos guardar en nuestra cuenta gmail:


Una vez que se haya cargado, se añadirá en el centro de la parte inferior de la ventana a la relación de archivos que tuvierais guardados:


Para poder compartirlo con otros usuarios, pinchad sobre el enlace del archivo en cuestión. Se os abrirá en una ventana. En la parte superior derecha de esta ventana, hay un botón para "compartir":



Al pulsar el botón de compartir, se abre otra ventana con la dirección del enlace en el que se guarda vuestro archivo. Copiad dicho enlace:


Es posible que no esté configurado para ser compartido. Pinchad en la opción cambiar. Se abre una pantalla en la que hay que elegir la opción "Público en la web":



No os olvidéis de guardar la nueva configuración. Ahora sólo tenéis que ir a vuestro blog y crear una entrada nueva con el enlace a vuestro archivo. Se supone que ya sabéis crear enlaces. Podéis hacerlo a partir de un texto o de una imagen, preferiblemente alusiva al archivo que estáis enlazando. ¡Recuerda que todos los detalles cuentan para la mejorar la nota!

miércoles, 3 de octubre de 2012

No, por favor, otra vez el PowerPoint no

Pues sí, lo siento. Pero no os preocupéis, de momento, no os voy a pedir que preparéis una de esas insoportables presentaciones consistentes en una retahíla de diapositivas repletas de texto que se van sucediendo unas a otras ordenadamente para desesperación de los oyentes. Todo llegará, tiempo tendréis para poder atormentar a vuestros compañeros con alguna de esas aburridas presentaciones. 

Sin embargo, en esta ocasión quiero que preparéis con este programa una suerte de juego. Para ello, os aprovecharéis de que dispone de una opción para crear botones que permiten saltar a una diapositiva cualquiera, y no necesariamente a la siguiente. Primero crearéis una diapositiva de presentación del juego. En la siguiente diapositiva, plantearéis, por ejemplo, una pregunta, de forma que el usuario pueda elegir una repuesta entre varias opciones (pueden ser textos o imágenes) que le conduzcan a diferentes diapositivas. A partir de ellas, podéis continuar ramificando el juego o test mediante nuevas preguntas hasta llegar a un destino final exitoso. Si el usuario toma el camino equivocado, podéis mandarlo a una diapositiva que contenga un mensaje "gracioso" anunciándole su error.

Al menos, tenéis que crear una veintena de diapositivas, ninguna de las cuales puede ser una vía muerta: en todas debe existir la posibilidad de volver hacia atrás o, al menos, al menú de inicio para empezar de nuevo. Convendría que antes de lanzaros a crear las diapositivas, os hicierais un esquema previo para no liaros, aunque luego no lo acabéis siguiendo tal cual. El tema de la presentación lo dejo a vuestra imaginación. Como espero que necesitéis varias sesiones para acabarlo, al final de la clase guardad lo que tengáis hecho en la parte de datos del disco duro o en una memoria USB, no vaya a ser que se pierda. Menudo disgusto.

martes, 2 de octubre de 2012

Una de parpadeo


NUEVA ACTIVIDAD

En la actividad de hoy, vamos a aprender a insertar un texto parpadeante como el que aparece encima de estas líneas. Para ello, vais a escribir una entrada, sobre el tema que queráis, cuyo título sea dicho texto parpadeante. Puede ser el anuncio de una fiesta que vais a celebrar o de un concierto, que habéis conseguido un pequeño éxito (como aprobar informática, digo TIC) o lo que se os ocurra. Podéis completar la entrada añadiendo imágenes.

El código HTML necesario para insertar un texto parpadeante es el siguiente:

<marquee scrollamount="400" scrolldelay="500">
<span style="color: red;">
<b>NUEVA ACTIVIDAD</b>
</span></marquee>

No lo copiéis tal cual, haced modificaciones. Podéis jugar con cuatro parámetros:

- El valor de scrollamount determina la posición del texto; cuanto mayor sea, más a la izquierda os aparecerá.
- El valor de scrolldelay determina la frecuencia del parpadeo; cuanto más alto sea ese valor, más lento parpadeará el texto.
- El parámetro color (red en mi caso) determina... ¡el color del texto!
- Finalmente, podemos escribir el texto que queramos (en mi caso NUEVA ACTIVIDAD) entre los símbolos <b>.

A continuación, como SEGUNDA ACTIVIDAD, inserta el mismo texto parpadeante (con alguna modificación) como un gadget en la parte derecha de tu blog.

También podéis llamar la atención mediante una ventana con un texto en movimiento como ésta:

TERCERA ACTIVIDAD

Vais a crear una nueva entrada en la que insertaréis una ventana de este tipo con un texto relativo a la entrada que habéis creado antes. Puede ser alguna modificación del anuncio, como un cambio de día o de hora de la fiesta o del concierto, o que en realidad no habéis aprobado informática, digo TIC (porque el profesor se había equivocado al pasar la nota) o lo que sea. El código HTML necesario es el siguiente:

<table bgcolor="black" border="1" style="width: 175px;"><tbody> <tr><td bgcolor="gray"><marquee behavior="scroll" direction="up" height="50" scrollamount="2"><span style="color: white;"> TERCERA ACTIVIDAD</span></marquee></td></tr> </tbody></table>

En este caso también podéis jugar con distintos parámetros: escribid el texto que queráis (y procurad que sea ingenioso) donde yo he escrito TERCERA ACTIVIDAD; podéis modificar el color del borde de la ventana (black en mi ejemplo), del fondo de la ventana (gray en mi ejemplo) y de la letra (white en mi ejemplo); la dirección en la que se mueve el texto (up en mi ejemplo); la anchura de la ventana (175 en mi ejemplo); la altura de la ventana (50 en mi ejemplo), y la velocidad con la que se mueve el texto (2 en mi ejemplo). Id probando distintos cambios en algunos de estos parámetros hasta que os guste el resultado. No vale copiarlo exactamente igual al mío.






lunes, 1 de octubre de 2012

Un poco de cultura musical

Antes de pasar a cosas de mayor enjundia, y por tanto más aburridas, vamos a dedicar todavía alguna que otra sesión a aprender nuevos trucos para mejorar nuestro blog. En concreto, hoy quiero que creéis una entrada similar a esta mía, que contenga una imagen, un hipertexto y un vídeo. A pesar de que me temo que todos sabéis ya cómo hacerlo, incluyo la explicación, por si acaso queda alguno que no sepa o no lo recuerde.


Antes de que el mundo existiera, es decir, antes de que vosotros nacierais, hubo una banda post-punk de Manchester llamada Joy Division, que, a pesar de su corta existencia, se ha convertido en una de las más influyentes en la música rock de los últimos treinta años. A modo de ejemplo, he insertado el vídeo de su canción más famosa, "Love Will Tear Us Apart". En una encuesta realizada en el 2002, los críticos de la prestigiosa revista musical inglesa New Musical Express, la eligieron como el mejor single de la historia del rock. Aunque la canción es de 1980, la descubrí algunos años más tarde. Este es el tipo de música que yo escuchaba cuando tenía vuestra edad. Ya sé que no os va a gustar, pero...



Vosotros podéis hablar en la entrada de lo que queráis. A continuación, explico lo que hay que hacer para crear el hipertexto, insertar una imagen y un vídeo. Aquellos que ya sepáis cómo hacerlo podéis ahorraros la lectura de lo que sigue.

Para insertar una imagen, id a crear una entrada nueva y pulsad sobre el icono "Inserta imagen":



Se os abre una ventana desde la que podéis subir la imagen deseada de diferentes maneras; por ejemplo si la tenéis guardada en el disco duro o en una memoria USB, pulsando "Elegir archivo" y después en "Añadir imagen seleccionada". O si queréis insertar una imagen que esté en internet, copiando la URL, como hicisteis el otro día para enlazar la wikipedia:



Para crear un hipertexto, escribid un texto en vuestra entrada relacionado con la imagen que habéis insertado, por ejemplo, y seleccionad la parte (puede ser una sola palabra) que queráis que haga de hipervínculo, es decir, que al ser pulsada nos abra otra página. Con ese texto seleccionado, pulsad en el menú en la opción "Enlace", y copiad en la ventana que se abre la dirección de la página que queréis enlazar desde el hipertexto:



Finalmente, para insertar un vídeo, entrad en youtube y buscad el que queráis. Pulsad el botón "compartir" que hay justo debajo del vídeo. A continuación, pulsad el botón "Insertar", copiad el código HTML que aparece y pegadlo en vuestra entrada. Recordad que el código debéis pegarlo en la pestaña HTML y no en la de Redactar:



Guardad los cambios y comprobad que el enlace funciona y que se han insertado correctamente la imagen y el vídeo. No estoy muy seguro de que la velocidad de navegación de vuestros ordenadores os vaya a permitir completar las actividades. Vamos a intentarlo de todas formas, y si no podéis, acabadlo en casa. Lo siento.


jueves, 27 de septiembre de 2012

Un par de menús desplegables

Para empezar la semana, vamos a aprender a crear menús desplegables similares al que tengo en la lateral de mi blog con enlaces a las ediciones digitales de cinco periódicos nacionales. En primer lugar vais a crear uno exactamente igual al mío, pero en lugar de agregarlo en un lateral como gadget, lo vais a crear en una entrada. Para ello, copiad el siguiente código en HTML:

<form>
<SELECT NAME="urldestino">
<option selected>Seleccionar
<option value="http://www.heraldo.es/"/>Heraldo de Aragón
<option value="http://www.elpais.com"/>El País
<option value="http://www.elmundo.es/"/>El Mundo
<option value="http://www.lavanguardia.es/"/>La Vanguardia
<option value="http://www.abc.es/"/>ABC
</SELECT>
<input type="button" value="IR" onClick="location=this.form.urldestino.value" name="button">
</form>


Id a creación de entradas, cread una nueva y pegad el código copiado en "HTML" y no en "Redactar":


Guardad y comprobad si funcionan los cinco enlaces a los periódicos. De esta forma podéis informaros de lo que sucede por el mundo y comprobar que, aunque no sea tan interesante, también hay vida más allá de vuestros hermosos pueblos.

A continuación, vais a crear otro menú desplegable con al menos cuatro enlaces a páginas webs que sean de vuestro interés. Para conseguirlo, utilizad el mismo código pero sustituyendo las direcciones de los periódicos (lo que está entre comillas) por las direcciones de las páginas que queráis enlazar. Así mismo, debéis sustituir los nombres de los periódicos que hay al final de cada línea por los nombres de las nuevas páginas enlazadas. Podéis insertarlo en una nueva entrada o como gadget en un lateral.

Eso es todo por hoy. El próximo día, más.