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

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

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

11..-- ¿¿QQuuéé eess uunn bblloogg?? 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.

11..11..-- PPrriinncciippaalleess vveennttaajjaass ddee llooss bbllooggss 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.

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.



11..22..-- ¿¿CCuuáálleess ssoonn llooss uussooss aaccttuuaalleess ddee llooss wweebbllooggss eenn eell mmuunnddoo eedduuccaattiivvoo??

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:

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.

11..33..-- EEjjeemmppllooss 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

11..44..-- ¿¿DDóónnddee ccrreeaarr uunn bblloogg?? 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 Blogr Clearblogs Blogsome eHow Aeonity Blogates Blogetery

22..-- NNuueessttrroo pprriimmeerr bblloogg 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.

22..11..-- ¿¿TTiieenneess ccuueennttaa ddee ccoorrrreeoo eelleeccttrróónniiccoo?? 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

22..22..-- AAhhoorraa ssíí:: aallttaa eenn BBllooggggeerr

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.

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.



22..33..-- VVeerriiffiiccaacciióónn yy aaccttiivvaacciióónn 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.

2º.- Ahora abrimos nuestra cuenta de correo electrónico y buscamos un mensaje con un asunto como el

siguiente: [email protected]. 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_5K857O3uQk&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:

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

22..44..-- CCoonnffiigguurraacciióónn bbáássiiccaa 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.

22..44..11..-- BBáássiiccoo En esta sección se establecen los valores iniciales de nuestro blog, donde destacan los siguientes:

Título: Texto que aparecerá siempre en la parte superior de nuestro blog, que podemos modificar en cualquier momento.



Descripción: texto descriptivo que aparecerá como subtitulo habitualmente debajo del Título.

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.

22..44..22..-- PPuubblliiccaacciióónn 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.

22..44..33..-- FFoorrmmaattoo 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.

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.

22..44..44..-- CCoommeennttaarriiooss 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. 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.



22..44..55..-- AArrcchhiivvoo

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.

22..44..66..-- FFeeeedd ddeell ssiittiioo oo ddiissttrriibbuucciióónn ddeell ssiittiioo

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).

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.

22..44..77..-- CCoorrrreeoo eelleeccttrróónniiccoo

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 [email protected], 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.

22..44..88..-- PPeerrmmiissooss 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.

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.

33..-- NNuueessttrraa pprriimmeerraa eennttrraaddaa 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.

33..11..-- EEddiittaarr oo ssuupprriimmiirr uunnaa eennttrraaddaa 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. 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.

33..22..-- EEddiicciióónn ddee HHTTMMLL 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 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.

44..-- ¿¿CCóómmoo ppeerrssoonnaalliizzaarr nnuueessttrroo bblloogg??

44..11..-- AAññaaddiirr eelleemmeennttooss ddee BBllooggggeerr 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.

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.

44..22..-- AAññaaddiirr eelleemmeennttooss eexxtteerrnnooss.. CCoonnttaaddoorr ddee vviissiittaass

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 accedemos a la página: www.contadorwap.com, donde se ofrece un servicio gratuito de estadísticas de visitas.



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)

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.

44..33..-- AAññaaddiirr uunnaa pprreesseennttaacciióónn PPoowweerrPPooiinntt 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.slideshare.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.

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 que tenemos guardado en el portapapeles, recuerda que en el mismo habíamos copiado el código HTML que nos va a permitir “incrustar” la presentación que hemos encontrado en SlideShare.

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.

55..-- SSccrriibbdd.. AAlloojjaammiieennttoo vviirrttuuaall ddee ddooccuummeennttooss

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.

55..11..--¿¿CCuuáálleess ssoonn ssuuss ccaarraacctteerrííssttiiccaass??

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.

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.

55..22..-- ¿¿CCóómmoo ddaarrssee ddee aallttaa??

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.

• 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.



55..33..-- ¿¿CCóómmoo ppuubblliiccaarr uunn ddooccuummeennttoo??

Como ya se apuntó anteriormente Scribd es un servicio web que nos permite la publicación de documentos de diferentes formatos. Una vez publicado nuestro archivo, se genera un código HTML o una dirección web (URL) que podemos utilizar para publicar nuestros trabajos en cualquier lugar, una página web propia o un blog. El proceso es un poco laborioso, pero para nada complejo, ni siquiera hay que saber inglés, que por cierto, es el idioma de la web.

