1. EL USO DIDÁCTICO DE LOS BLOGS DE AULA. 1. Creación de una cuenta de correo en Gmail. 2. Creación de un blog personal en blogger 3. Crear una nueva página. 4. La administración del blog desde el panel de blogger 5. La pestaña de diseño 6. Insertar un vídeo de Youtube 7. Insertar una presentación desde Slideshare 8. Darnos de alta en un servicio de almacenamiento de archivos ÍNDICE
2. 1. CREACIÓN DE UNA CUENTA DE CORREO EN GMAIL Ir a la página www.gmail.com y pincha en el enlace Apúntate a Gmail Aparecerá la siguiente pantalla. Nos registramos rellenando nuestros datos s
3. 1. CREACIÓN DE UNA CUENTA DE CORREO EN GMAIL Una vez realizado el registro ya tenemos una cuenta de correo. Nos aparece la pantalla de bienvenida; le damos al botón para acceder a la misma .
4. La utilización didáctica de los blogs 2. CREACIÓN DE UN BLOG PERSONAL EN BLOGGER En la barra de direcciones escribimos la dirección www.blogger.com para acceder a la página de inicio. Tecleamos el nombre y la contraseña de la cuenta que hemos creado en gmail y accedemos con el botón correspondiente tienes que poner el nombre que aparecerá en las entradas del blog y después de aceptar la condiciones dale a continuar
5. 2. CREACIÓN DE UN BLOG PERSONAL EN BLOGGER En la siguiente nos pide que creemos nuestro primer blog pinchando en el botón correspondiente. Si queremos también aquí podemos editar nuestro perfil y añadir una imagen que nos identifique.
6. 3. CREAR UNA PÁGINA Lo primero que haremos será crear una página (pestaña “Editar páginas”) de presentación del blog en la que indiquemos quiénes somos y qué intención nos mueve a abrir el blog.
7. 4. ADMINISTRACIÓN DEL BLOG DESDE EL PANEL DE BLOGGER En la página www.blogger.com entramos con nuestro nombre de usuario y contraseña para acceder al escritorio desde donde gestionamos nuestro blog. Tenemos las opciones de crear una nueva entrada o de editar las entradas que ya hemos escrito, gestionar los comentarios y cambiar la configuración del blog o el diseño
8. Si elegimos nueva entrada nos encontramos con la siguiente pantalla abierta en la pestaña “Creación de entradas”: Es similar a un procesador de texto. Tenemos un espacio para el título del artículo o post. La mayor parte la ocupa el espacio para escribir. Encontramos una barra con diversas herramientas. Las opciones de entrada (fecha, hora), y el espacio para etiquetar. Por último dos botones para publicar lo que hemos escrito, guardarlo como borrador o ver el resultado antes de publicarlo 4. ADMINISTRACIÓN DEL BLOG DESDE EL PANEL DE BLOGGER
9. Botones de la barra de herramientas 1. Deshacer y rehacer 2. Tipo de letra y tamaño 3. Negrita, cursiva y subrayado 4. Colores de texto y de fondo 5. Crear hipervínculos o enlaces a páginas de Internet 6. Insertar imágenes y vídeos. 7. Alineación del texto (derecha, centrada, izquierda, justificada) 8. Crear listas 9. Borrar formato; interesante si en lugar de escribir un texto lo pegamos desde otra aplicación (procesador de texto por ejemplo). 10. Corrector ortográfico Sobre la barra de herramientas tenemos dos pestañas. Normalmente utilizaremos la de “ Redactar ” “Edición HTML” la usaremos para pegar código en algunas ocasiones.
10. Utilización didactica de los blogs Desde aquí también podemos editar otras entradas que tengamos en el blog o editar nuevas páginas (ya visto anteriormente). Si optamos por “Editar entradas” vamos al sitio en el que están todas las entradas que hayamos escrito (estén publicadas o no) y desde ahí las podemos administrar
11. En la ventana principal tenemos también otras pestañas en las que podemos modificar las opciones de configuración del blog y el diseño del mismo. Así mismo podemos gestionar los comentarios, ver las estadísticas y disponemos de la posibilidad de ver el blog. En la ventana principal tenemos también otras pestañas en las que podemos modificar las opciones de configuración del blog y el diseño del mismo. Así mismo podemos gestionar los comentarios, ver las estadísticas y disponemos de la posibilidad de ver el blog. En la pestaña “Configuración” se nos ofrecen varias posibilidades. Es interesante revisar “Básico” “Formato” “Comentarios” y “Permisos” . En esta última daremos permiso a otros posibles usuarios del blog (alumnos por ejemplo). Importante : cada vez que hagamos un cambió debemos guardar la configuración con el botón que hay en la parte de abajo de la página .
12. En la pestaña “Comentarios” gestionaremos los que se hagan en el blog. En la pestaña “ Estadísticas ” (disponible desde mayo de 2010) podemos ver las visitas que nos hacen, su procedencia, etc .
13. 5. LA PESTAÑA DE DISEÑO Desde aquí trabajaremos el diseño del blog. La parte principal es la llamada “ Elementos de la página” (la que vemos en la imagen). Hacia la derecha encontramos “Edición HTLM” (más delicada, conviene conocer algo ese lenguaje) y “Diseñador de plantillas” por si queremos cambiar lo modificar a que elegimos al principio. La que utilizaremos más habitualmente es la primera (imagen) desde donde podemos añadir y organizar elementos de la página. Tiene varias partes que se corresponden con lo que el usuario del blog ve: fundamentalmente título, barra lateral y barra inferior. Si editamos el título podemos, por ejemplo, añadirle una imagen; en este caso tenemos que tener cuidado y que el tamaño sea similar al espacio que ocupa el título para que quede bien. En la barra lateral podemos editar y añadir tantos “gadgets” como queramos. Algunos aparecen por defecto pero a mi me parece aconsejable incluir al menos algunos enlaces interesantes relacionados con la temática del blog y sobre todo las etiquetas que facilitan búsqueda. A partir de ahí todo lo que se nos ocurra. La barra inferior funciona igual que la lateral aunque se utiliza poco.
14. 6. COLOCAR EN NUESTRO BLOG UN VÍDEO DESDE YOUTUBE 1º ELEGIR EL VÍDEO Y OBTENER EL CÓDIGO Subir a nuestro blog un vídeo desde youtube o cualquier otro repositorio de vídeos de los que hay en Internet no es complicado. Eso sí, debemos tener en cuenta que hay que utilizar el código HTML y aunque la tarea no nos exige conocerlo sí que hay que saber cómo utilizarlo. Procederemos de la siguiente forma: Vamos a la página de youtube en castelllano http://es.youtube.com y hacemos una búsqueda para encontrar el vídeo que nos interesa. En el ejemplo cambio climático. En la siguiente pantalla encontramos la relación de vídeos que se ajustan a nuestra búsqueda. Pinchamos sobre el que nos interesa y podremos verlo e incluso insertarlo en nuestro blog.
15. Después de hacer clic sobre la imagen nos encontramos con el vídeo. Debajo vemos varias opciones entre las que destaca “Insertar”; si la pinchamos en ella se nos abre un cuadro con el código HTML seleccionado para copiar y otras opciones. Sólo tendremos que copiarlo y pegarlo en la pestaña Edición HTML de la entrada de nuestro blog 2º INSERTAR EL CÓDIGO EN BLOGGER En la página de creación de nuevas entradas de blogger una vez escrito el texto (también podríamos hacer que el artículo fuera solamente el vídeo) nos colocamos en la pestaña Edición HTML . Colocamos el cursor del ratón en el sitio donde queremos que v el vídeo y sólo tenemos que hacer clic derech aya o y pegar el código que antes habíamos copiado. Sólo nos queda etiquetar y publicar la entrada como hacemos habitualmente
16. 7. INSERTAR UNA PRESENTACIÓN EN EL BLOG 1º DARNOS DE ALTA Y SUBIR UNA PRESENTACIÓN A SLIDESHARE. Antes de nada tenemos que entrar a la cuenta de correo que usamos en el registro y confirmar nuestro registro. A continuación haremos lo siguiente: Ir a la página www.slidesh are.net y pincha en el enlace Login
17. Aparecerá la siguiente pantalla en la que nos registramos. Recibiremos un correo para confirmar el registro y accedemos a la página de bienvenida
18. En la siguiente pantalla ya aparece nuestro nombre de registro. Desde aquí podemos subir nuestra presentación; para ello elegimos la opción Upload En la pantalla siguiente le daremos de nuevo al botón Upload para elegir el archivo que queremos subir. Se nos abre una ventana donde buscaremos la carpeta en la que está el archivo que queremos subir. Seleccionamos el archivo y le damos a abrir.
19. En la siguiente ventana vemos el proceso de subida del archivo y un cuadro en el que pondremos un título, una categoría y si queremos una descripción y alguna etiqueta
20. Al cabo de unos minutos (en función del tamaño del archivo y de la velocidad de la conexión) estará listo para poder ser visto por cualquier persona en Internet y para colocarlo en nuestro blog. 2º INSERTAR LA PRESENTACIÓN EN EL BLOG En nuestro sitio encontramos un menú a la izquierda con varias opciones. Nos fijamos en My Uploads desde don de podemos acceder a todos los documentos que hemos subido. Pinchando
21. Pinchando sobre cualquiera de ellos vemos la presentación y las opciones que nos ofrece: Embed nos proporciona el código para copiar y pegar en la pestaña HTML de nuestro panel de edición de entradas en blogger. También podemos editarla y modificar los detalles de la misma.
22. En la página de creación de nuevas entradas de blogger una vez escrito el texto nos colocamos en la pestaña Edición HTML . Colocamos el cursor del ratón en el sitio donde queremos que vaya la presentación y sólo tenemos que hacer clic derecho y pegar el código que antes habíamos copiado. Sólo nos queda etiquetar y publicar la entrada como hacemos habitualmente También podemos También podemos insertar en nuestro blog presentaciones subidas por otros usuarios del servicio. Para ello ni siquiera es necesario el registro; es suficiente con buscarla y acceder a ella como hemos hecho con la subida por nosotros. La única diferencia es que no podemos editarla aunque, si el autor lo permite, sí que podríamos descargarla
23. 8. DARNOS DE ALTA EN UN SERVICIO DE ALMACENAMIENTO DE ARCHIVOS. Abrimos la dirección http://www.box.net Aparecerá la siguiente pantalla. Pinchamos en el botón Sign Up . En la siguiente pantalla elegimos la opción gratuita, llenamos nuestros datos y continuamos .
24. Aceptamos, le damos un nombre y la creamos. Nos vamos a la carpeta creada Cuando entramos a nuestra carpeta y vemos las opciones que tenemos
25. Subir documentos (Upload) Crear carpetas (New Folder) Crear documentos (Web docs ) La opción que más utilizo personalmente es la de subir documentos para luego enlazarlos al blog. La elegimos: Añadimos el archivo que vamos a subir mediante el botón (nos abre el explorador para buscarlo en nuestro PC) Le damos al botón subir y esperamos
26. El paso siguiente después de subirlo es copiar el enlace para insertarlo en el blog para lo que tenemos que pinchar la opción “ Shared” La utilización didáctica de los blogs