Your SlideShare is downloading. ×
0
INTRODUCCIÓN A LOS EDUBLOGS IES Sevilla la Nueva 22 de Febrero de 2011 SEMINARIO
ÍNDICE DE LA SESIÓN 2. Personalizando el blog. Insertar un reloj. <ul><li>Personalizando el blog. Insertar un calendario: ...
<ul><li>Personalizando el blog. Insertar un calendario </li></ul><ul><li>Puede resultar muy útil insertar un calendario en...
<ul><li>Aunque blogger nos ofrece la posibilidad de publicar uno de sus calendarios como gadget, vamos a recurrir a una pá...
<ul><li>Al acceder, visualizamos distintos tipos de calendarios, con diferentes imágenes y tamaños.  </li></ul><ul><li>Ade...
<ul><li>Accedemos a nuestro blog, añadimos desde diseño un gadget html, y pegamos el código que hemos copiado. </li></ul><...
<ul><li>La segunda opción es insertar un calendario de Google-Calendar. Esto presenta la ventaja de que podemos incluir ev...
<ul><li>Pinchamos en la zona superior en  Mas/Calendar </li></ul><ul><li>Personalizando el blog. 1.2 Insertar un calendari...
<ul><li>En la ventana principal podemos visualizar el calendario actual. </li></ul><ul><li>En la zona izquierda podemos cr...
<ul><li>Personalizando el blog. 1.2 Insertar un calendario de Google-Calendar </li></ul>
<ul><li>En la ventana principal de creación de nuevo calendario completamos los campos que se nos piden, como nombre, desc...
<ul><li>Antes de crear definitivamente el calendario, nos aparecerá un mensaje advirtiéndonos de las consecuencias de tene...
<ul><li>En la zona izquierda, en el apartado de Mis calendarios, aparecerá el nombre del nuevo calendario que hemos creado...
<ul><li>Para insertar un evento en el calendario, no tenemos más que hacer click en el día y la hora a la que lo queramos ...
<ul><li>Siempre podemos modificar un evento ya creado, sin más que pinchar sobre él. </li></ul><ul><li>Una vez que hayamos...
<ul><li>Para poder  compartir el calendario y sus eventos en nuestro blog, necesitamos tener acceso al código html del mis...
<ul><li>Pinchamos en el nombre del calendario que queremos compartir. </li></ul><ul><li>Personalizando el blog. 1.2 Insert...
<ul><li>Buscamos la opción de incrustar el calendario y pinchamos en personalizar el color, el tamaño y otras opciones, pa...
<ul><li>Aunque podemos incrustar el calendario en la barra lateral del blog, lo cierto es que no se visualizarían correcta...
2. Personalizando el blog. Insertar un reloj <ul><li>Vamos a teclear en nuestra barra de navegación la siguiente dirección...
2. Personalizando el blog. Insertar un reloj <ul><li>Si queremos ajustar el tamaño, no tendremos más que modificar los val...
3. Personalizando el blog. Insertar un avatar parlante <ul><li>Si queremos publicar un avatar parlante en nuestro blog, lo...
<ul><li>Completamos los campos que nos piden y aceptamos los términos y condiciones. </li></ul>3. Personalizando el blog. ...
<ul><li>Una vez creada la cuenta, para crear el avatar no tenemos más que pinchar en  “Create a New Voki” </li></ul>3. Per...
3. Personalizando el blog. Insertar un avatar parlante <ul><li>1. Pantalla de previsualización. Podemos comprobar como que...
3. Personalizando el blog. Insertar un avatar parlante <ul><li>Una vez que tengamos el avatar preparado debemos pinchar en...
3. Personalizando el blog. Insertar un avatar parlante <ul><li>Por último, se nos proporciona el código html que necesitam...
4. Personalizando el blog. Insertar una licencia creative-commons <ul><li>De cara a que en cierto modo aseguremos que nues...
4. Personalizando el blog. Insertar una licencia creative-commons <ul><li>Cuando tengamos claro que licencia vamos a inser...
4. Personalizando el blog. Insertar una licencia creative-commons <ul><li>En función de las respuestas que demos, estaremo...
4. Personalizando el blog. Insertar una licencia creative-commons <ul><li>Seleccionamos el botón que más nos guste, (podem...
5. Personalizando el blog. Insertar un foro en el blog <ul><li>Si queremos insertar un foro en nuestro blog para que los a...
5. Personalizando el blog. Insertar un foro en el blog <ul><li>Completamos los campos que aparecen indicando el nombre que...
6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Vamos a insertar un reproductor mp3 en nuestro blog. </li><...
6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Una vez que accedemos con nuestro usuario y contraseña, par...
6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Completamos todos los campos que nos aparecen: título de la...
6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Con la subida completada creamos una “Playlist” (lista de r...
6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Ya podemos observar como va a quedar nuestro reproductor  <...
6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Seleccionamos  “En nuevo Playlist”  para crear la lista. (C...
6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Una vez que tenemos la lista ya creada, para obtener el cód...
6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>En la ventana del Playlist, en la zona inferior tenemos el ...
6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Por último, solo queda generar un gadget de html en nuestro...
ACTIVIDADES <ul><li>Inserta en tu blog un calendario de google calendar en una página estática y crea algún evento en el m...
Upcoming SlideShare
Loading in...5
×

Sesión 22 de Febrero de 2010

922

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
922
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Sesión 22 de Febrero de 2010"

  1. 1. INTRODUCCIÓN A LOS EDUBLOGS IES Sevilla la Nueva 22 de Febrero de 2011 SEMINARIO
  2. 2. ÍNDICE DE LA SESIÓN 2. Personalizando el blog. Insertar un reloj. <ul><li>Personalizando el blog. Insertar un calendario: </li></ul><ul><li>- Predefinido </li></ul><ul><li>- De eventos de google calendar </li></ul>6. Personalizando el blog. Insertar un reproductor mp3 3. Personalizando el blog. Insertar un avatar parlante 4. Personalizando el blog. Insertar una licencia creative-commons 5. Personalizando el blog. Insertar un foro.
  3. 3. <ul><li>Personalizando el blog. Insertar un calendario </li></ul><ul><li>Puede resultar muy útil insertar un calendario en nuestro blog. Esto podemos hacerlo de dos maneras: </li></ul><ul><li>- Insertando un calendario predefinido que no permite ninguna modificación. </li></ul><ul><li>- Insertando un calendario de Google Calendar donde podemos incluir eventos. </li></ul><ul><li>En ambos casos la solución es sencilla, hay que saber donde buscar el código html que luego utilizaremos para insertar en nuestro blog. </li></ul>
  4. 4. <ul><li>Aunque blogger nos ofrece la posibilidad de publicar uno de sus calendarios como gadget, vamos a recurrir a una página externa. </li></ul><ul><li>Tecleamos www.free-blog-content.com en la barra de navegación. </li></ul><ul><li>Accedemos al portal Free Blog Content. Esto ya nos dice que en principio, el acceso a los códigos html es gratuito. No siempre será así. </li></ul><ul><li>En la ventana central seleccionamos la categoría que nos interese, por ejemplo “Nature Calendars”. </li></ul><ul><li>Personalizando el blog. 1.1 Insertar un calendario predefinido </li></ul>
  5. 5. <ul><li>Al acceder, visualizamos distintos tipos de calendarios, con diferentes imágenes y tamaños. </li></ul><ul><li>Además, debajo de cada calendario tenemos acceso al código html correspondiente. Ese será el código que tendremos que copiar y pegar en el gadget html correspondiente. En la ventana de texto hacemos click en el botón derecho y pinchamos en “Seleccionar todo”, y a continuación en “Copiar” </li></ul><ul><li>Personalizando el blog. 1.1 Insertar un calendario predefinido </li></ul>
  6. 6. <ul><li>Accedemos a nuestro blog, añadimos desde diseño un gadget html, y pegamos el código que hemos copiado. </li></ul><ul><li>Es conveniente no tocar el código html, pero si queremos quitar la publicidad del sitio, no hay más que ir a las últimas líneas y suprimir “Free Blog Content”. Además, si queremos ajustar el tamaño, deberemos cambiar los parámetros width y height. </li></ul><ul><li>Personalizando el blog. 1.1 Insertar un calendario predefinido </li></ul>
  7. 7. <ul><li>La segunda opción es insertar un calendario de Google-Calendar. Esto presenta la ventaja de que podemos incluir eventos y hacerlos públicos de una manera muy sencilla. </li></ul><ul><li>Para ello, primero necesitamos conocer como funciona la aplicación de Google “Google Calendar” </li></ul><ul><li>Accedemos a www.google.es </li></ul><ul><li>Personalizando el blog. 1.2 Insertar un calendario de Google-Calendar </li></ul>
  8. 8. <ul><li>Pinchamos en la zona superior en Mas/Calendar </li></ul><ul><li>Personalizando el blog. 1.2 Insertar un calendario de Google-Calendar </li></ul>
  9. 9. <ul><li>En la ventana principal podemos visualizar el calendario actual. </li></ul><ul><li>En la zona izquierda podemos crear tantos calendarios como queramos. Pinchamos dentro de la ventana mis calendarios en la pestaña “Añadir”. </li></ul><ul><li>Personalizando el blog. 1.2 Insertar un calendario de Google-Calendar </li></ul>
  10. 10. <ul><li>Personalizando el blog. 1.2 Insertar un calendario de Google-Calendar </li></ul>
  11. 11. <ul><li>En la ventana principal de creación de nuevo calendario completamos los campos que se nos piden, como nombre, descripción, etc. </li></ul><ul><li>Personalizando el blog. 1.2 Insertar un calendario de Google-Calendar </li></ul><ul><li>Es importante que indiquemos correctamente la franja horaria y que hagamos público el calendario para que todos los usuarios del blog puedan visualizar la información correctamente. </li></ul><ul><li>Por último pinchamos en Crear calendario </li></ul>
  12. 12. <ul><li>Antes de crear definitivamente el calendario, nos aparecerá un mensaje advirtiéndonos de las consecuencias de tener un calendario público, que no son más que cualquier usuario podrá visualizar los eventos que en él creemos. Pulsamos en “Si”. </li></ul><ul><li>Personalizando el blog. 1.2 Insertar un calendario de Google-Calendar </li></ul>
  13. 13. <ul><li>En la zona izquierda, en el apartado de Mis calendarios, aparecerá el nombre del nuevo calendario que hemos creado. </li></ul><ul><li>Podemos tener más de un calendario. Para activarlo solamente debemos pulsar sobre él y esperar a que se resalte con un color. </li></ul><ul><li>En la ventana principal de la derecha observamos el calendario que tengamos seleccionado, en la vista que tengamos activa: Día, semana, mes, etc. </li></ul><ul><li>Personalizando el blog. 1.2 Insertar un calendario de Google-Calendar </li></ul>
  14. 14. <ul><li>Para insertar un evento en el calendario, no tenemos más que hacer click en el día y la hora a la que lo queramos crear. </li></ul><ul><li>Personalizando el blog. 1.2 Insertar un calendario de Google-Calendar </li></ul>
  15. 15. <ul><li>Siempre podemos modificar un evento ya creado, sin más que pinchar sobre él. </li></ul><ul><li>Una vez que hayamos hecho las modificaciones, no debemos olvidar de guardar los cambios. </li></ul><ul><li>Por otro lado, si pinchamos en suprimir, eliminaremos el evento seleccionado </li></ul><ul><li>Personalizando el blog. 1.2 Insertar un calendario de Google-Calendar </li></ul>
  16. 16. <ul><li>Para poder compartir el calendario y sus eventos en nuestro blog, necesitamos tener acceso al código html del mismo. </li></ul><ul><li>Con el calendario resaltado, pinchamos en Configuración </li></ul><ul><li>Personalizando el blog. 1.2 Insertar un calendario de Google-Calendar </li></ul>
  17. 17. <ul><li>Pinchamos en el nombre del calendario que queremos compartir. </li></ul><ul><li>Personalizando el blog. 1.2 Insertar un calendario de Google-Calendar </li></ul>
  18. 18. <ul><li>Buscamos la opción de incrustar el calendario y pinchamos en personalizar el color, el tamaño y otras opciones, para cambiar esto, o bien copiamos directamente el código que aparece justo debajo. </li></ul><ul><li>Personalizando el blog. 1.2 Insertar un calendario de Google-Calendar </li></ul>
  19. 19. <ul><li>Aunque podemos incrustar el calendario en la barra lateral del blog, lo cierto es que no se visualizarían correctamente los eventos. Por esta razón se recomienda incluirlo como página estática, tal y como explicamos en la segunda sesión presencial. </li></ul><ul><li>Personalizando el blog. 1.2 Insertar un calendario de Google-Calendar </li></ul>
  20. 20. 2. Personalizando el blog. Insertar un reloj <ul><li>Vamos a teclear en nuestra barra de navegación la siguiente dirección: </li></ul><ul><li> www.widgetsi.com/relojes-web-gratis.php </li></ul><ul><li>Accedemos a una página donde existen diferentes modelos de relojes. Buscamos uno que se ajuste a nuestro diseño de plantilla y pinchamos en él. </li></ul><ul><li>Al pinchar sobre el nombre del reloj, accedemos al código html que debemos copiar y pegar en un gadget html que creemos en nuestro blog. </li></ul>
  21. 21. 2. Personalizando el blog. Insertar un reloj <ul><li>Si queremos ajustar el tamaño, no tendremos más que modificar los valores de width y height del código html pegado. </li></ul><ul><li>Si queremos quitar el vínculo que por defecto viene creado en el reloj, no tenemos más que acceder al código html y borrar todo el código contenido entre las etiquetas <a y /a>. </li></ul>
  22. 22. 3. Personalizando el blog. Insertar un avatar parlante <ul><li>Si queremos publicar un avatar parlante en nuestro blog, lo primero que debemos hacer es registrarnos en la página www.voki.com </li></ul><ul><li>Para ello pulsamos en la zona superior derecha en el botón register </li></ul>
  23. 23. <ul><li>Completamos los campos que nos piden y aceptamos los términos y condiciones. </li></ul>3. Personalizando el blog. Insertar un avatar parlante
  24. 24. <ul><li>Una vez creada la cuenta, para crear el avatar no tenemos más que pinchar en “Create a New Voki” </li></ul>3. Personalizando el blog. Insertar un avatar parlante
  25. 25. 3. Personalizando el blog. Insertar un avatar parlante <ul><li>1. Pantalla de previsualización. Podemos comprobar como queda el avatar e incluso escuchar el mensaje pulsando en play. </li></ul><ul><li>2. Menú para cambiar colores y modificar la forma del avatar. </li></ul><ul><li>3. Menú para cambiar el avatar así como su apariencia. </li></ul><ul><li>4. Menú para incluir el mensaje del avatar. Lo mejor es incluir un mensaje de texto y escribirlo. Debemos pulsar en el icono de la tecla. </li></ul><ul><li>5. Menú para cambiar el fondo del avatar. </li></ul><ul><li>6. Menú para cambiar el tema, o lo que es lo mismo, el marco que contiene el avatar. </li></ul>
  26. 26. 3. Personalizando el blog. Insertar un avatar parlante <ul><li>Una vez que tengamos el avatar preparado debemos pinchar en publish (publicar) </li></ul><ul><li>En la ventana emergente deberemos seleccionar el nombre del avatar. </li></ul>
  27. 27. 3. Personalizando el blog. Insertar un avatar parlante <ul><li>Por último, se nos proporciona el código html que necesitamos para nuestro blog: </li></ul><ul><li>1. Seleccionamos el tamaño adecuado (si no se ajusta bien luego podremos cambiar las etiquetas width y height en el código. </li></ul><ul><li>2. Seleccionamos el icono de blogger para informar de que es ahí donde vamos a utilizar el avatar. </li></ul><ul><li>3. Pinchamos en el botón copy para copiar el código que luego pegaremos en un gadget html de nuestro blog. </li></ul>
  28. 28. 4. Personalizando el blog. Insertar una licencia creative-commons <ul><li>De cara a que en cierto modo aseguremos que nuestro trabajo es personal y no es aprovechado por terceros, es conveniente que identifiquemos nuestro blog con una licencia comercial. </li></ul><ul><li>Para ello vamos a recurrir al portal web más utilizado para este fin: http:// es.creativecommons.org / </li></ul><ul><li>Ahí pinchamos en la pestaña Licencias para conocer los tipos de licencias que existen. </li></ul><ul><li>Podéis elegir la que más os guste, aunque la más utilizada en los blogs es la de: </li></ul><ul><li>Reconocimiento - NoComercial - SinObraDerivada (by-nc-nd): </li></ul>
  29. 29. 4. Personalizando el blog. Insertar una licencia creative-commons <ul><li>Cuando tengamos claro que licencia vamos a insertar en nuestro blog, pinchamos en “Escoja una licencia”, en la zona superior derecha. </li></ul>
  30. 30. 4. Personalizando el blog. Insertar una licencia creative-commons <ul><li>En función de las respuestas que demos, estaremos solicitando una licencia u otra. </li></ul><ul><li>En título de la obra podemos poner el nombre del blog y en Atribuir la obra, podemos poner nuestro nombre. </li></ul><ul><li>Por último pinchamos en el botón “Escoja una licencia”. </li></ul>
  31. 31. 4. Personalizando el blog. Insertar una licencia creative-commons <ul><li>Seleccionamos el botón que más nos guste, (podemos previsualizar el aspecto final) y copiamos el código html que necesitamos insertar como gadget en nuestro blog. </li></ul>
  32. 32. 5. Personalizando el blog. Insertar un foro en el blog <ul><li>Si queremos insertar un foro en nuestro blog para que los alumnos puedan intervenir sin necesidad de hacerlo mediante comentarios a una entrada, podemos recurrir a un foro muy sencillo, en la página http:// www.cbox.ws / </li></ul><ul><li>Aunque existen modalidades de pago, la versión más sencilla es la más gratuita. Para poder obtenerla no tenemos más que pinchar en </li></ul>
  33. 33. 5. Personalizando el blog. Insertar un foro en el blog <ul><li>Completamos los campos que aparecen indicando el nombre que queremos darle al foro, nuestro mail, contraseña, la dirección del blog, el idioma y el estilo del foro. </li></ul><ul><li>Además, deberemos aceptar los términos y condiciones antes de pulsar Create my Cbox </li></ul><ul><li>Al crear el cbox(foro), obtendremos el código html que tendremos que publicar en el gadget de html correspondiente. </li></ul>
  34. 34. 6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Vamos a insertar un reproductor mp3 en nuestro blog. </li></ul><ul><li>Para ello vamos a recurrir a un servidor remoto que nos permite subir archivos mp3 y además nos genera un reproductor que podemos insertar en nuestro blog. </li></ul><ul><li>Accedemos a la siguiente dirección: </li></ul><ul><li>www.goear.com </li></ul><ul><li> </li></ul><ul><li>Nos registramos pinchando en el botón “Regístrame”, completando los campos que se nos solicitan </li></ul>
  35. 35. 6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Una vez que accedemos con nuestro usuario y contraseña, para subir nuestros archivos de música no tenemos más que pinchar en el botón </li></ul>
  36. 36. 6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Completamos todos los campos que nos aparecen: título de la canción, artista, etc. </li></ul><ul><li>Seleccionamos el archivo mp3 que queremos subir desde nuestro equipo </li></ul><ul><li>Aceptamos los términos y condiciones y pinchamos en Subir música </li></ul>
  37. 37. 6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Con la subida completada creamos una “Playlist” (lista de reproducción), que es lo que me va a permitir generar mi reproductor mp3. Pinchamos en “Mis Canciones&quot; </li></ul><ul><li>Pinchamos sobre el título de la canción que hemos subido. </li></ul>
  38. 38. 6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Ya podemos observar como va a quedar nuestro reproductor </li></ul><ul><li>Como lo más probable es que queramos tener más de una canción, es necesario que creemos una lista de reproducción, para que podamos incluir varias canciones en ésta. </li></ul><ul><li>Pinchamos en “Añadir a Playlist” </li></ul>
  39. 39. 6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Seleccionamos “En nuevo Playlist” para crear la lista. (Cuando ya la tengamos creada, seleccionaremos la opción “En Playlist existente” ). </li></ul><ul><li>Introducimos el nombre de la Playlist y pinchamos en el botón Crear . </li></ul>
  40. 40. 6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Una vez que tenemos la lista ya creada, para obtener el código html del reproductor, no tenemos más que, desde la página principal, pinchar en Mis Playlist , en la zona inferior de la página </li></ul><ul><li>Pulsamos en el nombre de la Playlist que hayamos creado </li></ul>
  41. 41. 6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>En la ventana del Playlist, en la zona inferior tenemos el código html que necesitamos para generar el reproductor mp3 en nuestro blog. </li></ul>
  42. 42. 6. Personalizando el blog. Insertar un reproductor mp3 <ul><li>Por último, solo queda generar un gadget de html en nuestro blog, incluyendo el código al que hemos accedido antes. </li></ul><ul><li>Es importante que tengamos cuidado con el tamaño físico del reproductor. Si es necesario deberemos modificar las etiquetas de width y height en el código. </li></ul>
  43. 43. ACTIVIDADES <ul><li>Inserta en tu blog un calendario de google calendar en una página estática y crea algún evento en el mismo. </li></ul><ul><li>Inserta un calendario predefinido en la página principal del blog. </li></ul><ul><li>Inserta un reloj en la página principal del blog. </li></ul><ul><li>Inserta un foro en la página principal del blog. </li></ul><ul><li>Inserta un reproductor mp3 en la página principal del blog, o en una entrada del mismo. </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×