SEMINARIO DE TRABAJO

Creación y diseño de blogs educativos

I.E.S. Victoria Kent – Fuenlabrada Noviembre de 2008

Seminario de trabajo – Creación y diseño de blogs educativos

1.- ¿Qué es un blog?
Los blogs surgen con la intención de crear páginas web en las que un usuario o grupo de ellos van reflejando por estricto orden cronológico las noticias, reportajes, artículos y otro tipo de contenidos que encuentran en la RED y que creen pueden ser de interés para el resto de internautas. Un blog, también conocido como bitácora o weblog, es por tanto un sitio web periódicamente actualizado que recopila cronológicamente texto o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva la libertad de dejar publicado lo que crea pertinente. El término weblog 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. Actualmente y dado el gran interés que han generado en los usuarios particulares de internet, así como por la enorme proliferación de todo tipo de blogs, está finalidad inicial de actuar como diario digital personal, ha sido ampliada. De esta manera, las páginas que permiten a cualquier usuario dar de alta de manera gratuita un blog, han ido evolucionando, mejorando y ampliando los servicios que ofrecen. Esto convierte a los blogs en una herramienta cada día más flexible, que puede actuar como: • • • • • • Página web personal. Biblioteca virtual. Soporte para el intercambio de ideas. Herramienta de colaboración. Recurso educativo. Etc.

1.1.- Principales ventajas de los blogs
En el diseño y creación de blogs destacan una serie de ventajas en relación con los métodos tradicionales de elaboración de páginas web. Destacamos las más importantes: • • Se trata de una herramienta cada vez más flexible y con un número cada vez mayor de posibilidades. No requiere excesivos conocimientos técnicos, ya que se ofrecen entornos de trabajo y configuración muy sencillos e intuitivos que permiten crear un blog en muy pocos pasos. Permite aprovechar muchos los recursos y servicios que actualmente se ofrecen en Internet.
Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 1

Seminario de trabajo – Creación y diseño de blogs educativos

Todas las operaciones se pueden realizar desde cualquier ordenador que tenga conexión a internet, sin necesidad de tener instaladas aplicaciones especiales en nuestro ordenador. El mantenimiento y actualización de los artículos y contenidos se realiza de una manera rápida y sencilla. Permite integrar todo tipo de elementos o contenidos multimedia: documentos, sonido, video, presentaciones, etc.

• •

1.2.- ¿Cuáles son los usos actuales de los weblogs en el mundo educativo?
Los principales usos de los weblogs en el mundo educativo incorporan elementos propios de las tradicionales páginas web educativas, así como de las plataformas de gestión académica. Elementos que tradicionalmente podía formar parte de una página web educativa: o Notificación a los estudiantes de las normas del curso, trabajos a realizar, lecturas aconsejadas, gráficos, documentación complementaria, ejercicios y material pedagógico en general. o Enlaces a sitios web relevantes para el contenido de las asignaturas: datos reales (servidores estadísticos), páginas de otros docentes e investigadores, principales instituciones del ramo, noticias de actualidad relacionadas, etc. o Agenda de organización, con el reparto temporal de tareas y actividades, exámenes parciales, visitas, reuniones y tutorías académicas. o Foros de discusión del curso, integrados con los enlaces y la información aportada por el profesor. Convergen en este punto las aportaciones de profesor y estudiantes, siguiendo las indicaciones, límites y objetivos marcados en un principio para la actividad. Los weblogs son en sí un sistema de gestión de información, puesto que permiten, y de una manera sencilla además, capturar, organizar, manipular, reelaborar y acceder a la información. Aportan mejoras como:

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 2

Seminario de trabajo – Creación y diseño de blogs educativos  Mayor sencillez para los usuarios, estudiantes y profesores, y mayor flexibilidad en su configuración. Al fin y al cabo, se trata de una herramienta para publicar, combinar libremente y compartir información en soportes diversos, con gran facilidad y sin necesidad de conocimientos técnicos. El encargo a los estudiantes de la realización de su propio blog supone una posibilidad técnica adicional que los docentes no disponían hasta ahora. La publicación por parte de los alumnos de su propio proceso de reflexión y documentación sobre el tema tratado facilita el desarrollo de habilidades de análisis, síntesis, argumentación y trabajo en equipo, así como la toma de conciencia del propio proceso de aprendizaje.