1º.- El primer paso es entrar en la web, abrimos nuestro navegador y tecleamos: www.scribd.com. 2º.- Si ya somos usuarios registrados podemos acceder a nuestra cuenta, debemos utilizar el enlace Log

In.

3º.- A continuación debemos indicar nuestro nombre de usuario o nuestra dirección de correo electrónico y la contraseña. A continuación y mediante el botón Login, confirmamos el acceso a Scribd.

4º.- Surge el escritorio principal de nuestra cuenta, donde

debemos pulsar el botón Upload para comenzar a publicar documentos.

5º.- Nos remite a un sencillo asistente compuesto por tres

pasos, en el primero de los cuales debemos elegir el archivo a publicar. Haz clic en el botón Click to Choose Files y busca el fichero que deseamos incluir en Scribd.

6º.- Inmediatamente surge el 2º paso en el que podemos

establecer dos parámetros importantes, el Título del documento y marcarlo si lo deseamos como privado, para que solamente pueda ser visto por nosotros.

7º.- A través del botón Upload Docs del 2º paso, comienza

el proceso de subida del archivo desde el disco duro del ordenador a nuestro disco virtual en Scribd.

8º.- Terminado este proceso surge una ventana que solicita

una serie de datos que permiten identificar a nuestro documento dentro de la enorme biblioteca que es Scribd.

9º.- Completa aquellos que estimes adecuados y confirma

los cambios mediante el botón Save Changes.



10º.- Por último nos muestran una pantalla en la que

podemos realizar diferentes acciones:

Compartir este documento con otras personas tecleando el correo electrónico de las mismas.

Copiar en el portapapeles un enlace al documento.

Copiar en el portapapeles el “código embebido”, que nos permitirá posteriormente incrustar el documento en una página web o en nuestro blog.

11º.- Finalizamos la publicación mediante el botón Finish, que nos remite nuestra bandeja de entrada de

documentos publicados.

55..44..-- ¿¿CCóómmoo hhaacceerr rreeffeerreenncciiaa oo iinncclluuiirr uunn ddooccuummeennttoo eenn nnuueessttrroo bblloogg?? Se puede observar a medida que nos vamos introduciendo en el diseño de blogs educativos, la enorme variedad de recursos que nos ofrecen actualmente en la red de redes, muchos de ello gratuitos. Se deduce, a su vez, que los blogs se establecen como una herramienta perfecta para integrar todos estos contenidos. A continuación se describirá el proceso para alojar en nuestro blog un documento guardado en la biblioteca virtual de Scribd o hacer referencia al archivo que lo contiene. En el siguiente ejemplo, publicaremos una nueva entrada en la que vamos a incrustar uno de los documentos guardados en Scribd, para poder ser visto directamente desde nuestro blog, además añadiremos un enlace al mismo para que el lector pueda bajárselo a su ordenador.

1º.- En primer lugar abrimos en nuestro navegador la página www.blogger.com. Entramos en nuestro escritorio indicando el correspondiente correo electrónico y nuestra contraseña.

2º.- Haz clic en el botón NUEVA ENTRADA, para publicar un nuevo artículo en el que vamos a invitar a nuestros lectores, por un lado a ver este mismo manual desde esta nueva entrada, o bien descargarse el documento en su equipo.

3º.- Surge la página que nos permite crear una nueva entrada en la que deberemos incluir el siguiente contenido en las secciones correspondientes:

• Título: Tutorial para la creación de Blogs.

• Etiquetas de entrada: Manuales



• Cuerpo del artículo:

Estimado lector, el siguiente manual te permitirá crear tu propio blog en muy poco tiempo y con apenas conocimientos acerca del diseño de páginas web. Aprenderás, a su vez a incluir en el mismo todo tipo de recursos multimedia. Descargar el tutorial Vista previa del tutorial

4º.- A continuación y en una nueva ventana de nuestro navegador accedemos a nuestra cuenta de Scribd e ingresamos en la sección My Docs. Se deberá mostrar nuestra bandeja de entrada de documentos.

