Trabajamos Con Los Blogs: Competencia Digital

Curso: Un aula para un mundo digital.
Herramientas, metodologías, experiencias

Taller: Trabajamos con los Blogs: Competencia digital
http://blog.educastur.es/tallerblogs/
Trabajamos con los blogs: Competencia digital
INDICE
1. La Web 2.0., la competencia digital y el formato Blog.........................2
2. Crear un Blog en Educastur Blog........................................................5
3. Elementos del Blog.............................................................................7
3.1. Parte visible.................................................................................7
3.2. Escritorio o panel de administración............................................8
3.3. Elegir el aspecto externo de nuestro Blog...................................10
4. Gestión básica del blog......................................................................11
4.1. Escribir, editar y publicar artículos..............................................11
4.2. Escribir, editar y publicar páginas estáticas................................13
4.3. .Crear y editar categorías de artículos ........................................13
4.4. Insertar enlaces en los artículos .................................................13
4.5. Crear y gestionar enlaces en el blogroll......................................14
5. Insertar contenido multimedia I...........................................................14
5.1. Insertar imágenes........................................................................14
5.2. Insertar documentos pdf, zip o mp3.............................................15
5.3. Insertar vídeos..............................................................................18
5.4. Insertar presentaciones................................................................20
6. Insertar contenido multimedia II...........................................................22
6.1. Insertar galerías de imágenes......................................................23
6.2. Insertar animaciones flash............................................................25
6.3. Insertar libros virtuales..................................................................27
6.4. Insertar audios …..........................................................................32
7. Rol de usuarios....................................................................................33
8. Espacios de consulta imprescindibles. Ejemplos de uso....................34
*La Ilustración superior es una obra de Néstor Alonso
Lucía Álvarez -1-

Curso: Un aula para un mundo digital. Herramientas, metodologías, experiencias
1. La Web 2.0, la competencia digital y el formato Blog
¿Qué es la Web 2.0.?

El mundo educativo está cambiando y evolucionando. La presencia, cada vez mayor, de las TIC
en los centros, la evolución imparable de la llamada Web 2.0 y las nuevas competencias que
introduce la LOE, especialmente la del Tratamiento de la información y la Competencia digital,
nos plantean nuevos y variados retos, pero también, múltiples posibilidades didácticas. Por ello, es
necesario que los docentes nos planteemos cómo integrar las TIC de manera útil y adecuada en
los procesos de enseñanza y aprendizaje.
Uno de las herramientas más útiles para favorecer esta integración es sin duda, Internet. La Red,
por su interactividad y potencial comunicativo e informativo, se ha convertido en un medio clave
en el desarrollo de nuevos procesos de enseñanza-aprendizaje, necesarios para favorecer la
alfabetización digital. Y no hay que olvidar, que proporciona una motivación adicional ya que es,
hoy en día, el medio de comunicación más utilizado y preferido por los jóvenes.
En este nuevo panorama educativo, los docentes debemos buscar e introducir cambios
metodológicos y pedagógicos que sean el vehículo para el buen uso de los medios tecnológicos y
conseguir así una integración adecuada de las TIC en las diferentes áreas curriculares,
desarrollando destrezas para ser capaces de:
• Seleccionar y usar de manera apropiada los recursos TIC disponibles
• Facilitar y guiar el aprendizaje y la motivación del alumnado
• Promover la autonomía, la responsabilidad y el espíritu crítico hacia los medios
• Ser capaces, en la medida de los posible, de producir nuestros propios materiales
didácticos digitales adaptados a las necesidades del alumnado y de las diferentes áreas,
materias y niveles.
Una de las maneras más eficaces para conseguir esa integración, es utilizar las posibilidades de
la tan nombrada Web 2.0. y uno de sus formatos estrella: el Blog.
La Web 2.0 o Web social es una web dinámica, participativa y colaborativa, caracterizada por la
interactividad, en la que son los propios usuarios los que crean los contenidos utilizando una serie
de espacios y/o utilidades desarrolladas a través de la Web.
Estas aplicaciones Web 2.0 tienen grandes potencialidades educativas que los docentes no
podemos dejar escapar ya que facilitan la creación, edición y gestión de documentos, materiales y
recursos didácticos online en los que se puede incluir diferentes tipos de contenidos de una forma
Lucía Álvarez -2-