1.3.- Ejemplos
Antes de adentrarnos en la creación de nuestro propio blog educativo quizás ser conveniente darse un paseo por internet y navegar por las numerosas bitácoras educativos que podemos encontrar en la red. Veamos algunos ejemplos:  http://www.lacoctelera.com/encinas  http://ciberaulas.blogspot.com/  http://www.conociendoelmedio.blogspot.com/  http://xavgom.blogspot.com/  http://elfogondelasculturas.blogspot.com/  http://cmcontemporaneovk.blogspot.com

1.4.- ¿Dónde crear un blog?
Son muchos los sitios web que permiten publicar de un modo muy sencillo, quizás el más conocido es Blogger o Blogspot. En español existen sus equivalentes, como: • • • • Bitácoras.com Blogalia Blogia Los blogs de Ya.com

Te indicamos algunas plataformas más, donde podrás crear blogs: • Wordpress.com
Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 3

Seminario de trabajo – Creación y diseño de blogs educativos • • • • • • • Blogr Clearblogs Blogsome eHow Aeonity Blogates Blogetery

2.- Nuestro primer blog
Detallaremos a continuación los pasos que hemos de seguir para llegar a poner en marcha nuestro propio blog. El proceso es muy similar en la mayoría de las plataformas, nosotros seguiremos las indicaciones de Blogger, ya que se trata de uno de los entornos que ofrece una mayor relación entre servicios, posibilidades, flexibilidad y sencillez.

2.1.- ¿Tienes cuenta de correo electrónico?
Antes de iniciar el proceso de alta o registro, es preciso contar previamente con una dirección de correo electrónico, ya que ésta constituye el principal elemento identificador de cada uno de los autores de las diferentes bitácoras alojadas en Blogger. Nuestra dirección de correo junto con la correspondiente contraseña, serán imprescindibles para poder publicar nuevos artículos o entradas, realizar operaciones de mantenimiento o actualización, añadir elementos (sonido, videos, contadores de visitas, votaciones,…), cambiar valores en la configuración, etc. Gmail es uno de los servicios que ofrece Google, donde podrás registrar una nueva cuenta de correo electrónico, para ello deberás seguir los pasos que se indican en el apartado Apúntate a Gmail, en la siguiente dirección web: www.gmail.com

2.2.- Ahora sí: alta en Blogger

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 4

Seminario de trabajo – Creación y diseño de blogs educativos 1º.- En primer lugar entramos en la siguiente dirección web: www.blogger.com

2º.- Como se indica en la página de inicio, solamente tenemos que completar tres pasos para crear nuestro propio blog. Por tanto, hacemos clic en la flecha CREAR BLOG AHORA.

3º.- Accedemos al primer paso en el que debemos escribir los siguientes datos: dirección de correo electrónico (2 veces), contraseña (2 veces) y la palabra de verificación.

4º.-

Una vez marcada la casilla en la que aceptamos las Condiciones del servicio, hacemos clic en la flecha CONTINUAR. 5º.- En el segundo se solicita un título para nuestro blog, el cual aparecerá en el blog publicado, en el escritorio y en el perfil. Además debemos completar la dirección URL a partir de la cual podemos acceder al mismo, siempre siguiendo el mismo formato: http://nombredelblog.blogspot.com. Podemos además comprobar que el nombre que queremos asignar se encuentra libre mediante el apartado Comprobar la disponibilidad.

6º.- Mediante la flecha CONTINUAR accedemos al tercer y último paso, en el que únicamente debemos elegir la plantilla. Si no te termina de convencer ninguna, no te preocupes porque se puede cambiar posteriormente con plantillas que podemos descargar en internet.
Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 5

Seminario de trabajo – Creación y diseño de blogs educativos

7º.- Si todo ha ido bien aparecerá una ventana que confirma que acabamos de registrar nuestro blog.

8º.- A través de la flecha EMPEZAR A PUBLICAR, accedemos a la “parte trasera” de nuestro blog, a la que en principio solamente puede ingresar su autor y que permite publicar entradas o artículos. Pero antes de incluir nuestro primer artículo, realizaremos algunas operaciones previas importantes.

