TECNOLOGÍAS DE LA

EDUCACIÓN

GRADO EDUCACIÓN SOCIAL

40DNI 71482146D

1

En este informe explicaremos paso a paso como crear tu propio blog y cómo utilizar una serie de programas y herramientas de WEB 2.0 que luego insertaremos en el blog

o en nuestra página web.

CUENTA GMAIL Y NUEVO BLOGEl primer paso sería acceder a tu cuenta g-mail, si no eres usuario todavía de google, tendrías que crearte una nueva cuenta.

Si ya eres usuario solo tendrías que acceder como haces normalmente y seguir los pasos que comentaremos más adelante, pero de momento vamos a explicar cómo crearse una cuenta de g-mail.

I. Accedes a Google desde tu navegador habitual ya sea Firefox, crome…y haz clic en Iniciar sesión o G-mail.

Pulse uno de los dos señalados anteriormente y siga los pasos siguientes: Haga clic en crear nueva cuenta.

CUENTA GMAIL, BLOG, DECORACIÓN, IMÁGENES,VIDEOS GIDGETS, VOKI, CALAMEO, MÚSICA, VOZME, ISSUU,

TAGUL, DOTSUB, SLDSHARE, PREZI, COMIC…

2

Introduces tus datos según lo que pida, no es necesario que pongas tu nombre y tú apellido real, pero lo importante es el nombre de usuario la contraseña y el número de teléfono (al que luego te enviarán un código de confirmación de la cuenta) estén escritos correctamente. Aceptas las condiciones del servicio y haces clic en siguiente paso.

Haces clic en creación de perfil, y posteriormente en empezar.

El segundo paso sería entrar en tu cuenta g-mail, en la nueva que acabamos de crear o en la nuestra propia. Nos situamos en la parte superior derecha de la pantalla.

3

Hacemos clic en Blogger y ya estaremos más cerca de crear nuestro propio blog. Como podemos observar los pasos a seguir de momento son muy fáciles.