5º.- Hacemos clic en la imagen representativa del documento que queremos trasladar a nuestro blog, para entrar la ventana que nos permite navegar por todas las páginas del mismo.

6º.- En primer lugar buscaremos el enlace que deberemos

usar en el artículo de nuestro blog para que los usuarios puedan descargar el archivo en formato pdf.

7º.- Para ello debemos hacer clic en la solapa DownLoad

y elegir la opción Adobe Acrobat (pdf).

8º.- Se deberá abrir una ventana que nos muestra el archivo completo.

9º.- Copia en el portapapeles el URL o localizador web que aparece en la barra de direcciones del

navegador, es nuestro caso: http://d.scribd.com/docs/1bg9eeiw0r2afxt0vo6m.pdf

10º.- Esta será la dirección con la que debemos crear un enlace en la entrada del blog. De vuelta, por tanto a la ventana de Blogger seleccionamos el texto Descargar el tutorial y hacemos clic en la herramienta Enlace.

11º.- En la ventana Hipervínculo debes pegar el contenido del portapapeles en el apartado URL, para

indicar la dirección de acceso directo al tutorial en formato pdf. Por último confirma los cambios mediante el botón Aceptar.

12º.- El siguiente paso es incrustar en la nueva entrada de nuestro diario, el documento completo para que

los lectores puedan contar con una vista previa del mismo antes de descargarlo.

13º.- Volvemos a la ventana de nuestra biblioteca virtual en Scribd, en la que todavía debe permanece abierto el tutorial en formato pdf. Haz clic en el botó Atrás para retornar a la página que nos ofrece una vista previa del documento.



14º.- Ahora debemos encontrar el código HTML necesario

para lograr nuestro objetivo. Podrás hallarlo mediante la solapa Embed.

15º.- En la sección 1. Copy the embed code bellow, se

ofrece el código HTML, que podemos trasladar directamente el portapapeles mediante el botón Copy.

16º.- El último paso es añadir este código en la entrada de

nuestro blog.

17º.- Volvemos a la ventana de publicación de entradas de Blogger y hacemos clic en la solapa Edición de HTML y pegamos el contenido del portapapeles justo al final del artículo.

18º.- Finalizamos confirmando los cambios mediante

el botón PUBLICAR ENTRADA.

19º.- Mediante el enlace Ver blog, podrás comprobar el resultado.

66..-- ¿¿CCóómmoo ssuussccrriibbiirrssee aa uunn bblloogg?? Si no existiera el sistema de correos y los carteros, en lugar de recibir en nuestro buzón las cartas de amigos y familiares, notificaciones del banco, facturas, revistas, publicidad, etc., deberíamos pasarnos de vez en cuando por la oficina de corres y pregunta si ha llegado algo para nosotros. Pues este es el método que utilizan muchas personas para consultar sus páginas preferidas. Existe un método alternativo que se conoce como RSS (Really Simple Syndication), esencial para todo aquel que sea asiduo a páginas web cuyo contenido se actualice con cierta frecuencia, como blogs, podcasts, videoblogs, periódicos online, foros, etc. El servicio RSS se identifica con el siguiente icono:

Todos los navegadores importantes incluyen algún método para suscribirse a orígenes RSS: Firefox, Opera, Safari, Konqueror, Epiphany... También podemos utilizar aplicaciones online, como Bloglines, Google



Reader o MyYahoo. A todas estas herramientas capaces de actualizar y mostrarnos la información de nuestras webs favoritas mediante RSS se llaman agregadores. Lo bueno de los weblogs (o blogs, o bitácoras) es que son páginas web que no necesitan ser visitadas continuamente para comprobar si se han actualizado. Los blogs pueden ser leídos cómodamente de la misma manera el correo electrónico desde un lector de RSS. El estándar RSS es el sistema que utilizan los blogs para almacenar el contenido de manera que sea accesible para algunos programas especialmente diseñados para leer blogs. De este modo, no es necesario que visites periódicamente cada uno de tus blogs preferidos porque, nada más abrir tu lector de RSS, todas las nuevas entradas se descargan en él para que puedas seleccionar cómodamente lo que lees y cuando lo lees. A modo de ejemplo podemos indicar que Google Reader, es un lector RSS que permite leer blogs desde una página de Internet. Se trata de un servicio que requiere que tengas una cuenta de Google o Gmail.

66..11..-- SSuussccrriippcciióónn aa uunn ppeerriióóddiiccoo oonnlliinnee Si deseamos recibir en nuestro propio blog las últimas noticias relacionadas con un determinado tema, existen numerosos periódicos online, que nos ofrecen servicio RSS mediante el cual podemos incluir en nuestro diario digital un gadget o elemento que muestre de manera actualizada las últimas noticias de una sección del periódico. El proceso es bastante sencillo:

1º.- Entra en la página del periódico El País: www.elpais.com 2º.- Baja hacia el final de la página para encontrar el icono que identifica al servicio RSS del periódico.

3º.- Haciendo clic en dicho icono RSS surge la venta de

suscripción a las diferentes secciones del periódico. 4º.- En este caso vamos a suscribirnos a la sección de

Tecnología, para ello hacemos clic en su icono o enlace.

5º.- Surge un nuevo menú en el que debemos elegir la opción En su propia página.

6º.- Esto nos lleva a la ventana de registro en la que debemos indicar los siguientes datos: Nombre, Apellidos, País, Dirección Web (en este caso la dirección URL de nuestro blog), Correo electrónico y Sector (en nuestro caso Educación).



7º.- Una vez completado el formulario, haz clic en el botón

Continuar.

8º.- En la última ventana debemos seguir tres pasos:

Elegir la sección en el apartado Seleccione sus titulares: Ciencia, Tecnología y Humanidad.

Ahora marcamos la opción de Visualización que se

ajuste mejor a la plantilla de nuestro blog.

En el aparado Ancho indicamos un valor de 250px, para que se ajuste perfectamente al lateral derecho de nuestro blog.

Por último, hacemos clic en el botón Enviar código.

9º.- Por fin, aparece el código HTML que debemos utilizar para

incrustar en nuestro blog dichos titulares. Repasa el apartado 4.2 de estos apuntes para añadir este nuevo elemento a tu bitácora.



AANNEEXXOO AA -- TTUUBBEEMMAASSTTEERR

Se trata de un programa gratuito para descarga y conversión de videos. Para conseguirlo se siguen los siguientes pasos:

www.google.com Buscar TUBEMASTER TubeMaster – Descargar

TubeMaster, descargar gratis. Descarga TubeMaster, análisis, imágenes, comparativa y opiniones sobre TubeMaster. tubemaster.softonic.com/ - 55k –

Pulsar en Descargar



Se guarda como archivo comprimido, en el escritorio. Una vez guardado deberemos abrir carpeta y extraer los archivos para que se ejecute correctamente.

Posteriormente, abriremos Tubemaster y podremos realizar una búsqueda de videos para descargarlos y

convertirlos en formato .avi, que es el recomendado.

Por ejemplo. Queremos buscar videos sobre los yacimientos de Atapuerca. Escribimos Atapuerca y pulsamos la lupa para que el programa inicie la búsqueda.

Aparecerá un listado con los videos encontrados.



Entre ellos seleccionamos el que nos parezca para visualizarlo. Si nos gusta, pulsaremos en el botón situado abajo a la derecha que dice visualización-descarga Una vez concluida la descarga, procedemos a la conversión, pulsando en la solapa de descarga y conversión de la parte superior izquierda. Se abre otra pantalla como la de la siguiente página donde podemos pulsar el botón inferior que indica convertir . Nos pedirá entonces archivo de entrada, que es directamente el que hemos visto, y que aparece escrito encima de las teclas en la parte inferior izquierda, y la carpeta de salida que elegimos nosotros, ya sea en el disco duro o en unidades extraíbles.



Archivo de salida Pulsar para iniciar la conversión Una vez realizada la conversión, podremos verificar que el video se ha descargado correctamente, abriendo la carpeta en la cual lo guardamos. Con esta operación podemos disponer de los documentos gráficos que nos interesan en la clase, simplemente con un ordenador portátil y un cañón de vídeo.

creación y diseño de blogs educativos

Documents