2.3.- Verificación y activación
Blogger necesita confirmar que realmente deseamos activar el blog recién creado. Con esta finalidad recibiremos un mensaje en nuestra dirección de correo electrónico con las instrucciones para poder activar nuestra cuenta en Blogger. Aunque podemos realizar esta operación en un plazo de 20 días, es recomendable realizarlo cuanto antes para evitar futuras inconvenientes. 1º.- En primer lugar cerramos nuestra cuenta en Blogger a través del texto Salir que podemos encontrar en la parte superior derecha de la ventana.

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 6

Seminario de trabajo – Creación y diseño de blogs educativos

2º.- Ahora abrimos nuestra cuenta de correo electrónico y buscamos un mensaje con un asunto como el siguiente: accounts-noreply@google.com. 3º.- Siguiendo las instrucciones del mensaje hacemos clic en el enlace de activación de cuentas google, que tendrá un formato similar al siguiente: http://www.google.com/accounts/VE?service=blogger&c=CMGercux4sGaOxD5_5 K857O3uQk&hl=es 4º.- Surge una ventana en la que mediante el enlace Haga clic aquí para continuar, nos llevará a la página de inicio de Blogger.

5º.- Por último y a través del botón Acceder, comprobamos que todo ha ido bien, escribiendo previamente los datos de acceso: Correo electrónico y Contraseña. 6º.- En algunas ocasiones Blogger interpreta que el blog recién creado puede ser un posible generador de spam y por tanto lo califica de blog no deseado, solicitando que realicemos una revisión de desbloqueo. 7º.- En caso de necesitar revisión de desbloqueo, basta con introducir el texto solicita en la siguiente pantalla:

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 7

Seminario de trabajo – Creación y diseño de blogs educativos

8º.- A continuación se comunica que ha sido recibida la solicitud de verificación del blog y que recibiremos respuesta en nuestro correo.

2.4.- Configuración básica
Existe una amplia gama de parámetros que pueden ser configurados para establecer el aspecto, los servicios ofrecidos, la distribución de contenidos y artículos, etc., con el fin de adaptar nuestro diario digital a nuestras necesidades y objetivos. En esta sección aprenderemos a asignar los valores adecuados en los parámetros más importantes. 1º.- A través de nuestro correo electrónico y contraseña entramos en nuestra cuenta en Blogger.

2º.- Accedemos al apartado de Configuración mediante el enlace con el mismo nombre. Se muestra una venta en la que podemos observar un total de 9 solapas que se corresponden con los diferentes grupos de parámetros que podemos cambiar. Repasaremos brevemente cada uno de ellos. 2.4.1.- Básico En esta sección se establecen los valores iniciales de nuestro blog, donde destacan los siguientes:

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 8

Seminario de trabajo – Creación y diseño de blogs educativos • • Título: Texto que aparecerá siempre en la parte superior de nuestro blog, que podemos modificar en cualquier momento. Descripción: texto descriptivo habitualmente debajo del Título. que aparecerá como subtitulo

Una vez realizados los cambios que se estimen oportunos, se deben confirmar mediante el botón Guardar Configuración que se encuentra en la parte inferior de la página. 2.4.2.- Publicación La dirección URL de nuestro blog puede ser modificada en cualquier momento, siempre y cuando se encuentre disponible. Será en el apartado Publicación donde podemos realizar esta operación.

2.4.3.- Formato Permite indicar el modo en el que se mostrarán algunos de los elementos. Repasemos los aspectos más ºimportantes: • Mostrar: se puede indicar el número de artículos o entradas que serán mostradas en la página inicial.

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 9

Seminario de trabajo – Creación y diseño de blogs educativos • • • • Formato de cabecera de fecha: especifica el formato de la fecha que aparecerá siempre sobre cada una de las entradas. Formato de hora y Zona horaria: buscamos el segmento horario de Madrid (GMT+01:00). Idioma: por defecto ya aparece español, pero podríamos elegir cualquier otro dentro de una amplia variedad. Mostrar campo de título: cada artículo o entrada estará compuesto por un título y el cuerpo de texto. Si lo deseamos podemos evitar que sea mostrado el título de cada uno de ellos.

