SlideShare una empresa de Scribd logo
1 de 30
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
1.- ¿Qué es un blog?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 blogs1.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.
• 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.
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
1.2.- ¿Cuáles son los usos actuales de los weblogs en el mundo1.2.- ¿Cuáles son los usos actuales de los weblogs en el mundo
educativo?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:
 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.- Ejemplos1.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:
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
 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?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
• Blogr
• Clearblogs
• Blogsome
• eHow
• Aeonity
• Blogates
• Blogetery
2.- Nuestro primer blog2.- 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?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
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
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 Blogger2.2.- Ahora sí: alta en Blogger
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.
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
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.
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
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ón2.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.
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_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.
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
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.
2.4.- Configuración básica2.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.
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
2.4.1.- Básico2.4.1.- Básico
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.
2.4.2.- Publicación2.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.- Formato2.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: 8
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.- Comentarios2.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.
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.
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
• 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.- Archivo2.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 sitio2.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).
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ónico2.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
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
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.- Permisos2.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.
• 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 entrada3.- 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:
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
• 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 entrada3.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.
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 HTML3.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.
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
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.
4.- ¿Cómo personalizar nuestro blog?4.- ¿Cómo personalizar nuestro blog?
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
4.1.- Añadir elementos de Blogger4.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.
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.
4.2.- Añadir elementos externos. Contador de visitas4.2.- Añadir elementos externos. Contador de visitas
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
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.
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
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 PowerPoint4.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.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.
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
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.
5.- Scribd. Alojamiento virtual de documentos5.- 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.
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
5.1.-¿Cuáles son sus características?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.
• 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?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.
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º.- 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.
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º.- 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?5.3.- ¿Cómo publicar un documento?
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.
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
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.
5.4.- ¿Cómo hacer referencia o incluir un documento en nuestro blog?5.4.- ¿Cómo hacer referencia o incluir un documento en nuestro blog?
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
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
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
Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 22
Seminario de trabajo – Creación y diseño de blogs educativos
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.
6.- ¿Cómo suscribirse a un blog?6.- ¿Cómo suscribirse a un blog?
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:
Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 23
Seminario de trabajo – Creación y diseño de blogs educativos
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.
6.1.- Suscripción a un periódico online6.1.- Suscripción a un periódico online
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.
Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 24
Seminario de trabajo – Creación y diseño de blogs educativos
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.
Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 25
Seminario de trabajo – Creación y diseño de blogs educativos
ANEXO A - TUBEMASTERANEXO A - TUBEMASTER
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
Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 26
Seminario de trabajo – Creación y diseño de blogs educativos
• 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.
Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 27
Seminario de trabajo – Creación y diseño de blogs educativos
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.
Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 28
Seminario de trabajo – Creación y diseño de blogs educativos
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.
Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 29

Más contenido relacionado

La actualidad más candente

Diferencias del blog y webquest en blogger
Diferencias del blog y webquest en bloggerDiferencias del blog y webquest en blogger
Diferencias del blog y webquest en bloggerEva Berumen Ramirez
 
Presentacion Informatica Juridica
Presentacion Informatica JuridicaPresentacion Informatica Juridica
Presentacion Informatica Juridicaguest0eb14e
 
Clase slideshare
Clase slideshareClase slideshare
Clase slideshareblogdevon
 
Taller pags webs y blogs para ests de educacion
Taller pags webs y blogs para ests de educacionTaller pags webs y blogs para ests de educacion
Taller pags webs y blogs para ests de educacionBiblioteca Cerezo
 
Los blogs como soporte did�ctico
Los blogs como soporte did�cticoLos blogs como soporte did�ctico
Los blogs como soporte did�cticoIsidro Vidal
 
Qué es un blog educativo
Qué es un blog educativoQué es un blog educativo
Qué es un blog educativostreyuka
 
Introducción a los Blogs
Introducción a los BlogsIntroducción a los Blogs
Introducción a los Blogscursobayer
 
Taller de wikis con wikispaces
Taller de wikis con wikispacesTaller de wikis con wikispaces
Taller de wikis con wikispacesJosé Cuerva
 
Los blogs en el área de lenguas
Los blogs en el área de lenguasLos blogs en el área de lenguas
Los blogs en el área de lenguasIsidro Vidal
 