Continuamos con el tercer paso haciendo clic en nuevo blog (en esa misma parte de la pantalla saldrán posteriormente todos los blogs que vayas a crear con tu cuenta de G-mail.

4

Elegimos un título, una dirección (que será el nombre de nuestro blog), y la plantilla que deseemos, y finalmente hacemos clic en crear blog.

Nos saldrá la misma pestaña que antes pero con otras características:

Aquí, donde indica la flecha aparecerá

el nombre que tú elijas para tu blog.

¿CÓMO DECORAR NUESTRO NUEVO BLOG?Empezamos ya con el diseño del blog, formatos de títulos, entradas, gadgets, fotos, videos…

Según pinchamos en el Blog que acabamos de crear nos sale esta página:

Para tener el Blog bien organizado y algo decorado yo comenzaría eligiendo el tipo de letra, el grosor de las entradas y de los gadgets… etc.

Para eso haremos clic en Plantilla en la franja izquierda de la pantalla, y nos aparecerá lo siguiente:

Hacemos clic en empezar a

publicar, y comenzamos a

diseñar nuestro blog.

5

Después de realizar ese paso haremos clic en personalizar, y nos llevará directamente a la página del blog para poder ver cómo nos quedan los retoques que hacemos:

La plantilla, ya la elegimos en el segundo paso al ponerle nombre y elegir título de la página, pero ahora iremos describiendo que encontramos en cada uno de los apartados de la zona izquierda del blog.

Como ya hemos dicho la plantilla es lo que se observa en las imágenes anteriores, eliges una a gusto del editor.

6

Cuando hacemos clic en FONDO nos aparece esta pestaña:

Esto nos ayuda a configurar el fondo que el cada persona elija acorde al tema y a lo que se vaya a hablar en el blog. Podemos dejar el fondo predeterminado de la pantalla, o también podemos cambiarlo. Para poner otro fondo de pantalla los pasos a seguir son muy sencillos:

-Hacemos clic donde pone imagen de fondo, y nos salen una serie de imágenes, si hay alguna de nuestro agrado la elegimos, y se colocará inmediatamente en el fondo de nuestro blog, y si no nos gusta ninguna foto hacemos clic en subir imagen, seleccionar archivo y elegimos una de nuestros documentos del ordenador, hacemos clic en listo y está terminado. Para este ejemplo, elegiremos una foto de la galería de nuestro ordenador.

7

Continuamos con AJUSTAR ANCHO, en esta herramienta de la plantilla conseguiremos el ancho del blog que nosotros deseemos.

En DISEÑO elegimos la distribución de nuestras entradas en el blog, también de los gadgets, la descripción del blog…etc.

En AVANZADO podemos cambiar los estilos de letra de cada título del blog, de los fondos, de los enlaces… Podemos decorar nuestro blog como queramos.

ANTES

DESPUÉS

Para terminar con la plantilla y el estilo del blog hacemos clic en APLICAR AL BLOG y tendremos las características que nosotros elijamos.

8

¿CÓMO INTRODUCIR IMÁGENES Y VIDEOS EN NUESTRO BLOG?Continuando en este aspecto explicaremos como introducir imágenes en nuestro blog pero no como entradas, y además de esto al pinchar en cada una de las imágenes que coloquemos nos llevará a una página de internet diferente.

Hacemos clic en diseño y en añadir gadget, se nos abrirá una pestaña como la siguiente:

Al abrirse esta pestaña haremos clic en IMAGEN y se nos abrirá inmediatamente otra pestaña.

En esta pestaña, comenzaremos eligiendo un título para la imagen, después elegiremos un pie de foto, aunque no es obligatorio, en enlace escribiremos una página que luego al hacer clic en la foto se abrirá inmediatamente.

Finalmente elegiremos una foto que previamente tendríamos que haber guardado en el ordenador y pincharemos en seleccionar archivo, reducir hasta ajustar y en guardar. Las fotos que insertemos se verán así en nuestro blog.

9

Los videos se añaden de la misma manera pero habría que ir a www.youtube.com ir al video que nos guste y realizar lo siguiente.

Al copiar el código podremos insertarlo en una entrada o en un gadget como las imágenes. Se puede modificar su forma: su altura HEIGHT y su anchura WIDTH, en el código como podemos observar aparecen esas palabras y solo habría que cambiar los números que aparecen entre comillas.

¿CÓMO SE AÑADEN GADGETS?1. Primero empezaremos con un gadget simple. Hacemos clic en DISEÑO, en

añadir gadget y nos saldrá una pestaña para elegir el tipo de gadget que queremos, pulsamos en más gadget y elegimos el de los peces, por ejemplo.

COPIAMOS EL CÓDIGO HTML

10

Nos saldrá una pestaña de configurar gadgets y una serie de pestañitas en las que tendremos que elegir el estilo. Cuando lo tengamos a nuestro gusto hacemos clic en guardar, y después en guardar disposición.

Aquí tendremos que hacer clic siempre para incluir en nuestro blog

gadgets.

11

Y así quedaría finalmente el primer gadget en nuestro blog.

2. Ahora vamos a añadir un gadget de hora y día por ejemplo, este gadget no aparece como predeterminado en el blog de Google por lo tanto hay que buscar su HTML para poder insertarlo en nuestro blog. Nos meteremos en la página www.gadgetsparablogger.com. Hacemos clic en MAS GADGETS y buscamos uno a nuestro gusto, que en este caso sería un calendario.

CODIGO HTML

12

Copiamos el código HTML, asegurándonos de que lo copiamos entero. Volvemos a blogger a diseño y pulsamos en añadir gadget, pero en este caso no en ¨más gadgets¨ cómo el anterior si no que hay que buscar este símbolo:

Hacemos clic e insertamos el código. Guardamos y damos a vista previa para comprobar como ha quedado en nuestro blog.

13

Esta pestaña sirve para añadir cualquier tipo de gadget y así lo explicaremos en el paso siguiente. Se pueden añadir muchos más gadget de esta página comentada anteriormente para decorar y animar nuestro blog, de la misma manera y con los mismos pasos.Chats, juegos, gidgets de visitas... etc

14

¿QUÉ ES VOKI? ¿CÓMO PODEMOS INTRODUCIRLO EN NUESTRO BLOG?

En el paso seis comentamos como incluir un VOKI en nuestro blog. Voki es una herramienta interesante que podemos tomar para el aula de idiomas (excelente, para inglés). Se trata de un widget (como un "extra") gratuito que produce un "voki" o personaje (avatar) que se mueve y habla el texto que le introducimos.

Nos metemos en www.voki.com.

Hacemos clic en ¨register¨ si queremos registrarnos, rellenaremos los apartados y cuando tengamos hecha la cuenta (no necesariamente) hacemos clic en ¨create¨ y comenzamos a diseñar nuestro voki. Hacemos clic en ¨publish¨ y ya tendremos nuestro código httml.

Copiamos el código html como si de un gadgets se tratase, como hemos comentado anteriormente, hacemos clic en nueva entrada o en diseño y en añadir gidget, buscamos este icono y hacemos clic en él.

CÓDIGO HTML

VOKI PARA BLOG

15

Cuando se abra la pestaña introduciremos el código html que nos venía en la página, y lo introduciremos como si fuese un gadget normal, guardamos la disposición y ya tendremos el voki diseñado en nuestro blog.

¿QUÉ ES CALAMEO Y COMO PUEDO INTRODUCIRLO EN EL BLOG?Calaméo es una herramienta 2.0 para alojar diversos tipos de documentos proporcionando una visualización moderna de libro digital que cuenta con un zoom interactivo muy dinámico. Es similar a otros conocidos servicios como Issuu.

Iremos a la página www.calameo.com, nos crearemos una cuenta que será gratuita, que tendremos que activar desde nuestro correo para poder empezar a publicar.

Hacemos clic en publicar o en crear publicación y subimos un documento que previamente tendría que a ver sido creado y guardado en nuestro ordenador.

Al subirlo a calameo aparecerá otra página en la que tendremos que elegir un título, una carpeta…

16

Haremos clic en publicar

17

Como ya hemos explicado anteriormente, de igual manera que los demás, diremos que tiene que hacer clic en nueva entrada o en añadir gadget en diseño y buscar la herramienta HTML e introducir el código, hacer clic en guardar disposición y ya tendremos CALAMEO en nuestro blog.

¿CÓMO

PODEMOS PONER MÚSICA EN NUESTRO BLOG?

Para poner música en nuestro blog nos meteremos en www.scmplayer.com con nuestro navegador. SCM Music Player es un reproductor de música web de código libre y abierto, que trae una experiencia musical sin problemas a su sitio web.

Lo primero que tendremos que hacer es elegir un tipo de estilo para nuestra barra de música en el blog.

Pondremos el cursor encima del documento y haremos clic en

incrustar.

Copiamos el código httml y lo introducimos en el blog como hemos

explicado anteriormente.

Haremos clic en cualquiera de los diseños, y nos aparecerá en la parte de arriba de la pagina el elegido tal y

como quedará en el blog

DISEÑO ELEGIDO

18

Cuando terminemos de elegir el diseño, haremos clic en NEXT o SIGUIENTE y comenzaremos a escribir los títulos de las canciones y a pegar el código URL de dichas canciones.

Aquí pondremos solo el nombre del título de la

canciónJUAN MAGAN, SI NO TE

QUISIERA

CODIGO URL www.youtube....

19

Continuamos y volvemos a hacer clic en SIGUIENTE, esta vez tendremos que configurar los ajustes de nuestra lista de reproducción.

Si elegimos auto play la música se reproducirá automáticamente al entrar en nuestro blog, también tenemos la opción de que las canciones se reproduzcan aleatoriamente, de elegir el máximo de volumen y de elegir donde queremos que este situada la barra de música, arriba o abajo.

Finalmente haremos clic en hecho, y ya tendremos nuestro código HTML para introducir en nuestro blog como ya hemos explicado.

20

¿QUÉ ES VOZME? VozMe es una entretenida aplicación Online que nos permitirá convertir cualquier texto que deseemos en voz y en formato MP3, en el idioma que elijamos, disponibles: español, italiano e inglés.Podemos escribir cualquier palabra, oración o párrafo y al hacer clic en Generar MP3 el sistema nos mandara a otra ventana donde se reproducirá con una especie de robótica voz lo que hemos escrito y nos generará el enlace para descargarlo en formato MP3.

Primero iremos a www.vozme.com no hace falta estar registrado previamente para utilizar esta aplicación.

Al hacer clic en crear MP3 ya tendremos guardada nuestra nota de audio con el contenido deseado y solo tendremos que introducirlo en nuestro blog.

En este apartado introduciremos el

texto que queramos posteriormente se

reproduzca

Haremos clic aquí para crear el

MP3

Podemos elegir el idioma que

deseemos y la voz que queramos

21

¿QUÉ ES ISSUU? ¿CÓMO PUEDO INTRODUCIRLO EN EL BLOG?Isuu es una plataforma de publicación digital que hace que sea fácil publicar revistas, catálogos, periódicos, libros, y más en línea.Para comenzar iremos a la página www.issuu.es y comenzaremos a ver archivos en línea. Podremos buscar un archivo cualquiera a nuestro gusto (libro, revista…), al buscarlo nos saldrá de esta manera.

Hacemos clic en uno de los archivos

22

A continuación haremos clic en COMPARTIR y posteriormente a INCRUSTAR y nos saldrá lo siguiente:

Este es el código HTML que tendremos que insertar como ya hemos explicado y ya tendremos issu en nuestro blog.

Así aparecería en nuestro BLog

23

¿QUÉ ES TAGUL? Tagul es una aplicación online que genera imágenes a partir de las palabra clave de un texto que introducimos previamente; los dibujos con texto son muy útiles para ilustrar material didáctico que diseñemos nosotros, destacar conceptos clave de forma más atractiva o para destacar nuestro blog; requiere registro, aunque podemos ahorrar tiempo entrando desde twitter, facebook u otros sitios web.Para insertarlo en nuestro blog, empezaremos desde la página www.tagul.com.

Tendremos que comenzar haciéndonos una nueva cuenta, registrándonos, es muy sencillo. Después de registrarnos, haremos clic en CLOUDS (nubes) y ahí pincharemos en CREATE NEW CLOUD (crear nueva nube).

Elegimos el color con el que queramos que aparezca la palabra

En esta columna pondremos la

página que queramos que salga cuando pinchemos

en la palabra

En esta columna

escribiremos las palabras que

aparecerán en la figura.

24

Elegiremos una Forma, un fondo, unos colores de animación y para terminar guardaremos los cambios y haremos clic en GRAB AND SHARE

Copiamos el código HTML y como ya sabemos, tendremos que hacer clic primero en diseño, luego en añadir gadgets y posteriormente en HTML o también podremos pegarlo en una nueva entrada, pegaremos el código, daremos a guardar y ya tendremos nuestro tagul en el blog.

25

¿QUÉ ES DUTSUB?DotSub es una herramienta 2.0 que te permite subtitular todos tus vídeos favoritos, que pueden ser subidos por el propio usuario o distintos usuarios, y compartir tus vídeos subtitulados con todo el mundo. También te permite subtitular los vídeos en cualquier idioma, e incluso varios idiomas en un mismo vídeo. Así podemos compartir vídeos con personas de todos los lugares del mundo, independientemente del idioma que hablen. Para introducirlo en nuestro blog lo primero que tendremos que hacer será ir a la página www.dotsub.com, tendremos que darnos de alta.

Haremos clic en UPLOAD y rellenaremos los apartados.

Para finalizar elegiremos el idioma que queramos, y subiremos el video desde nuestro ordenador. A continuación comenzaremos a escribir los subtítulos que queramos que salgan en que minuto y en cuanto tiempo:

Haremos clic en CAPTION AND TRANSLATE y nos saldrá la siguiente página.

TITULO DE LA

CANCION

BREVE DESCRIPCIÓN

DEL VIDEO

26

Haremos clic en GO BACK TO VIDEO PAGE que nos llevará, ya con el video subtitulado como nosotros queramos, a la página inicial, para poder guardarlo y copiar el código con el que luego podremos colocarlo en nuestro blog.

Haremos clic en SHARE y copiaremos uno de los dos códigos HTML, generalmente el primero, y ya podremos llevárnoslo hasta nuestro blog.

AQUÍ INTRODUCIREMOS EL TEXTO QUE QUERAMOS Y ELEGIREMOS LOS SEGUNDOS O MINUTOS EN LOS QUE QUERAMOS QUE SALGA.

CLIC PARA ENVIAR

SUBTÍTULO

27

¿QUÉ ES SLDSHARE?Es un sitio web que ofrece a los usuarios la posibilidad de subir y compartir en público o en privado presentaciones de diapositivas en PowerPoint, documentos de Word, Open Office, PDF, Portafolios. ...

Para comenzar iremos directamente a la página www.sldshare.com

Haremos clic en CREATE NOW y como comprobaremos, si no tienes cuenta previa, te mandará crearte una, pincharemos en SIGNUP y rellenaremos los apartados.

Después de crearnos la cuenta haremos clic en UPLOAD y empezaremos a crear nuestro documento. Cuando tengamos creado nuestro documento en un WORD, POWER POINT…

28

HAREMOS CLIC EN UPLOAD Y SUBIREMOS

NUESTRO DOCUMENTO DESDE EL ORDENADOR,

NOS APARECERÁ LO SIGUIENTE

AGREGAREMOS UN TITULO A NUESTRO DOCUMENTO

ELEGIREMOSUNA CATEGORÍA

DESCRIBIMOS NUESTRO DOCUMENTO

POR ULTIMO GUARDAREMOS EL DOCUMENTO Y

CONTINUAMOS

29

Finalmente ya tenemos nuestro código para insertarlo como entrada o gadget en nuestro blog o pagina web.

¿QUÉ ES PREZI?Prezi es una aplicación multimedia para la creación de presentaciones similar a Microsoft Office PowerPoint o a Impress de Libre Office pero de manera dinámica y original. La versión gratuita funciona solo desde Internet y con una limitante de almacenamiento. Para poder introducirlo en nuestro blog primero tendremos que ir hasta la página prezi.com haremos clic en entrar en la parte superior derecha. Y haremos clic en crear cuenta.

Haremos clic en nuevo prezi y se nos abrirá directamente otra página.

30

Elegiremos una plantilla y haremos clic en usar plantilla o iniciar prezi en blanco.

Cuando lo tengamos haremos clic en salir yya tendremos nuestro prezi, haremos clic en guardar y posteriorimente en salir y ya podremos compartirlo.

Haremos clic en insertar y ya tendremos nuestro código para insertar el prezzi en nuestro blog en forma de entrada o gadget como ya hemos contado anteriormente, o en nuestra página web.

31

CREAR UN COMIC E INSERTARLO EN EL BLOG CON PIXTÓN.Primero comenzaremos en la página www.pixton.com y comenzaremos haremos clic en obtener cuenta.

Como siempre comenzaremos a rellenar los espacios con nuestros datos personales y cuando terminemos haremos clic en acepto. Tendremos que ir hasta nuestro correo y activar la cuenta cuando lo tengamos haremos clic en continuar.

32

Hacemos clic en CREAR UN COMIC AHORA, y elegiremos un tipo de comic.

Al terminar el blog, ya podremos compartir y descargar el comic.

HAREMOS CLIC EN ESTE SÍMBOLO QUE COMO YA SABEMOSSIRVE PARA INSERTAR EN UNA PAGINA WEB Y NOS SALDRÁ LO SIGUIENTE.

33

Cuando tengamos el código ya sabemos que podemos insertarlo en el blog tanto como entrada como gadget. Y se vería asi en nuestro blog.

Pues ya, tenemos todas las herramientas explicadas en el informe que hemos utilizado en este curso sobre la WEB 2.0.