2.4.4.- Comentarios Como ya hemos explicado anteriormente estamos ante un entorno de trabajo que facilita la colaboración de aquellos que visitan el blog. Esto se consigue mediante los comentarios que pueden realizarse en cada una de las entradas. Podemos concretar algunos valores relacionados con este recurso. • Comentarios: dependiendo del objetivo o finalidad que persigamos, puede interesarnos ofrecer a nuestros visitantes la posibilidad de realizar comentarios o no. Persona que puede realizar los comentarios: podemos elegir entre cuatro opciones diferentes: o Cualquiera. o Usuarios registrados – Incluido OpenID: http://openid.blogs.es/ es un sistema de autentificación seguro, abierto y sencillo de usar, que permite identificar a sus usuarios en multitud de páginas web. o Usuario con cuentas de Google: podrán realizar comentarios únicamente los autores de otros blogs. o Sólo miembros de este blog: solamente podrán realizar comentarios en nuestro blog, las personas que hallamos registrado como miembros del blog. • Ubicación del formulario de comentarios: permite determinar la manera en la que será mostrada la ventana de comentarios: o Página completa: se abre una nueva ventana que ocupa toda la pantalla.

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 10

Seminario de trabajo – Creación y diseño de blogs educativos o Ventana emergente: en este caso los comentarios se realizan en una nueva ventana que deja ver la página principal del blog. o Entrada incrustada a continuación: el formulario de entrada de comentarios es incrustado en la misma página principal del blog, justo a continuación del artículo que se desea comentar. • Moderación de comentarios: se puede activar la revisión previa de los comentarios antes de ser publicados. Aparece un mensaje en el escritorio del autor cuando existen comentarios que revisar. Mostrar la palabra de verificación para comentarios: cuando esta opción se encuentra activada impide que se puedan realizar comentarios de manera automática mediante máquinas (otros equipos y ordenadores), con el fin de evitar, por ejemplo, spam indeseable.

2.4.5.- Archivo • Frecuencia de archivo: es el intervalo tras el cual se archivan las entradas en el blog. Las opciones son Mensual, Semanal y Diaria. Por ejemplo, un archivo mensual incluirá todas sus entradas de un mes, mientras que un archivo semanal sólo contendrá las entradas de una semana. Habilitar páginas de entrada: permite que cada entrada tenga su página web exclusiva, además de aparecer en la página inicial del blog.

2.4.6.- Feed del sitio o distribución del sitio La distribución es el proceso mediante el cual, al publicar un blog, Blogger genera automáticamente una representación de éste apta para la lectura desde equipos informáticos, que puede seleccionarse y mostrarse en otros sitios web y herramientas de agregación de información. Determinados componentes de software, denominados lectores de noticias o agregadores, pueden explorar estos feeds y comunicarle automáticamente cuándo se han actualizado los sitios. Algunos ejemplos son FeedDemon (Windows), Bloglines (basado en la web), NetNewsWire y Shrook (Mac OS X).

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 11

Seminario de trabajo – Creación y diseño de blogs educativos Una ventaja de distribuir su sitio es que llegará a un público más amplio, porque atraerá a los usuarios que le proporcione el agregador. Si desea conocer otras ventajas, visite WebMonkey, Software Garden y Mezzoblue. 2.4.7.- Correo electrónico • Dirección de BlogSend: se puede incluir una lista de hasta 10 direcciones de correo electrónico separándolas con comas para que reciban tu blog por correo electrónico cada vez que publiques algo. Dirección Mail-to-Blogger: convierte una cuenta de correo electrónico en una aplicación para crear entradas en un blog. Para crear una entrada en su blog por correo electrónico, debe configurar su dirección de Mail-to-Blogger. El formato de la dirección de correo electrónico es nombreusuario.palabrasecreta@blogger.com, siendo esta dirección a la cual deberemos enviar un correo desde cualquiera de nuestras cuentas e-mail. Debemos asegurarnos de especificar si deseamos que nuestras entradas por correo electrónico se publiquen automáticamente o no. Si esta opción no está seleccionada, las entradas se almacenarán en nuestra cuenta pero no aparecerán en el blog hasta que accedamos a Blogger.com y las publiquemos. Los asuntos de sus correos serán los títulos de sus entradas y el cuerpo constituirá las entradas propiamente dichas. A veces, los programas de correo electrónico añaden texto en la parte inferior de los mensajes enviados. Para evitar que aparezca en su blog, escriba #end al final de su entrada. 2.4.8.- Permisos En esta sección podemos indicar, por un lado, quiénes pueden actuar como autores y por tanto pueden publicar artículos en nuestro blog. Y por otro lado, qué personas pueden ver el blog. • Autores del blog: mediante sus direcciones de correo electrónico, podemos mandar invitaciones a las personas que queremos que escriban en nuestro blog.

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 12