Conceptos y caracteristicas de un blog
Conceptos y caracteristicas de un blogConceptos y caracteristicas de un blog
Conceptos y caracteristicas de un blogSergio González
 
Blog, Característica y Aplicaciones
Blog, Característica  y AplicacionesBlog, Característica  y Aplicaciones
Blog, Característica y Aplicacionesdaviteck2010
 
Aplicaciones Educativas De Las Redes Sociales
Aplicaciones Educativas De Las Redes SocialesAplicaciones Educativas De Las Redes Sociales
Aplicaciones Educativas De Las Redes SocialesJuan José de Haro
 

La actualidad más candente (18)

Diferencias del blog y webquest en blogger
Diferencias del blog y webquest en bloggerDiferencias del blog y webquest en blogger
Diferencias del blog y webquest en blogger
 
Presentacion Informatica Juridica
Presentacion Informatica JuridicaPresentacion Informatica Juridica
Presentacion Informatica Juridica
 
Clase slideshare
Clase slideshareClase slideshare
Clase slideshare
 
Utilizacion de la web 2
Utilizacion de la web 2Utilizacion de la web 2
Utilizacion de la web 2
 
Taller pags webs y blogs para ests de educacion
Taller pags webs y blogs para ests de educacionTaller pags webs y blogs para ests de educacion
Taller pags webs y blogs para ests de educacion
 
Importancia del Blog
Importancia del BlogImportancia del Blog
Importancia del Blog
 
Los blogs como soporte did�ctico
Los blogs como soporte did�cticoLos blogs como soporte did�ctico
Los blogs como soporte did�ctico
 
Qué es un blog educativo
Qué es un blog educativoQué es un blog educativo
Qué es un blog educativo
 
Introducción a los Blogs
Introducción a los BlogsIntroducción a los Blogs
Introducción a los Blogs
 
Utilización de la web 2
Utilización de la web 2Utilización de la web 2
Utilización de la web 2
 
Taller de wikis con wikispaces
Taller de wikis con wikispacesTaller de wikis con wikispaces
Taller de wikis con wikispaces
 
Uso educativo de los blogs
Uso educativo de los blogsUso educativo de los blogs
Uso educativo de los blogs
 
Utilizacion de la web 2
Utilizacion de la web 2Utilizacion de la web 2
Utilizacion de la web 2
 
Los blogs en el área de lenguas
Los blogs en el área de lenguasLos blogs en el área de lenguas
Los blogs en el área de lenguas
 
Conceptos y caracteristicas de un blog
Conceptos y caracteristicas de un blogConceptos y caracteristicas de un blog
Conceptos y caracteristicas de un blog
 
Blog, Característica y Aplicaciones
Blog, Característica  y AplicacionesBlog, Característica  y Aplicaciones
Blog, Característica y Aplicaciones
 
P.I.S. (BLOGs)
P.I.S. (BLOGs)P.I.S. (BLOGs)
P.I.S. (BLOGs)
 
Aplicaciones Educativas De Las Redes Sociales
Aplicaciones Educativas De Las Redes SocialesAplicaciones Educativas De Las Redes Sociales
Aplicaciones Educativas De Las Redes Sociales
 

Destacado

Blogs Y Wikis PresentacióN Final
Blogs Y Wikis PresentacióN FinalBlogs Y Wikis PresentacióN Final
Blogs Y Wikis PresentacióN FinalCarmen Maldonado
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slideshareticvkent
 
Iniciación a los blogs educativos
Iniciación a los blogs educativosIniciación a los blogs educativos
Iniciación a los blogs educativosticvkent
 
Programa Unionlideres.Com 2010
Programa Unionlideres.Com 2010Programa Unionlideres.Com 2010
Programa Unionlideres.Com 2010Luis Chaquea
 
OCTA dossier de prensa informe de vulneraciones 2010 de las TV privadas a l...
OCTA  dossier de prensa  informe de vulneraciones 2010 de las TV privadas a l...OCTA  dossier de prensa  informe de vulneraciones 2010 de las TV privadas a l...
OCTA dossier de prensa informe de vulneraciones 2010 de las TV privadas a l...ACICOM
 
Blogs Y Wikis 2009 PresentacióN Final
Blogs Y Wikis 2009 PresentacióN FinalBlogs Y Wikis 2009 PresentacióN Final
Blogs Y Wikis 2009 PresentacióN FinalCarmen Maldonado
 
