APLICACIONES W2.0 – PUNTO DE VISTA EDUCATIVO BLOGGER

UTILIDAD GENÉRICA Creación y alojamiento gratuito de blogs. Acceso a blogs.

ADQUISICIÓN http://www.blogger.com/start

CONFIGURACIÓN Además de las opciones propias de Blogger cabe añadir muchas otras posibilidades de “Google Gadgets para tu página web”, en http://www.google.com/ig/directory?synd=open

SUGERENCIAS DIDÁCTICAS Presencia en Internet de una manera sencilla y con enormes posibilidades. Aprovechable a diferentes niveles: • Individual: temas de interés personal, diario de un proceso de aprendizaje determinado. • Grupal: proyectos, temas de debate, tratamiento integrado de lenguas... • Repositorio de información clasificada, individual o grupal Blog-ak eta hezkuntza: Aurkezpenak: • Ranking de blogs • Aproximación al uso del blog como • Planeta educativo. Blogs de profes y centros... recurso de enseñanza y aprendizaje. • A pie de aula • Uso educativo de los blogs. • Eduvlogs • Blogs y educación. Un encuentro • Aplicaciones de los blogs para la enseñanza feliz. • Los blogs como soporte didáctico. • Aulablog. Edublogs • Uso de los blogs en clase de lengua: http://observatorio.cnice.mec.es/modules.php?op=modload&name=News&file=article&sid=527 • IES ORTUELLA BHI. Hizkuntzen Trataera Bateratua. http://iesortuellabhi.zoomblog.com/cat/4761 - http://iesortuellabhi.wordpress.com • Seminario de francés: http://francesvirtual.blogspot.com/ • IES Isabel de Villena (Felipe Zayas): http://www.lacoctelera.com/darlealalengua • Jakintza ikastola: http://euskaljakintza.blogsome.com/

fsp (D:\formac_innov\Web2.0\tutoriales_felix\blogger.doc)

21/01/2008

Página 1

APLICACIONES W2.0 – PUNTO DE VISTA EDUCATIVO • • • •

MANUAL URGENTE

Computer Hoy, 201, p. 64 y ss. Blogs.pdf Qué es un weblog.doc http://bloggerlandia.blogspot.com/

Proceso de creación del blog: 1. Acceder: http://www.blogger.com/start

Pinchar

El entorno propone crear una cuenta en Google. Si ya se dispone de una, pasar directamente al punto 3: “Crear el blog”.

2. Crear una cuenta Google:

Hay que disponer previamente de una cuenta de correo electrónico

fsp (D:\formac_innov\Web2.0\tutoriales_felix\blogger.doc)

21/01/2008

Página 2

APLICACIONES W2.0 – PUNTO DE VISTA EDUCATIVO

3. Crear el blog:

4. Pinchar sobre “Continuar”

5. Pinchar sobre “Continuar”

fsp (D:\formac_innov\Web2.0\tutoriales_felix\blogger.doc)

21/01/2008

Página 3

APLICACIONES W2.0 – PUNTO DE VISTA EDUCATIVO

Crear entradas: pestaña “Creación de entradas”

• Para introducir texto normal hay dos opciones: tras seleccionar la pestaña “Redactar” • Escribirlo directamente en el entorno • Copiarlo de un procesador de textos u otro lugar y pegarlo aquí • Cambiar atributos del texto: fuente y tamaño, negritas y cursivas • Seleccionar el texto a tratar • Elegir en el desplegable la fuente y tamaño deseados, o bien pinchar sobre los iconos de negrita y/o cursiva correspondientes. • Cambiar atributos del texto: color • Seleccionar el texto a tratar • Pinchar en el icono y seleccionar el color deseado. • Para alinear texto: • Seleccionar el texto que se desea alinear • Pulsar sobre el icono de alineación correspondiente (izquierda, derecha, centro, justificación completa) • Para listas numeradas y líneas con viñetas: • Seleccionar las líneas que constituirán la lista • Pulsar sobre el icono de lista numerada o lista con viñetas. • Para insertar un vínculo a una URL: • Seleccionar el elemento (palabra, palabras, frase, imagen) sobre la que irá el vínculo. • Pinchar sobre el icono de vínculos.