Seminario de trabajo – Creación y diseño de blogs educativos • Lectores del blog: por defecto, nuestro blog puede ser visitado por el público en general, pero podemos restringir las visitas, para que solamente tengan acceso las personas que elijamos o los autores del blog.

3.- Nuestra primera entrada
Publicar un artículo o entrada en nuestro es blog es sumamente sencillo, veamos los pasos que debemos cumplir para proporcionar contenidos a la página principal del mismo: 1º.- Haz clic en la solapa Creación de entradas para mostrar la ventana de publicación de artículos. 2º.- Escribe en la caja Título, el texto que quieras que aparezca encabezando la entrada. Por ejemplo: “Iniciamos el Seminario de Blogs”. 3º.- Justo debajo se nos ofrece un formulario a modo de sencillo procesador de textos, en el que podemos redactar el cuerpo del artículo. En nuestro caso podría ser algo parecido a esto: “Bienvenidos a todos los miembros del Seminario de Trabajo: Creación y diseño de blogs educativos. Seguro que estáis deseando poner en marcha vuestro propio blog para poder trabajar con vuestros alumnos. Nos os preocupéis, que ya empezamos, la primera sesión presencial tendrá lugar en: • • • Fecha: martes día 11 de noviembre de 2008. Hora: 15,30 h. Lugar: Aula de Informática.”

4º.- Por último, haz clic en el botón PUBLICAR ENTRADA, para confirmar la presencia del artículo en la página principal del blog. 5º.- Si quieres comprobar el resultado haz clic en el enlace Ver Blog.

3.1.- Editar o suprimir una entrada
Una vez que un artículo ha sido publicado, éste puede ser modificado o suprimido en cualquier momento. Veamos como: 1º.- Haz clic en la solapa Creación de entradas.

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 13

Seminario de trabajo – Creación y diseño de blogs educativos 2º.- Esta solapa nos ofrece las opción Editar entradas. 3º.- Esta sección nos muestra una lista de las entradas que se encuentran publicadas en nuestro blog, ordenadas por fecha de creación. 4º.- Para cada entrada en la lista nos ofrece tres posibilidades: Editar, Visualizar y Suprimir. 5º.- Mediante el enlace Editar podemos modificar la entrada que deseamos, ya que nos lleva a una página donde podemos ver tanto el título como el cuerpo de texto del artículo y la etiqueta. 6º.- Si realizamos cambios en cualquiera de estos tres elementos, deberemos confirmar los mismos mediante el botón PUBLICAR ENTRADA.

3.2.- Edición de HTML
Por defecto, Blogger nos ofrece, a la hora de crear entradas, un sencillo procesador de textos tipo WYSIWYG (acrónimo de What You See Is What You Get, que puede ser traducido como: "lo que ves es lo que obtienes"). Para aquellos autores que posean conocimientos acerca de la edición en lenguaje HTML, existe la posibilidad de crear artículos empleando este lenguaje. Sin embargo no es necesario dominar este lenguaje para poder incrustar en una entrada, uno de los muchos recursos o contenidos que podemos encontrar en Internet. En nuestro caso, “incrustaremos” en el artículo de bienvenida del blog un video de la página Youtube, mediante un proceso que se denomina añadir código embebido o incrustado: 1º.- Buscamos el video que deseamos incluir en el artículo en la página: www.youtube.com. En nuestro ejemplo vamos a integrar en el artículo un video en el que unos alumnos puertorriqueños hablan sobre los blogs. 2º.- En el apartado Insertar, aparece el código HTML, que nos permitirá incluir este video en cualquier entrada de nuestro blog. Selecciona todo el

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 14