Introducción a los blogs educativos
Introducción a los blogs educativosIntroducción a los blogs educativos
Introducción a los blogs educativosticvkent
 
Herramientas web 20 educacion comercial
Herramientas web 20 educacion comercialHerramientas web 20 educacion comercial
Herramientas web 20 educacion comercialCarmen Maldonado
 
Documentos portafolio magisterial
Documentos portafolio magisterialDocumentos portafolio magisterial
Documentos portafolio magisterialCarmen Maldonado
 

Destacado (10)

Blogs Y Wikis PresentacióN Final
Blogs Y Wikis PresentacióN FinalBlogs Y Wikis PresentacióN Final
Blogs Y Wikis PresentacióN Final
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slideshare
 
Iniciación a los blogs educativos
Iniciación a los blogs educativosIniciación a los blogs educativos
Iniciación a los blogs educativos
 
Programa Unionlideres.Com 2010
Programa Unionlideres.Com 2010Programa Unionlideres.Com 2010
Programa Unionlideres.Com 2010
 
OCTA dossier de prensa informe de vulneraciones 2010 de las TV privadas a l...
OCTA  dossier de prensa  informe de vulneraciones 2010 de las TV privadas a l...OCTA  dossier de prensa  informe de vulneraciones 2010 de las TV privadas a l...
OCTA dossier de prensa informe de vulneraciones 2010 de las TV privadas a l...
 
Blogs Y Wikis 2009 PresentacióN Final
Blogs Y Wikis 2009 PresentacióN FinalBlogs Y Wikis 2009 PresentacióN Final
Blogs Y Wikis 2009 PresentacióN Final
 
Introducción a los blogs educativos
Introducción a los blogs educativosIntroducción a los blogs educativos
Introducción a los blogs educativos
 
Herramientas web 20 educacion comercial
Herramientas web 20 educacion comercialHerramientas web 20 educacion comercial
Herramientas web 20 educacion comercial
 
La reunion de lideres
La reunion de lideresLa reunion de lideres
La reunion de lideres
 
Documentos portafolio magisterial
Documentos portafolio magisterialDocumentos portafolio magisterial
Documentos portafolio magisterial
 

Similar a Blogs educativos

Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slidesharemerlogon
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slidesharelenguaibanez
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slidesharecarmeneche
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slideshareRLGH
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slideshareema2109
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slidesharejosemanuel51
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slidesharecharomengual
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slidesharecarmeneche
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slideshareRLGH
 
Herramientas de la web 2.0
Herramientas de la web 2.0Herramientas de la web 2.0
Herramientas de la web 2.0Carlos Azula
 
Manual creación blogs wordpress
Manual creación blogs wordpressManual creación blogs wordpress
Manual creación blogs wordpressTeachingMarketing
 

Similar a Blogs educativos (20)

Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slideshare
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slideshare
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slideshare
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slideshare
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slideshare
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slideshare
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slideshare
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slideshare
 
Blogs educativos para subir a slideshare
Blogs educativos para subir a slideshareBlogs educativos para subir a slideshare
Blogs educativos para subir a slideshare
 
El Blog
El BlogEl Blog
El Blog
 
El blog
El blogEl blog
El blog
 
El blog
El blogEl blog
El blog
 
Sesion 1
Sesion 1Sesion 1
Sesion 1
 
Herramientas de la web 2.0
Herramientas de la web 2.0Herramientas de la web 2.0
Herramientas de la web 2.0
 
2.0
2.02.0
2.0
 
Web 2
Web 2Web 2
Web 2
 
Manual wp
Manual wpManual wp
Manual wp
 
Manual creación blogs wordpress
Manual creación blogs wordpressManual creación blogs wordpress
Manual creación blogs wordpress
 
Manual wp
Manual wpManual wp
Manual wp
 
Manual wp
Manual wpManual wp
Manual wp
 

Último

NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIAAbelardoVelaAlbrecht1
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfDannyTola1
 
Procesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxProcesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxMapyMerma1
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 

Último (20)

Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parte
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdf
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
Procesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxProcesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptx
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 