fsp (D:\formac_innov\Web2.0\tutoriales_felix\blogger.doc)

21/01/2008

Página 4

APLICACIONES W2.0 – PUNTO DE VISTA EDUCATIVO •

Escribir la dirección URL con la que se quiere vincular.

• Para insertar imágenes: • Pinchar sobre el icono de inserción de imagen. • Escribir la dirección URL (si es imagen de Internet) o buscar la imagen en el DD del ordenador • Seleccionar la colocación de la imagen en la página y aceptar • Para insertar o modificar código HTML: • Seleccionar la pestaña “Edición de HTML”. • Efectuar la operación deseada. Una vez que se ha acabado de introducir el contenido hay que añadirle las etiquetas o “tags” para clasificarlo: • Escribir las etiquetas. Si es más de una, separarlas con una coma • Gestionar las opciones de comentarios de los lectores-as: • Abrir el desplegable • Seleccionar las opciones deseadas

Publicar ya o guardar provisionalmente: • Si se da el trabajo por terminado, pinchar sobre “publicar” y el trabajo pasará al blog. • Si no se ha terminado, “guardar como borrador” y retomar en otro momento el trabajo. • Ver el resultado en el blog: • Una vez publicado el trabajo se puede ver el resultado en el blog pinchando en el vínculo que se propone o buscando el de la imagen adjunta

Editar entradas: Según el lugar del trabajo en que se esté se podrá acceder a la edición de entradas por alguno de los medios indicados en las imágenes: • “Creación de entradas” – “Editar entradas” • “Panel” – “Entradas”.

fsp (D:\formac_innov\Web2.0\tutoriales_felix\blogger.doc)

21/01/2008

Página 5

APLICACIONES W2.0 – PUNTO DE VISTA EDUCATIVO Configuración de opciones: pestaña “Opciones”

•

Dirección del blog: • Pestañas OPCIONES – PUBLICACIÓN • Anotar la dirección que figura. Esa dirección permite visualizar el blog en Internet.

•

Título y descripción del blog: • Pestañas OPCIONES - BÁSICO • Poner/modificar el título y la descripción del blog El resultado se aprecia en la cabecera del blog

•

Mostrar edición rápida en el blog: • Pestañas OPCIONES - BÁSICO • Desplegar las opciones y seleccionar “sí” El efecto de esta opción se ve en cada entrada del blog, un icono en forma de lápiz que permite la edición directa de la entrada

•

Mostrar vínculos de envío de entrada por correo electrónico: • Pestañas OPCIONES - BÁSICO • Desplegar las opciones y seleccionar “sí” El efecto de esta opción se ve debajo de cada entrada del blog, un icono en forma de sobre, que permite enviar la entrada por correo electrónico.

Todas estas opciones entrarán en vigor cuando se guarden los cambios efectuados •

Suprimir el blog: • Pestañas OPCIONES - BÁSICO • Pinchar sobre “Suprimir este blog”

•

Dirección email para recibir todas las actualizaciones que se hagan en el blog: • Pestañas OPCIONES – CORREO ELECTRÓNICO • Escribir la dirección donde se recibirán todas las actualizaciones. Esta opción tiene un especial interés si hay más de una persona creando entradas y el administrador del blog quiere estar informado permanentemente de lo que se publica.

•

Dirección para enviar entradas al blog por correo electrónico: • Pestañas OPCIONES – CORREO ELECTRÓNICO

• •

Escribir la palabra deseada para completar la dirección.

Todo lo relacionado con formato de horas y fechas: • Pestañas OPCIONES - FORMATO • Configurar al gusto

fsp (D:\formac_innov\Web2.0\tutoriales_felix\blogger.doc)

21/01/2008

Página 6

APLICACIONES W2.0 – PUNTO DE VISTA EDUCATIVO •

Todo lo relacionado con los comentarios a las entradas: su visualización, moderación, formato, quiénes pueden o no hacerlos... • Pestañas OPCIONES - COMENTARIOS • Configurar al gusto

•

¿Quién puede enviar entradas al blog? • Pestañas OPCIONES – PERMISOS • Pinchar sobre “Añadir autores”