Seminario de trabajo – Creación y diseño de blogs educativos texto y cópialo en el portapapeles, mediante el menú Edición y la línea Copiar (o mediante la combinación de teclas Ctrl.+ C). 3º.- De vuelta a Blogger, editamos nuestra primera entrada siguiendo los pasos expuestos en el punto anterior 3.1.4º.- Activamos la solapa Edición de HTML. Si no hemos empleado recursos especiales, como letras en negrita, cursiva, en diferentes colores,…, esta opción nos muestra un cuerpo de texto muy similar al que hemos visto hasta ahora. 5º.- En caso contrario si hemos hecho uso de cualquiera de las utilidades del procesador de textos, podremos observar las etiquetas del lenguaje HTML, intercaladas en el texto, siguiendo un formato como el de este ejemplo: <strong>Bienvenidos</strong>: muestra la palabra Bienvenidos en negrita 6º.- Tras estas consideraciones previas, incluiremos el código HTML que hemos copiado en la página de Youtube, en la que posición que deseemos en nuestra entrada. Para ello sitúa el cursor en el punto que estimes oportuno, por ejemplo, justo al final de la entrada y pega el contenido del portapapeles (Edición – Pegar o combinación de teclas Ctrl. + V). 7º.- Por último confirma los cambios mediante el botón PUBLICAR ENTRADA. 8º.- Existen en internet cada vez más páginas que ponen a disposición de cualquier usuario código HTML de sus elementos, ya sean videos, archivos de sonido, presentaciones, documentos, etc. El proceso a llevar a cabo para incluir estos elementos en nuestro blog es muy similar al desarrollado en este ejemplo.

4.- ¿Cómo personalizar nuestro blog?
4.1.- Añadir elementos de Blogger
Las páginas principales de la mayoría de las bitácoras, se dividen entres partes. Por un lado la parte superior en las que aparece el título. Por otro lado podemos identificar la sección de entradas que ocupa la zona izquierda y central. Se trata de un espacio donde los contenidos van cambiando a medida que se van incluyendo nuevos artículos o modificando los existentes.

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 15

Seminario de trabajo – Creación y diseño de blogs educativos Esta distribución deja libre una franja a la derecha de la pantalla, en la que van a aparecer una serie de elementos que nos van a permitir aportar personalidad propia a nuestro blog. Como podrás comprobar a continuación es muy sencillo añadir y organizar los elementos de la página. 1º.- Haz clic en la solapa Diseño y activa la opción Elementos de página. 2º.- Blogger nos muestra una pantalla en la que podemos Añadir y organizar elementos de la página. 3º.- Podrás observar que ya se encuentran tres objetos incluidos en nuestro blog: Seguidores, Archivos del blog y Datos personales. Veamos como añadir uno nuevo. 4º.- Haz clic en el enlace Añadir un gadget, para mostrar la ventana que nos permite elegir elementos a incluir. 5º.- Busca el gadget denominado Texto, que nos permite añadir unas palabras en el blog a modo, por ejemplo, de mensaje de bienvenida. Haz clic en su imagen representativa. 6º.- Surge la ventana Configurar texto, en la que se solicita el Titulo y el Contenido. En nuestro caso hemos escrito lo siguiente: • • Título: LOS BLOGS EDUCATIVOS Contenido: En la era de la informática y las comunicaciones, se hace casi imprescindible dominar herramientas que nos permitan crear, diseñar y utilizar entornos que complemente nuestro trabajo en el aula.

7º.- Haz clic en el botón GUARDAR, y podrás comprobar como este elemento se ha situado en la parte superior de los gadgets de nuestro blog. 8º.- Puedes modificar el orden de los mismo arrastrándolos con el ratón hacia arriba o abajo. 9º.- Repite los pasos anteriores para añadir una imagen y el elemento Etiquetas.

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 16

Seminario de trabajo – Creación y diseño de blogs educativos