muy sencilla y cuyas ventajas son evidentes:
• Cada docente puede crear materiales adaptados a sus propias situaciones personales.
• La elaboración de los contenidos es la mayor preocupación ya que la apariencia va
unida a una serie de plantillas prediseñadas.
• Favorecen la creación de comunidades educativas interconectadas para compartir
ideas, actividades y experiencias educativas.
• Favorecen la motivación del alumnado y el aprendizaje colaborativo sin olvidarse de
que el uso de las TIC ya es un aprendizaje en sí mismo.
Ilustración publicada por Aysoon sobre las diferencias entre la Web 1.0 y la Web 2.0
En el minidocumental, titulado Web 2.0 y Educación (accesible desde:

http://blog.educastur.es/blog/2007/06/18/web-20-y-educacion/), elaborado por el Área Educastur y
Servicios en Línea de la Consejería de Educación, se presentan las bases de la llamada web
social, y sus posibles aplicaciones educativas. Va dirigido de forma muy especial a usuarios/as
que sin dominar excesivamente el medio, quieren aprovecharse de las ventajas que ofrecen la
web 2.0 y las redes sociales.
“La web 2.0 es el escenario en el que convergen los usuarios, los servicios, los medios y las
herramientas”. Se trata de servicios que se ofrecen a través de la Web y que se desarrollan en un
Lucía Álvarez -3-

navegador. Estas “herramientas” o aplicaciones Web 2.0 tienen grandes potencialidades
educativas que los docentes no podemos dejar escapar.
Podéis descargaros el documento pdf “Web 2.0 y educación” en el que aparece el texto completo
del documental y los enlaces a las diferentes aplicaciones y ejemplo desde la siguiente página
http://blog.educastur.es/blog/2007/06/18/web-20-y-educacion/
Otros vídeos y documentos sobre la Web 2.0:

• Mapa de la Web 2.0.: Para verlo a mayor tamaño
• Entienda la Web 2.0 y sus principales servicios (accesible desde:

http://www.eduteka.org/Web20Intro.php ) : expone las diferencias entre la Web 2.0 y la
Web tradicional, así como las principales aplicaciones y servicios educativos asociados con
ella: Blogs, Wikis, etiquetado, bookmarking, folksonomy, audioblogging y podcasting, RSS,
sindicación y compartir archivos multimedia.
• 94 aplicaciones Educativas 2.0 (accesible desde: http://www.slideshare.net/annags/94-
aplicaciones-educativas-20 ): una interesante presentación realizada por Ana García Sans
en la que aparecen muchas de las aplicaciones que vamos a comentar en el curso.
Lucía Álvarez -4-

2. Crear un Blog en Educastur Blog

Educastur Blog es una iniciativa del área del Portal Educastur de la Consejería de Educación y
Ciencia de Asturias, un espacio online para la publicación de contenidos en la web utilizando el
formato de blog o bitácora
Para poder crear y gestionar un blog en Educastur Blog tenemos que disponer de identidad digital
Educastur. Sólo los profesores pueden crear nuevos blogs pero el alumnado puede crear, editar y
publicar contenidos en dichos Blogs según el rol de usuario que se le asigne.
Los pasos para crear un Blog en Educastur Blog son:

1. Accede a Educastur blog ( http://blog.educastur.es ). Haz clic en la imagen “Tu blog en
Educastur“ que aparece en el cuadro “Crea tu propio blog“ en la barra de menú superior .
2. Al acceder a la siguiente pantalla, aparecerá el menú de la imagen inferior. Añade la

terminación de la dirección URL y un título para el Blog (que luego podrás modificar). Ten
en cuenta que el nombre no debería ser muy largo. Asegúrate de no poner ni mayúsculas,
ni espacios, ni tildes, ni signos de puntuación o los rechazará .
Lucía Álvarez ( http://blog.educastur.es/luciaag/ )

3. En el tercer apartado “privacidad” puedes mantener seleccionada la opción “Me gustaría

que mi blog salga en los listados públicos de Educastur Blog” o quitarla. Es recomendable
que lo selecciones porque así tu blog tendrá una mayor difusión, al menos, en la
Comunidad Educativa asturiana.
4. Para terminar, haz clic sobre el botón CrearBlog.
5. Accederás a continuación a la ventana de confirmación en la que se te avisa de que has
creado el Blog con éxito y te muestra su dirección web.
El portal te da entonces dos opciones: ver cómo se ve en Internet tu blog o empezar a

administrarlo, accediendo a su panel de administración (que de momento, sólo tendrá un
artículo, una página y un comentario por defecto, creados por Educastur Blog).

3. Elementos del Blog

Como ya os he comentado el Blog es hasta el momento el formato de más éxito de la llamada
Web 2.0. Pero, ¿Qué es un Blog? Según la Wikipedia: “Un blog, o en español también una
bitácora, es un sitio web periódicamente actualizado que recopila cronológicamente textos o
artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva
siempre la libertad de dejar publicado lo que crea pertinente. El término blog proviene de las
palabras web y log (’log’ en inglés = diario). El término bitácora, en referencia a los antiguos
cuadernos de bitácora de los barcos, se utiliza preferentemente cuando el autor escribe sobre su
vida propia como si fuese un diario, pero publicado en Internet en línea.”
3.1. Parte visible del Blog

Aunque estos elementos pueden variar dependiendo de la plantilla de Blog que utilicemos, en
general, y centrándonos en las plantillas disponibles en Educastur Blog son:
Imagen tomada de Educastur Blog ayuda

• Título del Blog: puede llevar un subtítulo explicativo

• Imagen: Puede venir prediseñada por la plantilla o, en algunos casos, la plantilla nos va a
permitir que sea una imagen aportada por nosotros.
• Barra de menú: Con acceso a páginas estáticas (si la plantilla permite incluirlas). En el
último botón de la derecha, algunas plantillas permiten incluir una dirección de correo de
contacto, una dirección web, etc.
El espacio situado debajo de la barra de menú, queda dividido en dos o tres espacios
dependiendo de la plantilla que utilicemos.
• Espacio central: Dedicado a las entradas, artículos o post ordenados cronológicamente. En

cada post aparece la fecha de publicación, la o las categorías a las que pertenece, su
etiquetado y si tiene comentarios.
• Columna/s lateral/es: En general, aparecen:
• Los títulos de los últimos artículos publicados en orden cronológico inverso
• Acceso a las páginas estáticas
• Categorías o temas en los que hemos clasificado nuestros artículos
• Blogroll o listado de enlaces (pueden aparecer bajo el epígrafe Recomendados o
destacados). Estos enlaces también aparecen clasificados por temas.
• Histórico de artículos por meses
• Buscador
3.2. Panel de administración del Blog

Como cualquier aplicación Web, un blog cuenta con un panel de administración que nos permite
gestionar su contenido.
Al entrar en el Blog nos encontramos con el escritorio en el que aparecen los siguientes elementos
(de izquierda a derecha y de arriba a abajo):
• Nombre del Blog. Al lado del nombre aparece una flecha para acceder de modo rápido a
los paneles de control de todos los Blogs que podamos gestionar, sin tener que
identificarnos cada vez.
• Ver sitio. Para acceder a la parte visible del Blog

• Identificación (nuestro nombre de usuario)

• Mis blogs
• Desconectar. Salir de la sesión
• Menú de los diferentes paneles de control: (los veremos en detalle más adelante)
• Escribir: para escribir y publicar artículos y páginas
• Gestionar: para editar artículos, páginas, categorías y archivos subidos
• Comentarios: para moderar comentarios recibidos
• Enlaces: crear y editar enlaces y crear y gestionar categorías
• Presentación: Nos muestra las plantillas disponibles y sus opciones de diseño para
configurar el aspecto visual de nuestro blog.
• Usuarios: muestra los tipos de usuarios con los que cuenta el Blog, permite añadir
nuevos usuarios y asignarles perfiles
• Opciones: gestiona el título, permisos, opciones de lectura, escritura, privacidad,
etc.
• Área de avisos: gestionada por la administración de Educastur Blog.
• Mensaje de Bienvenida con enlaces rápidos a las acciones más comunes
• Columna Última actividad: en la que aparecen los últimos artículos, los últimos comentarios

recibidos, las estadísticas (número de artículos, comentarios, etc) y el espacio de

almacenamiento total y el utilizado.
3.3. Elegir el aspecto externo de nuestro blog

Aunque este paso es muy sencillo, es uno de los que suele crear más quebraderos de cabeza
porque va a marcar el aspecto externo de nuestro blog y algunas de sus posibilidades de gestión.
En el panel de administración, accede a la pestaña presentación y elige la plantilla Freshy 1, por

ejemplo. Luego podrás cambiarla, pero esta plantilla es una de las que tiene más posibilidades de
personalización.

Si quieres hacer una cabecera personalizada, prueba a buscar una imagen en FlickrCC (espacio
de imágenes con licencia creative commons) y darle el tamaño requerido con Gimp o con un
editor de imágenes online. Puedes ver cómo hacerlo desde aquí.
Una vez escalada, la imagen de la cabecera la subirás a tu espacio del Blog y copiando su
dirección URL, la enlazarás desde el apartado presentación> opciones del tema.
4. Gestión básica del blog

4.1. Escribir, editar y publicar artículos
Para escribir un artículo en un Blog, lo primero que nos tenemos que plantear es que no estamos
escribiendo sobre papel sino en la web por lo que nuestro artículo debe ser conciso, lo más breve
posible, muy claro y debe sacar provecho al hipertexto y los contenidos multimedia
Para conocer algunos consejos para escribir un buen artículo en un Blog, accede al
siguiente artículo del Blog 5líneas: Consejos para escribir un buen artículo en un Blog y el
artículo del genial Alejandro Valero Cómo escribir un artículo de Blog.
Pero ¿se puede utilizar libremente todo lo que encontráis en Internet? Que sea fácil de
copiar no quiere decir que no tenga autor o autores. Estos pueden decidir publicar sus
obras bajo copyright o bien bajo licencias que permiten copiar y distribuir sus obras más o
menos libremente. Eso es lo primero que debéis mirar. Lo segundo, citar siempre la fuente
y el autor, si es posible.Las licencias de contenidos libres más populares son:
Creative Commons. Ofrece una serie de licencias que abarcan desde el tradicional
sistema de derechos de autor hasta el dominio público. Poner vuestros trabajos bajo una
licencia Creative Commons no significa que no tengan copyright. Este tipo de licencias
ofrecen algunos derechos a terceras personas bajo ciertas condiciones.Reconocimiento
- NoComercial - CompartirIgual (by-nc-sa): No se permite un uso comercial de la obra
original ni de las posibles obras derivadas, la distribución de las cuales se debe hacer con
una licencia igual a la que regula la obra original.
GNU(Licencia de documentación libre para contenido libre). Diseñada por la Fundación

del Software Libre (FSF) para el proyecto GNU. Wikipedia es el mayor proyecto que utiliza
esta licencia. Otro programa de Software libre que utiliza esta licencia es el editor de
imágenes Gimp con el que trabajaremos este curso. Cuando se habla de Software Libre
se refiere a la libertad de los usuarios para ejecutar, copiar, distribuir, estudiar, cambiar y
mejorar el software.
Para conocer un poco más sobre las licencias creative commons, puedes ver el siguiente
vídeo.
A pesar de esto, todavía hay muchas personas que piensan que se pueden utilizar los
documentos presentes en la Red de una forma indiscriminada y lo que es peor, a veces
se copian documentos bajo licencias Creative Commons y se les añade copyright.
Para encontrar imágenes con licencia creative commons se puede utilizar FlickrCC, un
espacio que aloja todas las imágenes libres de derechos alojadas en el servicio de
alojamiento de imágenes Flickr.
Para escribir el artículo: Accede desde el escritorio a escribir un artículo o bien desde a tu panel
de administrador > escribir > artículo para que te aparezca el editor de textos.
Y te saldrán las herramientas del editor de texto. La mayoría te serán conocidas. Otras las iremos
conociendo.

Debajo del editor de texto hay varios botones que te permiten añadir etiquetas, Guardar y seguir
editando (mantiene el editor de textos abierto), guardar y publicar (manda el artículo a la ventana
principal del Blog). Si lo guardas se convierte en un borrador, si haces clic sobre publicar
acuérdate de seleccionar antes en qué categoría lo quieres catalogar de las que se te ofrecen en
el menú de la derecha. También puedes crear categorías directamente.
Es posible volver a convertir en borrador un artículo ya publicado así que no te preocupes si

acabas de publicar algo que no te gusta. Accede en el menú del panel de administración >
gestionar > artículos > editar
4.2. Escribir, editar y publicar páginas estáticas
El procedimiento es el mismo pero se accede desde escribir >página
4.3. Crear y editar categorías de artículos
Accede al menú> Gestionar. Desde él podrás gestionar las categorías en los que vas a clasificar
los artículos. Puedes crear subcategorías para un mayor orden de los contenidos. Ten en cuenta
que no son lo mismo las categorías de los enlaces que las de los artículos.
4.4. Insertar enlaces en los artículos
Los enlaces o hipervínculos son la característica más destacada del lenguaje hipertextual,
universalmente conocido desde el despliegue de Internet. Permite construir documentos con una
estructura de tela de araña, más ágiles de leer y consultar que un simple texto plano.

Como medio digital, Los blogs aprovechan los enlaces para:
• Añadir información al texto sin aumentar la extensión del artículo.
• Aportar la fuente original de la información, más sencillo e inmediato que citarla.
Cómo insertar un enlace
1. Selecciona el texto o imagen donde quieras colocar el enlace.
2. Haz clic en el icono del editor correspondiente a Insertar enlace.
3. Escribe la dirección URL de la página web, imagen, documento o archivo que quieras
enlazar.
4. Elige si quieres que el documento enlazado se abra en la misma ventana (por defecto),
o en una ventana nueva.
4.6. Crear y gestionar enlaces en el blogroll

Accede desde el Panel de administrador al menú enlaces. Desde él, podrás crear, gestionar y
clasificarlos por categoría.
5. Insertar contenido multimedia I

5.1. Insertar imágenes
Al escribir un artículo o página tenemos la posibilidad de incluir imágenes. Los formatos que
permite Educastur Blog son los más frecuentes en la Red: jpg, gif y png. Las imágenes pueden
estar alojadas en el servidor de Educastur Blog o en otros espacios web. Hay que tener en cuenta
que cada Blog tan sólo tiene de espacio 10 Mb de almacenamiento para guardar imágenes y otro
tipo de archivos por lo que es recomendable optimizar las fotos antes de subirlas. Si queremos
insertar más de dos fotos, por ejemplo, es preferible recurrir a las galerías de imágenes como las
que nos proporciona Slide (http://www.slide.com/ ).
Asímismo, no es recomendable que las imágenes sobrepasen los 450 píxeles de ancho, para
asegurarnos una correcta visualización sea cual sea la plantilla utilizada y la resolución de la
ventana del navegador. Además, son imágenes para ver en Internet por lo que no necesitan una
resolución muy alta, con 72 ppp nos sobrará.

• Subir una imagen
• En el panel de administración, justo debajo del editor de texto, se encuentra el

administrador de archivos de tu blog.
• Haz clic en Subir - Examinar, y localiza la imagen en tu equipo. Los campos Título y
Descripción son opcionales.
• A continuación, haz clic en el botón Subir. Puedes observar que debajo se informa del
espacio de almacenamiento que ya has usado.
• Una vez cargada la imagen, podrás ver una miniatura de la misma. Haz clic sobre la
miniatura, para desplegar las opciones de incorporación de imágenes. Puedes cambiarlas
haciendo clic sobre cada una de ellas. Por defecto, está activada la opción “Usar
miniatura”. Si quieres que la imagen aparezca en su tamaño original, asegúrate de activar
la opción “Usar original”. Coloca el cursor en el lugar del artículo en donde quieras
insertarla, y luego haz clic en Enviar al editor. La imagen nos aparece en el editor.
Podemos alinearla si no ocupa de ancho 450 pixeles.

Insertar una imagen ajena a Educastur Blog
No es necesario que las imágenes estén alojadas en el servidor de Educastur Blog. Puedes
colocar cualquier imagen, conociendo su dirección URL. Por ejemplo, accede a la página principal
de Educastur Blog (http://blog.educastur.es/ ). Haz clic sobre una de las imágenes que aparezca
en el artículo de la semana. Con el cursor sobre ella, haz clic en el botón de la derecha y elige la
opción del menú contextual “copiar la ruta de la imagen”.
Una vez en el editor, haz clic en el botón “insertar / editar imagen” que es en el que aparece
representado un árbol. En la ventana emergente que se te despliega, rellena los siguientes
campos:
• pega la dirección URL de la imagen que has copiado (por ejemplo, http://blog.educastur.es/
files/2010/06/premios_ite_2010_0.jpg )
• Elige la alineación (por defecto se alinea a la izquierda).
• Las dimensiones no deberían sobrepasar los 450 píxeles de ancho, para una correcta
visualización en todas las plantillas.
• Borde: grosor en píxeles (número) en el caso que se desee.

A continuación, haz clic en el botón Insertar y la imagen aparecerá en tu artículo. Ten en cuenta
que igual que no ocupa espacio, puede desaparacer de tu artículo si desaparece o cambia su
dirección URL.
5. 2. Cómo insertar un archivo pdf. zip o mp3
El procedimiento es el mismo que para las imágenes y en nuestro artículo aparecerá un enlace al
documento:
Educastur Blog incluye también un reproductor flash de audio MP3. Puedes colocar audio en tus
artículos directamente desde el editor. Estos audios pueden ser archivos externos o archivos
propios subidos al servidor de Educastur Blog al igual que las imágenes.
Para insertar un audio externo.
1. Haz clic en el icono del editor correspondiente a insertar audio MP3.

2. Escribe la dirección URL del archivo.
3. Haz clic en el botón Aceptar.

El editor generará el código necesario para cargar el reproductor de audio. En el editor, sólo se
verá el código pero al guardar los cambios y acceder a la vista pública se verá el reproductor. :
La consola del
reproductor aparece contraída. Si pulsamos el botón play, se desplegará la barra de estado.
5.3. Insertar vídeos

Tipos de archivos de vídeos que se pueden insertar
Educastur Blog permite insertar distintos formatos de vídeo (avi, mpeg, wmv, flv, mov), e
incorpora en el editor los correspondientes reproductores. Además, es posible insertar vídeos
desde servicios de alojamiento de vídeos como YouTube (http://es.youtube.com/) o Google Vídeo
(http://video.google.es/) directamente desde el editor.
Esta segunda opción es la más aconsejable puesto que el espacio de almacenamiento que
tenemos es reducido.
En la imagen puedes ver los botones del editor que se corresponden con estos servicios y los que
permiten insertar diferentes tipos de formatos de vídeo: QuickTime (archivos . mov), Flash vídeo
(archivos .flv), Windows media Player (archivos .MPEG, .AVI, .WMV).
Siempre es interesante, enlazar además la URL del vídeo desde el artículo para que se pueda ver
a mayor tamaño en la web de la aplicación.

Veremos ahora cómo insertar vídeos desde Youtube y Google Vídeo.
Cómo insertar un vídeo de Youtube
1. Una vez seleccionado el vídeo alojado en Youtube (personal o no), copiamos la dirección URL
que aparece en el botón “compartir” debajo del vídeo. También podemos a partir del botón
“insertar” elegir cómo se verá el vídeo en nuestro Blog, que no aparezcan vídeos relacionados, si
queremos un borde o el tamaño del reproductor de vídeo que se verá en nuestro Blog. Por
ejemplo, si queremos insertar el vídeo con la URL http://www.youtube.com/watch?v=uad17d5hR5s
, copiamos la dirección
2. y la pegamos en el editor de textos o en el bloc de notas para seleccionar la parte que nos
interesa, que es la formada por todos los números y letras que se encuentran a la derecha del
igual, por ejemplo, de la dirección anterior, sólo cogeríamos uad17d5hR5s
3. Copiamos esa parte, hacemos clic sobre el icono de Youtube y en la ventana que se nos abre
introducimos la selección anterior, aceptamos y el vídeo quedará insertado en nuestro Blog.
Cómo insertar un vídeo de Google Vídeo
Hacemos lo mismo que en el caso anterior, pero en Google Vídeo de la URL del vídeo, debemos
seleccionar, por ejemplo, lo siguiente: http://video.google.es/videoplay?
docid=5038197104412120953&hl=es

Insertar un vídeo Quick Time (.mov)

Haz clic en el icono e introduce la dirección URL, por ejemplo:
http://www.obeaudoin.com/folio_trav/folio_images/Typolution_final_h264.mov
Insertar un vídeo con Windows Movie Player (MPEG, AVI, WMV)

Haz clic en el icono e introduce la URL del vídeo, por ejemplo, http://web.educastur.princast.es/ies/
llanera/dep_plast/webdpto/educastur_0002.wmv . Cuando te salgan los valores por defecto,
acepta y el vídeo se verá así:

5.4. Insertar presentaciones
Las presentaciones que vamos a insertar tienen que estar alojadas en el espacio Slideshare, un
interesante servicio web 2.0 de alojamiento de presentaciones. Admite los formatos Powerpoint
(ppt) y OpenOffice (odp), y los convierte al vuelo en archivos flash (swf), lo que nos permite verlas
con un visor sencillo y práctico. Es ese archivo swf, junto con el código asociado, el que tenemos
que insertar desde el editor de Educastur Blog.
Para insertar una presentación Slideshare, sigue los siguientes pasos:

1º. Sube o localiza la presentación que quieras añadir a tu artículo en la web de
Slideshare. Para buscar presentaciones sobre un tema determinado, escribe su nombre en el
recuadro search.
2º. Copia el código embed de la misma (está en la parte derecha de la pantalla) que
aparece al lado del nombre del autor o usuario. Por ejemplo para insertar la presentación El Color
con URL: http://www.slideshare.net/luciaag/el-color-caracteristicas-generales
3. Pegamos su código embed en el bloc de notas o en el mismo editor de textos y seleccionamos

lo siguiente:
<div style=”width:425px” id=”__ss_29720″><strong style=”display:block;margin:12px 0 4px”><a

href=”http://www.slideshare.net/luciaag/el-color-caracteristicas-generales” title=”El color.

Caracteristicas generales”>El color. Caracteristicas generales</a></strong><object

id=”__sse29720″ width=”425″ height=”355″><param name=”movie”
value=”http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=el-color-caracteristicas-generales-
22724&stripped_title=el-color-caracteristicas-generales” /><param name=”allowFullScreen”
value=”true”/><param name=”allowScriptAccess” value=”always”/><embed name=”__sse29720″
src=”http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=el-color-caracteristicas-
generales-22724&stripped_title=el-color-caracteristicas-generales” type=”application/x-
shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”425″
height=”355″></embed></object><div style=”padding:5px 0 12px”>View more <a
href=”http://www.slideshare.net/”>presentations</a> from <a
href=”http://www.slideshare.net/luciaag”>Lucía Alvarez</a>.</div></div>
4. Haz clic sobre el botón flash (SWF) del editor de textos de tu blog y pega la parte del código
seleccionada. Acepta las medidas que te da por defecto y verás la presentación en la pantalla del
Blog al guardar y previsualizar el artículo.

6. Insertar contenido multimedia II
Además de imágenes, enlaces, archivos pdf o zip el formato Blog nos permite insertar diferentes
tipos de archivos o materiales multimedia alojados en servicios web 2.0 como galerías de
imágenes, visores de documentos y presentaciones en formato flash, audios y podcast, etc.
6.1. Insertar galerías de imágenes
Slide es un espacio de almacenamiento de imágenes que nos permite subir varias imágenes al
Blog sin ocupar espacio de almacenamiento en nuestro servidor, realizar galerías animadas e
insertarlas en nuestro Blog gracias al código embed asociado.
Crear una galería de imágenes
Para subir imágenes a Slide, primero tenemos que registrarnos en el botón “registrate”. Una vez
regstrado, para hacer una presentación de imágenes, accedes a Accede a Slide (recuerda que
previamente has tenido que registrarte) > hacer un Slide show (hacer una galería de imágenes) >
sube tus propias imágenes > buscar.
Puedes personalizar tu galería eligiendo animaciones, efectos, temas, etc.

En la parte inferior aparecen las miniaturas de las imágenes. Puedes alterar el orden haciendo clic
en ellas y arrastrando. También puedes escribir pies de foto, y configurar el tamaño y color del
texto.

Cuando termines de configurar las opciones, pulsa en el botón Guardar (obtener código) y verás
el resultado de tu galería de imágenes o slideshow.
Copia el código que aparece debajo de la presentación con la URL

(http://www.slide.com/r/EPWtErVyoT-g537kxLHs7vlK0CUUFlPR?
previous_view=mscd_embedded_url&view=original ) , pégalo como hicimos anteriormente en el
bloc de notas o en el mismo editor de texto y copia lo que aparece en rojo:
<div><embed src="http://widget-35.slide.com/widgets/slideticker.swf" type="application/x-

shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent"
flashvars="cy=h5&il=1&channel=360287970208053557&site=widget-35.slide.com"
style="width:426px;height:320px" name="flashticker" align="middle"/><div style="width:426px;text-
align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=360287970208053557&map=1"
target="_blank"><img src="http://widget-
35.slide.com/p1/360287970208053557/h5_t017_v000_s0un_f00/images/xslide1.gif" border="0"
ismap="ismap" /></a> <a href="http://www.slide.com/pivot?
cy=h5&at=un&id=360287970208053557&map=2" target="_blank"><img src="http://widget-
ismap="ismap" /></a> <a href="http://www.slide.com/pivot?
cy=h5&at=un&id=360287970208053557&map=F" target="_blank"><img src="http://widget-
ismap="ismap" /></a></div></div>
Estas son las dos partes del código que has copiado:
1. http://widget-35.slide.com/widgets/slideticker.swf
2. cy=h5&il=1&channel=360287970208053557&site=widget-35.slide.com
Debes volver a copiarlas y pegarlas unidas por un símbolo de interrogación (?). Así tendrás:

http://widget-35.slide.com/widgets/slideticker.swf?
cy=h5&il=1&channel=360287970208053557&site=widget-35.slide.com
Este es el código que debes copiar y pegar en la ventana del botón Flash (SWF) de tu editor de
textos como hicimos anteriormente, para ver en tu blog la galería de imágenes.
6.2. Insertar animaciones flash

Las animaciones flash (swf) son archivos multimedia que cada vez están más extendidas en la
Red debido a su vistosidad. Este tipo de animaciones se utilizan muy menudo en los materiales
educativos ya que permiten realizar contenidos más llamativos y pueden aportar numerosas
posibilidades interactiva.
Estas animaciones se pueden subir a Educastur Blog desde una web externa o bien alojarlos en
Educastur Blog. Esto último no es aconsejable por lo ya comentado pero su gestión sería la
misma que para otro tipo de archivos.
Cómo insertar una animación Flash externa
Vamos a insertar en nuestro Blog una animación localizada en una de las Unidades Didácticas del
NEA (Navegador educacional de Asturias), accesible desde: http://nea.educastur.princast.es/ .
Buscamos una UD que nos interese y cuando encontremos una animación, hacemos clic sobre
ver animación en una ventana nueva y copiamos la URL que aparece en el navegador.
A continuación, hacemos clic sobre el último botón del editor de textos, el botón SWF,
introducimos la URL que copiamos y aceptamos las medidas que nos da por defecto. Por ejemplo,
la animación con la URL:
http://nea.educastur.princast.es/repositorio/VIDEOS/1_nea_colab08_fichero920_1.swf

Al guardar y previsualizar nuestro artículo, veremos la animación:
6.3. Insertar libros virtuales
Insertar documentos desde Scribd
Scribd (http://www.scribd.com/ ) es un servicio de alojamiento gratuito de documentos ofimáticos.

Admite los principales formatos de documento: PDF (.pdf), Word (.doc), texto plano (.txt),
PowerPoint (.ppt), Excel (.xls), Postscrpt (.ps), o libro electrónico (.lit).No es necesario registrarse
como usuario para subir archivos, aunque sí para poder editarlos o borrarlos.
Una vez subido un archivo, Scribd lo convierte al formato flash para poder mostrarlo en la web, y
proporciona el código necesario para insertar el visor del documento en nuestro blog o página
web.
1. Para subir un documento a Scribd, nos identificamos y hacemos clic sobre “Upload”. Nos
aparecerá el navegador de Windows para buscar el archivo que queremos subir. La aplicación nos
va indicando los pasos a seguir.

2. Una vez subido, el documento nos aparecerá con su miniatura y la descripción del contenido,
páginas, tipo de archivo, etc. en la página de inicio de nuestra cuenta. Haciendo clic sobre la
miniatura, se abre el visor flash en el que podemos ver los siguientes menús:
Tenemos que desplegar el menú “embed y share” </> para que la aplicación nos de el código que
necesitamos para insertar el visor flash en nuestro Blog.
Este es la primera parte del código generado. La parte que nos interesa y vamos a copiar está en
rojo y negrita:
<a title="View La Competencia Cultural y Artística en el aula de Educación Plástica y Visual on

Scribd" href="http://www.scribd.com/doc/17189197/La-Competencia-Cultural-y-Artistica-en-el-aula-

de-Educacion-Plastica-y-Visual" style="margin: 12px auto 6px auto; font-family:

Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size:
14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;
display: block; text-decoration: underline;">La Competencia Cultural y Artística en el aula de
Educación Plástica y Visual</a> <object id="doc_970676387988373"
name="doc_970676387988373" height="500" width="100%" type="application/x-shockwave-flash"
data="http://d1.scribdassets.com/ScribdViewer.swf" style="outline:none;" rel="media:document"
resource="http://d1.scribdassets.com/ScribdViewer.swf?
document_id=17189197&access_key=key-2bp0jxpmmj97hgya5r1c&page=1&viewMode=list"
xmlns:media="http://search.yahoo.com/searchmonkey/media/" xmlns:dc="http://purl.org/dc/terms/"
>
Lo copiamos y pegamos en el botón de flash y ya tenemos nuestro visor flash del documento en
nuestro Blog. Así se verá este documento en el artículo de nuestro Blog:
Insertar documentos desde Issuu
Issuu es una librería online donde podemos subir archivos PDF, DOC, PPT, ODT, WPD, SXW,
RTF, ODP, y SXI limitados a 100 MB/500 páginas como máximo por archivo. Una vez que el
archivo es subido, tras un proceso de etiquetado, será convertido a formato flash, con toda

fidelidad al documento original, pero permitiéndonos navegar por sus páginas como si de una
revista se tratase. Para insertar documentos ajenos (por ejemplo:
http://issuu.com/luciaag/docs/tallerdegimp ) en nuestro blog no necesitamos estar registrados, tan
sólo conocer su código embed. Si queremos subir nuestros propios documentos, los pasos a
seguir son:
1º. Registrarse. A partir de ese momento, ya podemos subir y descargar documentos. Issuu nos
permite proporciona y desde el que podemos buscar el documento, darle título, etiquetarlo,
escoger las opciones de privacidad, etc..
2º. Una vez hayamos cubierto todos los campos, hacemos clic sobre el botón upload. En función
del tamaño del archivo tardará más o menos tiempo en ser subido. Posteriormente se abre una
nueva pantalla en la que observamos el documento subido.
3º. Una vez subido el documento podemos acceder a él desde el botón ‘My Library‘, y editarlo,
borrarlo, publicarlo, etc. También nos genera un código para insertar un visor falsh del documento
en nuestro blog. Lo abrimos haciendo clic en el botón “Open” que aparece al colocar el cursor
sobre él:
4º. Una vez abierto el documento hacemos clic sobre el botón “Embed” con el fin de acceder a la
pantalla desde la que conseguiremos el código:

5º. En la nueva ventana que aparece seleccionamos el código y lo copiamos al portapapeles (Ctrl
+ C).
<<div><object style="width:420px;height:297px" ><param name="movie"
value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?
mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight
%2Flayout.xml&showFlipBtn=true&documentId=090112045108-
1df99f6452d94d44a089f21eb37bfdff&docName=tallerdegimp&username=luciaag&amp
;loadingInfoText=Taller%20de%20Gimp&et=1277101514702&er=7" /><param
name="allowfullscreen" value="true"/><param name="menu" value="false"/><embed
src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-
shockwave-flash" allowfullscreen="true" menu="false" style="width:420px;height:297px"
flashvars="mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight
%2Flayout.xml&showFlipBtn=true&documentId=090112045108-
1df99f6452d94d44a089f21eb37bfdff&docName=tallerdegimp&username=luciaag&l
oadingInfoText=Taller%20de%20Gimp&et=1277101514702&er=7" /></object><div
style="width:420px;text-align:left;"><a href="http://issuu.com/luciaag/docs/tallerdegimp?
mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight
%2Flayout.xml&showFlipBtn=true" target="_blank">Open publication</a> - Free <a
href="http://issuu.com" target="_blank">publishing</a> - <a href="http://issuu.com/search?

q=imagen" target="_blank">More imagen</a></div></div>
6º. Pegamos el código obtenido en nuestro artículo. De todo el código sólo nos interesa una parte
que en la imagen está resaltada en color amarillo. Seleccionamos esa parte y la copiamos al
portapapeles.
7º. En el editor de artículos de nuestro blog insertamos el código copiado haciendo uso del botón
“insertar flash“. Tras aceptar en las siguientes ventanas emergentes el ancho y el alto sugeridos,
podremos ver nuestro libro virtual insertado ya en nuestro artículo.
6.4. Insertar audio de GoEar
GoEar ( http://www.goear.com/ ), permite subir archivos de audio mp3 y acceder a ellos mediante
su propio reproductor y además, ofrece una extensa base de datos con todo tipo de géneros
musicales. Una vez registrados, podemos obtener el código necesario para insertar estos archivos
en nuestro Blog.
Los pasos son muy sencillos.
1. Accede a la web y busca un archivo de audio que te guste.

2. Copia el código que aparece a la derecha de la pantalla
3. De todo el código, selecciona lo que está en rojo y negrita
<object width=”353″ height=”132″><embed src=”http://www.goear.com/files/external.swf?

file=69a2cf6” type=”application/x-shockwave-flash” wmode=”transparent” quality=”high”
width=”353″ height=”132″></embed></object>
4. Pega lo que hemos seleccionado en el botón flash y te aparecerá el reproductor en tu blog
7. Roles de usuario
La parte de la sesión que trata de la gestión de usuarios la vamos a seguir en la Ayuda de

Educastur Blog:

• Los roles de usuario, accesible desde: http://blog.educastur.es/ayuda/los-roles-de-usuario/
• Añadir usuarios a la gestión, accesible desde: http://blog.educastur.es/ayuda/anadir-

usuarios-a-la-gestion/
8. Espacios de consulta imprescindibles. Ejemplos de uso
Varias direcciones web que resultan imprescindibles para adentrarse en el mundo 2.0. educativo y
no morir en el intento.
• Educastur Blog (http://blog.educastur.es/ ): ¡por supuesto! Para ver lo que se cuece en la

blogosfera educativa asturiana.
• Planeta educativo: http://www.aulablog.com/planeta/ : un superblog en el que están
sindicados un gran número de blogs educativos.
• Aulablog: un blog colaborativo. No te pierdas su blogoteca (biblioteca de blogs, accesible
desde: http://www.aulablog.com/component/option,com_jreviews/Itemid,217 ) y su wikiteca
(biblioteca de wikis, accesible desde:
http://www.aulablog.com/component/option,com_jreviews/Itemid,252 )
• Profesores innovadores, sección del portal educativo EducaRed. También os aconsejo el
área dedicada al Software libre.
• Educ@aconTIC, se ha vuelto uno de mis imprescindibles. Artículos, recursos y tutoriales
alrededor de las TIC en educación aderezados con las fantásticas ilustraciones de Néstor
Alonso.
• Uso educativo de las TIC, un blog del programa Asturias en la red. Hay que navegar por
su histórico de artículos para encontrar post interesantes porque lleva un tiempo
"abandonado".
• Premios Espiral Edublogs. En las web de estos prestigiosos premios se pueden encontrar
muy buenos ejemplos de lo que se está haciendo en la Blogosfera educativa. La
convocatoria de este curso ha sido la IV.
Ejemplos de uso
Atendiendo al interesante artículo de José Luis Cabello Los Blogs en áreas curriculares (
http://observatorio.cnice.mec.es/modules.php?op=modload&name=News&file=article&sid=530 ) y

a lo expuesto en el artículo Uso educativo de los Blogs (http://blog.educastur.es/blogs-y-

educacion/uso-de-los-blogs-en-el-aula/ ) del Servicio Educastur Blog, los Blogs educativos se
pueden clasificar en:
a) Blog docente, de aula, materia o asignatura:
Es quizás el más utilizado en el ámbito educativo. A veces no pasa de ser la página personal del
profesorado, pero también puede ser un complemento a las clases presenciales, con información
adicional y propuestas de actividades complementarias, a desarrollar utilizando los recursos que
ofrecen los blogs: escritura hipertextual, soporte multimedia, comentarios, proposición de enlaces
relacionados,…, etc. Con ello, se pretende que sirva de desarrollo de actividades de aprendizaje y
con él se puede ampliar el contexto presencial del aula, y servir para que los estudiantes trabajen
en casa, en la biblioteca, telecentro,…, etc.
En los Blogs de aula, por ejemplo, el alumnado siempre está presente como receptor del
contenido y puede, incluso, participar a veces en el Blog.
La autoría en estos blogs puede ser de un@ o varios profesores e incluso, la autoría puede ser
compartida con el alumnado.
Por ejemplo, el Blog Sexto en Canal
b) Blogs del alumnado:
A modo de diario, sobre sus intereses e inquietudes, aficiones, actividades, etc. De libre elección
por los alumnos, cuidando las actitudes de respeto (netiqueta), y citando los recursos utilizados. Y
también participar en las bitácoras de compañeros/as, comentando sus artículos y haciendo
aportaciones, propuestas, …, etc.
c) Taller creativo multimedia.
Individual o colectivo, sobre argumentos sugeridos o libres, con la posibilidad de incluir todo tipo

de referencias, en forma de textos (taller literario), audio (radio, audiciones), vídeo (TV), o de
enlaces a otros sitios. Admite cualquier tema: realidad, ficción, cuentos, reportajes,…, y el empleo
de múltiples formatos multimedia.
Por ejemplo: creactivos o Musical Blogies
d) Gestión de proyectos de grupo.
Como bitácora colectiva, ya sea para profesorado, alumnado, o trabajos de colaboración entre
ambos, donde el profesor o profesores de distintas materias o centros asesoren al grupo en la
realización de trabajos de investigación. Aquí el blog se revela como un excelente diario de
trabajo, que guarda el rastro del proceso y evolución del proyecto, y una vez más, trasciende el
espacio ordinario del aula.
Por ejemplo: Blog del Proyecto de Salud del IES Valle de Aller
e) Publicación electrónica multimedia.
Periódico escolar, revista digital, monografías sobre diversos temas,.., etc. Aquí aprovecharíamos
la potencia de las bitácoras en cuanto a gestión de archivos multimedia, propios o referenciados
desde almacenes de contenidos (Flickr, Youtube…). Ya hemos destacado la facilidad de
administración que tienen las herramientas de creación de blogs, que permiten conseguir grandes
resultados con sólo saber escribir en un editor de texto. Al potencial multimedia se le unen las
posibilidades de participación, que enriquecen el contenido con aportaciones y comentarios de
otros usuarios/as; la sindicación mediante RSS, la utilización de los podcasts, …, etc.
Por ejemplo: La Viga Travesá
f) Guía de navegación.
Donde se comentan sitios de interés, noticias y aportaciones en forma de crítica o comentario de

los mismos. Es la metáfora del cuaderno de bitácora o cuaderno de viajes: un espacio donde se
anotan las incidencias y detalles de la navegación; en este caso comentados por los propios
navegantes, que aconsejan, proponen y presentan a sus compañeros las webs que han visitado y
su opinión personal.

Trabajamos Con Los Blogs: Competencia Digital

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Trabajamos Con Los Blogs: Competencia Digital

Uploaded by

Copyright:

Available Formats

Curso: Un aula para un mundo digital.

Herramientas, metodologías, experiencias

Trabajamos con los blogs: Competencia digital

*La Ilustración superior es una obra de Néstor Alonso

Lucía Álvarez -1-

¿Qué es la Web 2.0.?

Lucía Álvarez -2-

En el minidocumental, titulado Web 2.0 y Educación (accesible desde:

Lucía Álvarez -3-

Otros vídeos y documentos sobre la Web 2.0:

• Entienda la Web 2.0 y sus principales servicios (accesible desde:

Lucía Álvarez -4-

2. Crear un Blog en Educastur Blog

Los pasos para crear un Blog en Educastur Blog son:

2. Al acceder a la siguiente pantalla, aparecerá el menú de la imagen inferior. Añade la

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )

3. En el tercer apartado “privacidad” puedes mantener seleccionada la opción “Me gustaría

El portal te da entonces dos opciones: ver cómo se ve en Internet tu blog o empezar a

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )

3. Elementos del Blog

3.1. Parte visible del Blog

Imagen tomada de Educastur Blog ayuda

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )

• Título del Blog: puede llevar un subtítulo explicativo

• Espacio central: Dedicado a las entradas, artículos o post ordenados cronológicamente. En

3.2. Panel de administración del Blog

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )

• Identificación (nuestro nombre de usuario)

• Mensaje de Bienvenida con enlaces rápidos a las acciones más comunes

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )

recibidos, las estadísticas (número de artículos, comentarios, etc) y el espacio de

3.3. Elegir el aspecto externo de nuestro blog

En el panel de administración, accede a la pestaña presentación y elige la plantilla Freshy 1, por

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )

4. Gestión básica del blog

GNU(Licencia de documentación libre para contenido libre). Diseñada por la Fundación

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )

Es posible volver a convertir en borrador un artículo ya publicado así que no te preocupes si

4.2. Escribir, editar y publicar páginas estáticas

El procedimiento es el mismo pero se accede desde escribir >página

4.3. Crear y editar categorías de artículos

4.4. Insertar enlaces en los artículos

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )

Como medio digital, Los blogs aprovechan los enlaces para:

• Añadir información al texto sin aumentar la extensión del artículo.

• Aportar la fuente original de la información, más sencillo e inmediato que citarla.

Cómo insertar un enlace

1. Selecciona el texto o imagen donde quieras colocar el enlace.

2. Haz clic en el icono del editor correspondiente a Insertar enlace.

4.6. Crear y gestionar enlaces en el blogroll

5. Insertar contenido multimedia I

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )

• Subir una imagen

• En el panel de administración, justo debajo del editor de texto, se encuentra el

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )

Insertar una imagen ajena a Educastur Blog

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )

5. 2. Cómo insertar un archivo pdf. zip o mp3

1. Haz clic en el icono del editor correspondiente a insertar audio MP3.

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )

5.3. Insertar vídeos

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )