Curso blogger tin

145 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
145
En SlideShare
0
De insertados
0
Número de insertados
1
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Curso blogger tin

  1. 1. Curso blog_TIN.notebook May 11, 2012 CREACIÓN DE UN BLOG CON BLOGGER WEB 2.0. APLICACIONES EDUCATIVAS Alejandro Fernández Pascual Crear un blog:  Entrar en la página http://www.blogger.com 1
  2. 2. Curso blog_TIN.notebook May 11, 2012 Accedemos a nuestra cuenta Google (1). Si no tenemos cuenta pulsamos CREAR UN  BLOG (2), donde crearemos una. (1) (2) Crear una cuenta Google Account. Si ya la tenemos saltamos este paso   Rellenamos el formulario para crear la cuenta. 2
  3. 3. Curso blog_TIN.notebook May 11, 2012 Introducimos el código de verificación de la palabra, aceptamos las condiciones y pulsamos  en CONTINUAR Escogemos un nombre para el blog (habrá que comprobar que esté disponible) 3
  4. 4. Curso blog_TIN.notebook May 11, 2012 Eleginos una plantilla en la que se basará el diseño de nuestro blog (podemos  previsualizarlas antes de escoger) A continuación se muestra el mensaje que confirma que se ha creado el blog correctamente.  Ahora empezamos a publicar 4
  5. 5. Curso blog_TIN.notebook May 11, 2012 Actividad 2 Repite los pasos vistos hasta ahora y crea tu propio blog sobre  algún tema que te resulte atractivo. Accedemos a la página principal de administración de nuestro blog. Tenemos cuatro pestañas  principales (Creación de entradas, Configuración, Diseño y Monetizar) 5
  6. 6. Curso blog_TIN.notebook May 11, 2012 Creación de entradas Permite crear y modificar las entradas del Blog (artículos, ensayos, opiniones,  actividades, etc).  Configuración Es la pestaña más importante desde el punto de vista de la administración del blog.  Permite cambiar las preferencias de visualización del blog, la entrada de comentarios y   establecer permisos de acceso y publicación de contenidos para otros usuarios. Diseño Permite cambiar la apariencia de nuestro blog: Seleccionar la plantilla del blog, el tipo de  letra, los colores, la organización de las secciones, etc. Monetizar  Se utiliza para incluir publicidad en el blog. Creación de entradas Seleccionamos   Nueva entrada  . El recuadro que aparece debajo es donde se escribe la  entrada (1) y ofrece las opciones básicas de un procesador de texto con la posibilidad de  insertar contenido multimedia como imágenes y videos. Cuando creamos una entrada tenemos que etiquetarla con palabras clave sobre el contenido de  la misma. Esto lo haremos a través del cuadro etiquetas de esta entrada(2). (1) (2) 6
  7. 7. Curso blog_TIN.notebook May 11, 2012 Una vez escrita la entrada pulsamos en Publicar entrada. Nos aparecerá un mensaje de  confirmación informando que la entrada se ha publicado correctamente. Si ahora pichamos en Ver entrada, veremos la entrada publicada en el blog. http://tecnologiaparatods.blogspot.com/ Cuando tenemos varias entradas publicadas, podemos gestionarlas en la opción  Editar entradas 7
  8. 8. Curso blog_TIN.notebook May 11, 2012 Actividad 3 Publica ahora tu primera entrada con un breve texto de presentación  del blog. ¡No olvides etiquetar la entrada! Ahora vamos a publicar una entrada con una imagen. La imagen podemos obtenerla de nuestro disco  duro, de internet o podemos capturar una imagen de una página (por ejemplo un titular de un  periódico digital). Empezaremos descargando una imagen de internet y añadiéndola a nuestro blog. Entramos en la dirección  http://bancoimagenes.isftic.mepsyd.es/ 8
  9. 9. Curso blog_TIN.notebook May 11, 2012 Seleccionamos Fotografías y hacemos una búsqueda en la base de datos (por ejemplo Ciudad  Rodrigo). Nos aparecen varias fotos. Seleccionamos una de ellas. Al seleccionarla obtenemos información sobre el formato de la imagen, el tema y a qué categorías  curriculares pertenece. A continuación pulsamos en Descargar archivo 9
  10. 10. Curso blog_TIN.notebook May 11, 2012 Aceptamos las condiciones de uso y guardamos el archivo en el Escritorio (por ejemplo) Ahora vamos a comprobar el tamaño de la imagen. Siempre que trabajemos con imágenes en  internet, documentos de Office, OpenOffice, etc. será necesario comprobar el tamaño de las  imágenes con las que estamos trabajando, porque si el tamaño es muy grande, se ralentizan  mucho todas las tareas. Vamos al escritorio, y en la foto  Fotocapiteles pulsamos con el  botón derecho y seleccionamos  Propiedades 10
  11. 11. Curso blog_TIN.notebook May 11, 2012 Se muestran las propiedades de la imagen, entre  las que está el tamaño. En este caso el tamaño es  1,47MB. Se recomienda trabajar con imágenes del  orden de los 100KB, por lo que está imagen es  demasiado grande y habrá que reducirla.  Recuerda : 1MB = 1000KB A continuación se explica cómo reducir  con Paint el tamaño de una imagen. Si ya  sabes cómo hacerlo, puedes saltarte este  paso.   ¿Cómo reducir una imagen? Para reducir el tamaño de una imagen necesito Editarla. Pulso de nuevo con el botón  derecho del ratón sobre la imagen y selecciono Editar 11
  12. 12. Curso blog_TIN.notebook May 11, 2012 Se abre el programa Paint de Windows que permite modificar la imagen. Pulsamos en Imagen y  seleccionamos Expandir o Contraer... Se abre un diálogo que permite elegir el porcentaje de expansión e introducimos los valores  de 30% tanto en Horizontal como en Vertical. Al tomar el mismo valor en las dos direcciones,  cuando se reduzca la fotografía no se deformará. 12
  13. 13. Curso blog_TIN.notebook May 11, 2012 Guardamos la nueva imagen. Si comprobamos de nuevo su tamaño, veremos que ahora  ocupa 123KB. Ahora ya está lista para subirla al blog. Actividad 4 Descárgate una imagen del banco de datos del Mepsyd relacionada  con el tema de tu blog, y reduce su tamaño si es necesario. http://bancoimagenes.isftic.mepsyd.es/ 13
  14. 14. Curso blog_TIN.notebook May 11, 2012 Voy a publicar la foto descargada en mi blog. Si he cerrado la página de blogger, vuelvo a  entrar en la página. http://www.blogger.com Accedo a mi cuenta de Google en Blogger Se abre el Escritorio de Blogger, donde se muestran mis blog y las mismas opciones que  teníamos en las pestañas de la página de administración del blog. Pulso en Nueva entrada 14
  15. 15. Curso blog_TIN.notebook May 11, 2012 Nos aseguramos que estamos trabajando en la pestaña Redactar. A continuación doy un título a  la entrada, inserto un texto comentando la foto y escribo las etiquetas para esta  entrada del blog.  Por último pulso en el botón de insertar imagen. Insertar imagen   Se abre el diálogo para añadir una imagen. Puedo añadirla desde el equipo o dando la dirección web  donde se encuentre la imagen que me interese publicar. Podemos también  elegir el diseño de la foto y el  texto y el tamaño con el que se publicará la imagen en el blog. Para añadir la foto Fotocapiteles del  equipo, pulso en Examinar y selecciono la carpeta donde esté almacenada (Escritorio). A continuación  pulso SUBIR IMAGEN 15
  16. 16. Curso blog_TIN.notebook May 11, 2012 Esperamos a que se cargue la imagen.... A continuación se muestra un mensaje que confirma que se ha añadido la imagen.  Pulsamos en FINALIZADO y volveremos a la edición de la entrada. Vemos  que ahora aparece la imagen en la entrada con el texto que habíamos escrito. Ya sólo  nos queda pulsar el botón de PUBLICAR y tendremos la nueva entrada con la imagen  publicada en el blog. 16
  17. 17. Curso blog_TIN.notebook May 11, 2012 Para ver el resultado pulsamos en Ver entrada. Actividad 5 Publica en tu blog la imagen descargada del banco de imágenes.        Recuerda etiquetar la entrada. 17
  18. 18. Curso blog_TIN.notebook May 11, 2012 A continuación voy a añadir una entrada con un vídeo que he encontrado en Youtube y me interesa  compartirlo con los alumnos. En primer lugar entro en Youtube y busco un vídeo relacionado con la  energía eólica. Elijo el vídeo que me interesa, que es el segundo que aparece. Al seleccionarlo se reproduce el vídeo elegido. Para insertarlo en nuestro blog, tenemos que copiar un  código que aparece en esta página bajo la palabra Insertar Selecciono y copio este código   18
  19. 19. Curso blog_TIN.notebook May 11, 2012 Edito una nueva entrada en mi blog. Introduzco el título, un texto que describa el vídeo y las etiquetas  de la nueva entrada. A continuación pulso en edición de HTML y pego el código del vídeo. Aparece  una ristra de código extraño que insertará el vídeo en mi blog. Por último publico la entrada y la  visualizo como otras veces. Vemos el resultado. Añadiendo el vídeo de esta forma, se incluye el reproductor en nuestro  blog, facilitando a los lectores su reproducción 19
  20. 20. Curso blog_TIN.notebook May 11, 2012 Actividad 6 Busca un vídeo en Youtube relacionado con el tema de tu blog y  publícalo. Recuerda etiquetar la entrada. Otras opciones del editor de Blogger son añadir un enlace a una página web o añadir un vídeo  que tengo almacenado en el disco duro. Añade un vídeo Añade un enlace a una página web (antes tengo que seleccionar un texto o una imagen) 20
  21. 21. Curso blog_TIN.notebook May 11, 2012 Además de las entradas que hemos visto, se pueden añadir al blog otros elementos llamados  gadgets. Para ello seleccionamos la pestaña Diseño de la página principal de administración del  blog. En esta sección podemos maquetar el blog, cambiar las fuentes y colores utilizados en su  diseño o seleccionar una plantilla diferente para nuestro blog. Un gadget es una pequeña aplicación que se añade en el blog y nos permite hacerlo más  interactivo y darle una mayor funcionalidad. Hay muchos diferentes y cada día se desarrollan  gadgets nuevos. Los más usados son las listas de enlaces a páginas web, el menú con las  etiquetas del blog, encuestas, el archivo del blog... encuesta buscador etiquetas Lista de enlaces 21
  22. 22. Curso blog_TIN.notebook May 11, 2012 Las plantillas suelen incluir por defecto algún gadget, en este caso vemos el de Archivo del blog. Estos  gadgets los puedo editar o suprimir cuando quiera. A continuación voy a añadir un gadget a mi blog. Pulso en Añadir un gadget en la posición  que deseo que aparezca dentro de la página del blog. 22
  23. 23. Curso blog_TIN.notebook May 11, 2012 Se abre una ventana con un menú que muestra los gadgets disponibles. Añadiré el Cuadro de  búsqueda que aparece en el menú Lo básico. Además de los gadgets básicos que se presentan  al abrir la ventana, puedo añadir muchos más, disponibles en los menús (Destacados, Los más  populares, Más gadgets) Cada gadget tiene tiene su propia ventana de configuración, donde introducimos la  información necesaria para crearlo. Una vez configurado el gadget, pulsamos en Guardar Ejemplos de diálogos de otros gadgets 23
  24. 24. Curso blog_TIN.notebook May 11, 2012 Vemos cómo queda en el blog. Si quiero volver a editarlo, puedo hacerlo pulsando en  el símbolo Gadget añadido Actividad 7 Añade tres gadgets a tu blog: •  Menú con las etiquetas de las entradas del blog en forma de nube. •  Una lista de enlaces con las direcciones de dos blogs de tus  compañeros (Lista de Blogs). • Una encuesta sobre un tema relacionado con tu blog. 24
  25. 25. Curso blog_TIN.notebook May 11, 2012 Como última parte de este curso de Blogger vamos a trabajar con la pestaña de Configuración de la  página de administración del blog. Dentro de esta pestaña hay varios subapartados. Nos centraremos en  el Básico,los Comentarios y los Permisos. La página de Básico nos permite Importar/Expotar entradas del blog, suprimir el blog, cambiar el título,  añadir una descripción del blog, así como otras opciones de edición. Una vez modificada la  configuración, debemos siempre guardarla pulsando el botón                                         situado al final  de la página. 25
  26. 26. Curso blog_TIN.notebook May 11, 2012 La página de Comentarios nos permite gestionar la entrada y visualización de los comentarios  del blog. Puedo permitir o denegar culquier comentario a las entradas o permitir sólo a los  usuarios autorizados introducirlos. Además de estas opciones se pueden configurar otras  referentes a la forma de mostrar los comentarios o la notificación de comentarios a un grupo de  usuarios a través del correo electrónico. La página de Permisos configura permisos de autoría y de lectura. Autores son los usuarios con  permisos para publicar entradas. Esto nos da la posibilidad de convertir un blog personal en un blog  colaborativo. Los permisos de Lectura posibilitan que un blog sólo sea visible por el grupo de usuarios  que especifiquemos o únicamente por los autores. Si quiero añadir un autor, simplemente tengo que pulsar en Añadir autores e introducir su dirección de  correo electrónico. Se le enviará una invitación y cuando la acepte tendrá permiso para publicar  entradas en el blog (necesitará acceder previamente a su cuenta de Blogger). 26
  27. 27. Curso blog_TIN.notebook May 11, 2012 Para restringir la lectura a un grupo de Lectores, selecciono la opción Solo los que yo elija y  en el cuadro que aparece introduzco sus direcciones de correo eletrónico separadas por  comas. Por último, pulso Invitar. Entre las demás opciones de configuración que tenemos, podemos configurar el dominio de  Publicación del blog, el Formato de la hora y la fecha, la frecuencia de Archivo del blog, la difusión  del blog o Feed del sitio, la creación de entradas mediante Correo electrónico y móvil, o el acceso al  blog mediante OpenId 27
  28. 28. Curso blog_TIN.notebook May 11, 2012 Por último, para salir de la cuenta de Blogger y finalizar el tutorial, pulsa en Salir. Actividad Final Configura tu blog de la siguiente manera: • Sólo los miembros del blog pueden introducir comentarios. • Sólo pueden leer el blog los usuarios que elijas. Elige un compañero del curso y añadiros, como lector y como autor,  cada uno en el blog del otro. Comprobad que podéis introducir  comentarios y publicar nuevas entradas en el blog del compañero. 28
  29. 29. Curso blog_TIN.notebook May 11, 2012 29

×