4.2.- Añadir elementos externos. Contador de visitas
Al igual que se hizo en el punto 3.2.- donde incluimos código HTML en una de las entradas del blog, para “incrustar” un video de Youtube, podemos añadir elementos fijos a nuestro blog, empleando el código “embebido” que nos ofrecen muchas páginas en internet, para insertar todo tipo de recursos: contadores de vistas, mapa de localización de los usuarios que nos visitan, información meteorológica, etc. A modo de ejemplo, procederemos as continuación a situar en nuestro blog, un contador de visitas, ya que el grado o nivel de éxito de nuestro blog vendrá dado en gran medida por el número de personas que lo visitan. Este dato puede ser registrado mediante un contador de visitas. Existen varias páginas en internet donde se ofrece este tipo de servicio de estadísticas de visitas, nosotros aprovecharemos la sencillez y rapidez de www.contadorwap.com. 1º.- Mediante nuestro navegador www.contadorwap.com, donde se estadísticas de visitas. accedemos a la página: ofrece un servicio gratuito de

2º.- Para integrar en nuestro blog un contador de visitas sencillo, basta con rellenar algunos de los datos que nos piden. 3º.- Escribe tu dirección de correo electrónico en la entrada Tu email. 4º.- En el apartado Url de tu web/blog, no es necesario que indiquemos nada. 5º.- Selecciona la Zona horaria adecuada. 6º.- Marca la opción tipo de Contador numérico. 7º.- Escribe el número que aparece en la sección Antispam. 8º.- Por último haz clic en el botón Enviar y crear estadísticas. 9º.- Surge una pantalla en la que podemos encontrar el código HTML que nos da la posibilidad de situar un contador de visitas en nuestro blog. 10º.-Copia dicho contenido en el portapapeles (Edición – Copiar o combinación de teclas Ctrl. + C)

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 17

Seminario de trabajo – Creación y diseño de blogs educativos

11º.-Abre tu escritorio de Blogger y muestra la sección Diseño en la opción Elementos de la página. 12º.-Haz clic sobre el enlace Añadir un gadget, busca y selecciona el elemento HTML/Javascript. 13º.-Se muestra la ventana Configurar HTML/JavaScript, donde debemos indicar Título y Contenido. 14º.-En la entrada Título escribimos el texto que aparecerá encima del contador de visitas, por ejemplo: “Nº de visitas:” 15º.-En el apartado Contenido debemos pegar el código HTML del contador que tenemos guardado en el portapapeles (Edición – Pegar o combinación de teclas Ctrl. + V) 16º.-Confirma los cambios mediante el botón GUARDAR. De vuelta a la página Añadir y organizar elementos de página, podrás comprobar que acabamos de añadir un nuevo elemento a nuestro blog. Recuerda que puedes desplazarlo para situarlo en la posición que desees. 17º.-Por último ratificamos todos los cambios efectuados mediante el botón GUARDAR de esta pantalla y comprobamos el resultado dando un vistazo al blog mediante la opción Ver Blog. PROPUESTA DE ACTIVIDAD: Como hemos vista añadir nuevos contenidos a nuestro blog es bastante sencillo, prueba a incluir un mapa de visitas, dándote de alta en www.feedjit.com y utilizando el código HTML que nos brindan.

4.3.- Añadir una presentación PowerPoint
Procedemos a continuación a situar en nuestro blog, una presentación PowerPoint relacionada con los blogs educativos de las muchas que podemos encontrar en la página: www.slidesahre.net 1º.- En primar lugar abrimos en nuestro navegador la página: www.slideshare.net 2º.- En la esquina superior derecha de esta página encontramos la herramienta de búsqueda Search. Escribe en la caja de texto las siguientes palabras clave: uso didáctico blog.

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 18

Seminario de trabajo – Creación y diseño de blogs educativos