Blogs educativos

  • 1. I.E.S. Victoria Kent – Fuenlabrada Noviembre de 2008 SEMINARIO DE TRABAJO Creación y diseño de blogs educativos
  • 2. Seminario de trabajo – Creación y diseño de blogs educativos 1.- ¿Qué es un blog?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 blogs1.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. • 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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 1
  • 3. Seminario de trabajo – Creación y diseño de blogs educativos 1.2.- ¿Cuáles son los usos actuales de los weblogs en el mundo1.2.- ¿Cuáles son los usos actuales de los weblogs en el mundo educativo?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:  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.- Ejemplos1.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: Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 2
  • 4. Seminario de trabajo – Creación y diseño de blogs educativos  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?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 • Blogr • Clearblogs • Blogsome • eHow • Aeonity • Blogates • Blogetery 2.- Nuestro primer blog2.- 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?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 Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 3
  • 5. Seminario de trabajo – Creación y diseño de blogs educativos 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 Blogger2.2.- Ahora sí: alta en Blogger 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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 4
  • 6. Seminario de trabajo – Creación y diseño de blogs educativos 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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 5
  • 7. Seminario de trabajo – Creación y diseño de blogs educativos 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ón2.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. 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_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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 6
  • 8. Seminario de trabajo – Creación y diseño de blogs educativos 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. 2.4.- Configuración básica2.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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 7
  • 9. Seminario de trabajo – Creación y diseño de blogs educativos 2.4.1.- Básico2.4.1.- Básico 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. 2.4.2.- Publicación2.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.- Formato2.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: 8
  • 10. 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.- Comentarios2.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. 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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 9
  • 11. Seminario de trabajo – Creación y diseño de blogs educativos • 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.- Archivo2.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 sitio2.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). 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ónico2.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 Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 10
  • 12. Seminario de trabajo – Creación y diseño de blogs educativos 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.- Permisos2.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. • 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 entrada3.- 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: Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 11
  • 13. Seminario de trabajo – Creación y diseño de blogs educativos • 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 entrada3.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. 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 HTML3.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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 12
  • 14. Seminario de trabajo – Creación y diseño de blogs educativos 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. 4.- ¿Cómo personalizar nuestro blog?4.- ¿Cómo personalizar nuestro blog? Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 13
  • 15. Seminario de trabajo – Creación y diseño de blogs educativos 4.1.- Añadir elementos de Blogger4.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. 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. 4.2.- Añadir elementos externos. Contador de visitas4.2.- Añadir elementos externos. Contador de visitas Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 14
  • 16. Seminario de trabajo – Creación y diseño de blogs educativos 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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 15
  • 17. Seminario de trabajo – Creación y diseño de blogs educativos 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 PowerPoint4.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.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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 16
  • 18. Seminario de trabajo – Creación y diseño de blogs educativos 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. 5.- Scribd. Alojamiento virtual de documentos5.- 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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 17
  • 19. Seminario de trabajo – Creación y diseño de blogs educativos 5.1.-¿Cuáles son sus características?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. • 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?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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 18
  • 20. Seminario de trabajo – Creación y diseño de blogs educativos 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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 19
  • 21. Seminario de trabajo – Creación y diseño de blogs educativos 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?5.3.- ¿Cómo publicar un documento? 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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 20
  • 22. Seminario de trabajo – Creación y diseño de blogs educativos 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. 5.4.- ¿Cómo hacer referencia o incluir un documento en nuestro blog?5.4.- ¿Cómo hacer referencia o incluir un documento en nuestro blog? 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 Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 21
  • 23. Seminario de trabajo – Creación y diseño de blogs educativos 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 Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 22
  • 24. Seminario de trabajo – Creación y diseño de blogs educativos 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. 6.- ¿Cómo suscribirse a un blog?6.- ¿Cómo suscribirse a un blog? 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: Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 23
  • 25. Seminario de trabajo – Creación y diseño de blogs educativos 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. 6.1.- Suscripción a un periódico online6.1.- Suscripción a un periódico online 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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 24
  • 26. Seminario de trabajo – Creación y diseño de blogs educativos 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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 25
  • 27. Seminario de trabajo – Creación y diseño de blogs educativos ANEXO A - TUBEMASTERANEXO A - TUBEMASTER 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 Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 26
  • 28. Seminario de trabajo – Creación y diseño de blogs educativos • 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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 27
  • 29. Seminario de trabajo – Creación y diseño de blogs educativos 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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 28
  • 30. Seminario de trabajo – Creación y diseño de blogs educativos 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. Coordinación y ponencias: María José Morales Abad y Ricardo Rodríguez García Página: 29