Se abrirá un formulario para indicar – por medio de su correo electrónicootros-as posibles autores del blog

•

¿Quién puede leer mi blog? • Pestañas OPCIONES – PERMISOS • Elegir opción 1-2-3 • • •

Cualquiera (1). Permite a todo el mundo leer las entradas del blog Sólo a los usuarios que yo elija (2). Se abrirá una nueva ventana para invitar por email a quienes van a poder leerlas. Únicamente autores del blog (3) Restringe el acceso a los autores-as del blog

fsp (D:\formac_innov\Web2.0\tutoriales_felix\blogger.doc)

21/01/2008

Página 7

APLICACIONES W2.0 – PUNTO DE VISTA EDUCATIVO Configuración: pestaña “Plantilla”

•

¿Qué plantilla para mi blog? Al crear el blog, uno de los pasos es la elección de plantilla. Esa plantilla se puede cambiar por otra en cualquier momento. Para ello: • Pestañas PLANTILLA – SELECCIONAR UNA PLANTILLA NUEVA • Elegir la plantilla deseada • Guardar. No se perderán las entradas existentes, sino que se incorporarán a la nueva plantilla.

•

Modificar las fuentes de letra y los colores del blog • Pestañas PLANTILLA – FUENTES Y COLORES • Modificar al gusto.

•

Personalizar toda la barra/marco de navegación En el blog se puede distinguir la cabecera, el espacio de contenido, el de navegación, y otros elementos que cabe añadir. Según la plantilla elegida, el espacio de información y navegación estará situado a la izquierda o a la derecha, pero la personalización se hace de la misma forma.

ENTRADAS

NAVEGACIÓN

CABECERA

OTROS

• •

Pestañas PLANTILLA – ELEMENTOS DE LA PÁGINA Configurar al gusto.

Las opciones básicas son: • •

Editar los ya existentes. Por defecto, se habrán creado el “Archivo del blog” y los “Datos personales”. Añadir nuevos elementos Las opciones que se abren al pinchar sobre “Añadir un elemento de página” son suficientemente descriptivas”. Entre las más relevantes:

fsp (D:\formac_innov\Web2.0\tutoriales_felix\blogger.doc)

•

Lista de vínculos: para añadir enlaces a webs, otros blogs... Por ejemplo, al blog de amigos-as, o a blogs del mismo tema...

•

Imagen: Añadir una imagen en el espacio de navegación.

•

Etiquetas: Para facilitar la navegación, aparecen las etiquetas utilizadas en las entradas y, entre paréntesis, el número de entradas que las contienen. De esta forma, pinchando sobre la etiqueta, se verán todas esas entradas directamente.

•

HTML/Javascript: Para incluir código de terceros. Por ejemplo, gadgets de Google. http://www.google.com/ig/directory?synd=o pen.

21/01/2008

Página 8

APLICACIONES W2.0 – PUNTO DE VISTA EDUCATIVO •

Quiero modificar la plantilla: anchura, altura, colores... Se trata de una manipulación delicada, por lo tanto, hay que tomar precauciones: • Conviene hacer una copia de seguridad de la situación actual de la plantilla (1) • En caso de tener problemas con los cambios, bastará con reponer de nuevo la plantilla para volver a la situación inicial (2)

•

Modificar la anchura de todo el blog:

•

Modificar la anchura del espacio principal de presentación de contenido. Plantilla “Son of moto”:

•

Modificar anchura de la barra lateral de navegación:

fsp (D:\formac_innov\Web2.0\tutoriales_felix\blogger.doc)

21/01/2008

Página 9

APLICACIONES W2.0 – PUNTO DE VISTA EDUCATIVO Modificar otra plantilla: “Scribe”

fsp (D:\formac_innov\Web2.0\tutoriales_felix\blogger.doc)

21/01/2008

Página 10

APLICACIONES W2.0 – PUNTO DE VISTA EDUCATIVO Poner música de fondo al blog: •

En la plantilla del blog, poner antes de la etiqueta de fin de HEAD < / HEAD > los siguientes códigos

fsp (D:\formac_innov\Web2.0\tutoriales_felix\blogger.doc)

Para I.E.

21/01/2008

Para Firefox:

Página 11