3º.- Al hacer clic en el botón Search, se muestra una ventana con los resultados de la búsqueda. 4º.- En primer lugar deberá aparecer una presentación titulada: Elementos Para Incorporar El uso DidáCtico del Blog. 5º.- Accede a la presentación a través del título de la misma o su imagen. 6º.- En esta nueva ventana podemos echar un vistazo a cada una de las diapositivas de la presentación. 7º.- Buscamos la sección Embed in your blog, donde aparece el código HTML que nos va a dar la posibilidad de incluir este trabajo en nuestro blog. 8º.- Seleccionamos todo el texto y lo copiamos en el portapapeles (Menú Edición-Pegar o combinación de teclas Ctrl.+ V) 9º.- De vuelta a Blogger, accedemos a la sección Diseño y al apartado Elementos de la página. 10º.-Mediante el enlace Añadir un gadget, elegimos la opción HTML/JavaScript. 11º.-Surge una nueva ventana en la debemos escribir un Título, por ejemplo: Elementos de un blog educativo. 12º.-Como Contenido deberemos pegar el texto tenemos guardado en el portapapeles, recuerda en el mismo habíamos copiado el código HTML nos va a permitir “incrustar” la presentación hemos encontrado en SlideShare. que que que que

13º.-El último paso sería confirmar los cambios mediante el botón GUARDAR. 14º.-Podrás comprobar como este nuevo gadget ha sido añadido a la lista de elementos del blog, recuerda que puedes desplazarlo para situarlo en la posición que desees. En este caso la mejor opción es situarlo en la parte inferior o superior del bloque Entradas del blog, ya que el tamaño de este contenido excede el ancho de la sección de gadget de nuestro blog.

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 19

Seminario de trabajo – Creación y diseño de blogs educativos

5.- Scribd. Alojamiento virtual de documentos
Scribd es una red social de documentos que los comparte en línea. Pretende liberar la información de los documentos y llevarla a la web. Salvando las distancias Scribd es como Youtube, pero de documentos. Se trata de una herramienta virtual para alojamiento de documentos que permite que todos los documentos sean públicos o privados tengan un alojamiento, y que en cualquier momento puedan ser consultados, no solo por el autor sino también por un grupo grande de personas que encuentren afinidad con los temas.

5.1.-¿Cuáles son sus características?
• • • • • • • • • Tiene gran cantidad de documentos todo tipo, como: educativo, económico, medicinal, político, deportivo, etc. Esta dividido en temas y categorías y subcategorías. Muestra los documentos con tecnología parecida a la del PDF que se llama Scribd. Se pueden previsualizar los documentos. Se puede enviar los documentos por correo. Se puede insertar cualquier documento en una página web. Se puede crear diferentes carpetas en tu cuenta de Scribd para organizar y guardar los documentos que quieras, ya sean tuyos o de otros usuarios. Descarga de documentos en diferentes formatos: PDF, Word, Excel, PowerPoint,… Se pueden subir ilimitadamente y libremente los documentos.

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 20

Seminario de trabajo – Creación y diseño de blogs educativos

• • • • • •

Se puede calificar los documentos. Se pueden hacer comentarios o mandar mensajes a otros usuarios. Existe la posibilidad de formar grupos de usuarios, para compartir o formar una comunidad de algún tema en especifico Se pueden subir documentos para que los vean ciertas personas o grupos. Se pueden subir documentos en cualquier idioma. Los documentos alojados en este portal están protegidos por Copyright y Creative Commons, lo que indica que la persona el libre de escoger si se copian o no sus documentos.

5.2.- ¿Cómo darse de alta?
1º.- Abrimos la pagina web: www.scribd.com 2º.- Para suscribiros en el servicio debemos hacer clic en el botón Join Us.

3º.- Ahora debemos introducir los siguientes datos: • Dirección de correo electrónico.

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 21

Seminario de trabajo – Creación y diseño de blogs educativos • • Contraseña de al menos 4 caracteres. Nombre de usuario (opcional).

4º.- Haciendo clic en el botón Sign Up, surge una nueva ventana en la que podemos crear nuestro perfil.

5º.- Si lo deseas puedes indicar los datos que se solicitan y pulsar el botón Save o ignorar mediante el enlace Skip.

6º.- Si todo ha ido bien, Scribd nos mostrará una ventana de bienvenida en la que se nos advierte que nuestra cuenta estará definitivamente activa cuando realicemos el proceso de verificación, mediante el mensaje que nos enviarán a nuestro correo electrónico.

5.3.- ¿Cómo publicar un documento?

Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García

Página: 22

Sign up to vote on this title
UsefulNot useful