Creación y Diseño de Blogs Educativos

SEMINARIO DE TRABAJO
Creación y diseño de blogs educativos
I.E.S. Victoria Kent – Fuenlabrada

Noviembre de 2008
Seminario de trabajo – Creación y diseño de blogs educativos
1.- ¿Qué es un blog?

Los blogs surgen con la intención de crear páginas web en las que un usuario o grupo de ellos van
reflejando por estricto orden cronológico las noticias, reportajes, artículos y otro tipo de contenidos que
encuentran en la RED y que creen pueden ser de interés para el resto de internautas.
Un blog, también conocido como bitácora o weblog, es por tanto un sitio web periódicamente actualizado
que recopila cronológicamente texto o artículos de uno o varios autores, apareciendo primero el más reciente,
donde el autor conserva la libertad de dejar publicado lo que crea pertinente. El término weblog proviene de las
palabras web y log ('log' en inglés = diario). El término bitácora, en referencia a los antiguos cuadernos de
bitácora de los barcos, se utiliza preferentemente cuando el autor escribe sobre su vida propia como si fuese un
diario, pero publicado en Internet en línea.
Actualmente y dado el gran interés que han generado en los usuarios particulares de internet, así como
por la enorme proliferación de todo tipo de blogs, está finalidad inicial de actuar como diario digital personal, ha
sido ampliada. De esta manera, las páginas que permiten a cualquier usuario dar de alta de manera gratuita un
blog, han ido evolucionando, mejorando y ampliando los servicios que ofrecen. Esto convierte a los blogs en una
herramienta cada día más flexible, que puede actuar como:
Página web personal.

Biblioteca virtual.
Soporte para el intercambio de ideas.
Herramienta de colaboración.
Recurso educativo.
Etc.
1.1.- Principales ventajas de los blogs
En el diseño y creación de blogs destacan una serie de ventajas en relación con los métodos
tradicionales de elaboración de páginas web. Destacamos las más importantes:
Se trata de una herramienta cada vez más flexible y con un número cada vez mayor de posibilidades.
No requiere excesivos conocimientos técnicos, ya que se ofrecen entornos de trabajo y configuración

muy sencillos e intuitivos que permiten crear un blog en muy pocos pasos.
Permite aprovechar muchos los recursos y servicios que actualmente se ofrecen en Internet.
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
1.2.- ¿Cuáles son los usos actuales de los weblogs en el mundo

educativo?
Los principales usos de los weblogs en el mundo educativo incorporan elementos propios de las
tradicionales páginas web educativas, así como de las plataformas de gestión académica.
Elementos que tradicionalmente podía formar parte de una página web educativa:
o Notificación a los estudiantes de las normas del curso, trabajos a realizar, lecturas aconsejadas, gráficos,
documentación complementaria, ejercicios y material pedagógico en general.
o Enlaces a sitios web relevantes para el contenido de las asignaturas: datos reales (servidores
estadísticos), páginas de otros docentes e investigadores, principales instituciones del ramo, noticias de
actualidad relacionadas, etc.
o Agenda de organización, con el reparto temporal de tareas y actividades, exámenes parciales, visitas,
reuniones y tutorías académicas.
o Foros de discusión del curso, integrados con los enlaces y la información aportada por el profesor.
Convergen en este punto las aportaciones de profesor y estudiantes, siguiendo las indicaciones, límites y
objetivos marcados en un principio para la actividad.
Los weblogs son en sí un sistema de gestión de información, puesto que permiten, y de una manera
sencilla además, capturar, organizar, manipular, reelaborar y acceder a la información. Aportan mejoras como:
Mayor sencillez para los usuarios, estudiantes y profesores, y mayor flexibilidad en su configuración. Al
fin y al cabo, se trata de una herramienta para publicar, combinar libremente y compartir información en
soportes diversos, con gran facilidad y sin necesidad de conocimientos técnicos.
El encargo a los estudiantes de la realización de su propio blog supone una posibilidad técnica adicional
que los docentes no disponían hasta ahora. La publicación por parte de los alumnos de su propio
proceso de reflexión y documentación sobre el tema tratado facilita el desarrollo de habilidades de
análisis, síntesis, argumentación y trabajo en equipo, así como la toma de conciencia del propio proceso
de aprendizaje.
1.3.- Ejemplos
Antes de adentrarnos en la creación de nuestro propio blog educativo quizás ser conveniente darse un
paseo por internet y navegar por las numerosas bitácoras educativos que podemos encontrar en la red. Veamos
algunos ejemplos:
¾ http://www.lacoctelera.com/encinas
¾ http://ciberaulas.blogspot.com/
¾ http://www.conociendoelmedio.blogspot.com/
¾ http://xavgom.blogspot.com/
¾ http://elfogondelasculturas.blogspot.com/
¾ http://cmcontemporaneovk.blogspot.com
1.4.- ¿Dónde crear un blog?
Son muchos los sitios web que permiten publicar de un modo muy sencillo, quizás el más conocido es
Blogger o Blogspot. En español existen sus equivalentes, como:
Bitácoras.com
Blogalia
Blogia
Los blogs de Ya.com
Te indicamos algunas plataformas más, donde podrás crear blogs:
Wordpress.com
Blogr
Clearblogs
Blogsome
eHow
Aeonity
Blogates
Blogetery
2.- Nuestro primer blog

Detallaremos a continuación los pasos que hemos de seguir para llegar a poner en marcha nuestro
propio blog. El proceso es muy similar en la mayoría de las plataformas, nosotros seguiremos las indicaciones de
Blogger, ya que se trata de uno de los entornos que ofrece una mayor relación entre servicios, posibilidades,
flexibilidad y sencillez.
2.1.- ¿Tienes cuenta de correo electrónico?
Antes de iniciar el proceso de alta o registro, es preciso contar previamente con una dirección de correo
electrónico, ya que ésta constituye el principal elemento identificador de cada uno de los autores de las
diferentes bitácoras alojadas en Blogger. Nuestra dirección de correo junto con la correspondiente contraseña,
serán imprescindibles para poder publicar nuevos artículos o entradas, realizar operaciones de mantenimiento o
actualización, añadir elementos (sonido, videos, contadores de visitas, votaciones,…), cambiar valores en la
configuración, etc.
Gmail es uno de los servicios que ofrece

Google, donde podrás registrar una nueva
cuenta de correo electrónico, para ello deberás
seguir los pasos que se indican en el apartado
Apúntate a Gmail, en la siguiente dirección
web: www.gmail.com
2.2.- Ahora sí: alta en Blogger
1º.- En primer lugar entramos en la

siguiente dirección web:
www.blogger.com
2º.- Como se indica en la página de inicio,

solamente tenemos que completar
tres pasos para crear nuestro propio
blog. Por tanto, hacemos clic en la
flecha CREAR BLOG AHORA.
3º.- Accedemos al primer paso en el que debemos escribir los siguientes datos: dirección de correo
electrónico (2 veces), contraseña (2 veces) y la palabra de verificación.
4º.- Una vez marcada la casilla en la que aceptamos las Condiciones del servicio, hacemos clic en la
flecha CONTINUAR.
5º.- En el segundo se solicita un título para nuestro blog, el cual aparecerá en el blog publicado, en el
escritorio y en el perfil. Además debemos completar la dirección URL a partir de la cual podemos
acceder al mismo, siempre siguiendo el mismo formato: http://nombredelblog.blogspot.com. Podemos
además comprobar que el nombre que queremos asignar se encuentra libre mediante el apartado
Comprobar la disponibilidad.
6º.- Mediante la flecha CONTINUAR accedemos al tercer y último paso, en el que únicamente debemos
elegir la plantilla. Si no te termina de convencer ninguna, no te preocupes porque se puede cambiar
posteriormente con plantillas que podemos descargar en internet.
7º.- Si todo ha ido bien aparecerá una ventana que confirma que acabamos de registrar nuestro blog.
8º.- A través de la flecha EMPEZAR A PUBLICAR, accedemos a la “parte trasera” de nuestro blog, a la
que en principio solamente puede ingresar su autor y que permite publicar entradas o artículos. Pero
antes de incluir nuestro primer artículo, realizaremos algunas operaciones previas importantes.
2.3.- Verificación y activación
Blogger necesita confirmar que realmente deseamos activar el blog recién creado. Con esta finalidad
recibiremos un mensaje en nuestra dirección de correo electrónico con las instrucciones para poder activar
nuestra cuenta en Blogger. Aunque podemos realizar esta operación en un plazo de 20 días, es recomendable
realizarlo cuanto antes para evitar futuras inconvenientes.
1º.- En primer lugar cerramos nuestra cuenta en Blogger a través del texto Salir que podemos encontrar
en la parte superior derecha de la ventana.
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.
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ásica
Existe una amplia gama de parámetros que pueden ser configurados para establecer el aspecto, los
servicios ofrecidos, la distribución de contenidos y artículos, etc., con el fin de adaptar nuestro diario digital a
nuestras necesidades y objetivos. En esta sección aprenderemos a asignar los valores adecuados en los
parámetros más importantes.
1º.- A través de nuestro correo electrónico y contraseña entramos en nuestra cuenta en Blogger.
2º.- Accedemos al apartado de Configuración mediante el enlace con el mismo nombre. Se muestra una
venta en la que podemos observar un total de 9 solapas que se corresponden con los diferentes
grupos de parámetros que podemos cambiar. Repasaremos brevemente cada uno de ellos.
2.4.1.- Básico
En esta sección se establecen los valores iniciales de nuestro blog, donde destacan los siguientes:
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ón
La dirección URL de nuestro blog puede ser modificada en cualquier momento, siempre y cuando se
encuentre disponible. Será en el apartado Publicación donde podemos realizar esta operación.
2.4.3.- Formato
Permite indicar el modo en el que se mostrarán algunos de los elementos. Repasemos los aspectos más
ºimportantes:
Mostrar: se puede indicar el número de artículos o

entradas que serán mostradas en la página inicial.
Formato de cabecera de fecha: especifica el formato de

la fecha que aparecerá siempre sobre cada una de las
entradas.
Formato de hora y Zona horaria: buscamos el segmento

horario de Madrid (GMT+01:00).
Idioma: por defecto ya aparece español, pero podríamos elegir cualquier otro dentro de una amplia
variedad.
Mostrar campo de título: cada artículo o entrada estará compuesto por un título y el cuerpo de texto. Si
lo deseamos podemos evitar que sea mostrado el título de cada uno de ellos.
2.4.4.- Comentarios
Como ya hemos explicado anteriormente estamos ante un entorno de trabajo que facilita la colaboración
de aquellos que visitan el blog. Esto se consigue mediante los comentarios que pueden realizarse en cada una
de las entradas. Podemos concretar algunos valores relacionados con este recurso.
Comentarios: dependiendo del objetivo o finalidad que

persigamos, puede interesarnos ofrecer a nuestros
visitantes la posibilidad de realizar comentarios o no.
Persona que puede realizar los comentarios: podemos

elegir entre cuatro opciones diferentes:
o Cualquiera.
o Usuarios registrados – Incluido OpenID:
http://openid.blogs.es/ es un sistema de
autentificación seguro, abierto y sencillo de usar,
que permite identificar a sus usuarios en multitud de páginas web.
o Usuario con cuentas de Google: podrán realizar comentarios únicamente los autores de otros
blogs.
o Sólo miembros de este blog: solamente podrán realizar comentarios en nuestro blog, las
personas que hallamos registrado como miembros del blog.
Ubicación del formulario de comentarios: permite determinar la manera en la que será mostrada la
ventana de comentarios:
o Página completa: se abre una nueva ventana que ocupa toda la pantalla.
o Ventana emergente: en este caso los comentarios se realizan en una nueva ventana que deja
ver la página principal del blog.
o Entrada incrustada a continuación: el formulario de entrada de comentarios es incrustado en

la misma página principal del blog, justo a continuación del artículo que se desea comentar.
Moderación de comentarios: se puede activar la revisión previa de los comentarios antes de ser
publicados. Aparece un mensaje en el escritorio del autor cuando existen comentarios que revisar.
Mostrar la palabra de verificación para comentarios: cuando esta opción se encuentra activada
impide que se puedan realizar comentarios de manera automática mediante máquinas (otros equipos y
ordenadores), con el fin de evitar, por ejemplo, spam indeseable.
2.4.5.- Archivo
Frecuencia de archivo: es el intervalo tras el cual se

archivan las entradas en el blog. Las opciones son
Mensual, Semanal y Diaria. Por ejemplo, un archivo
mensual incluirá todas sus entradas de un mes, mientras
que un archivo semanal sólo contendrá las entradas de
una semana.
Habilitar páginas de entrada: permite que cada entrada

tenga su página web exclusiva, además de aparecer en la
página inicial del blog.
2.4.6.- Feed del sitio o distribución del sitio
La distribución es el proceso mediante el cual, al publicar

un blog, Blogger genera automáticamente una representación de
éste apta para la lectura desde equipos informáticos, que puede
seleccionarse y mostrarse en otros sitios web y herramientas de
agregación de información.
Determinados componentes de software, denominados

lectores de noticias o agregadores, pueden explorar estos feeds y
comunicarle automáticamente cuándo se han actualizado los sitios.
Algunos ejemplos son FeedDemon (Windows), Bloglines (basado
en la web), NetNewsWire y Shrook (Mac OS X).
Una ventaja de distribuir su sitio es que llegará a un público más amplio, porque atraerá a los usuarios
que le proporcione el agregador. Si desea conocer otras ventajas, visite WebMonkey, Software Garden y
Mezzoblue.
2.4.7.- Correo electrónico
Dirección de BlogSend: se puede incluir una lista de

hasta 10 direcciones de correo electrónico separándolas
con comas para que reciban tu blog por correo electrónico
cada vez que publiques algo.
Dirección Mail-to-Blogger: convierte una cuenta de

correo electrónico en una aplicación para crear entradas
en un blog. Para crear una entrada en su blog por correo
electrónico, debe configurar su dirección de Mail-to-
Blogger. El formato de la dirección de correo electrónico
es nombreusuario.palabrasecreta@blogger.com, siendo
esta dirección a la cual deberemos enviar un correo desde cualquiera de nuestras cuentas e-mail.
Debemos asegurarnos de especificar si deseamos que nuestras entradas por correo electrónico
se publiquen automáticamente o no. Si esta opción no está seleccionada, las entradas se almacenarán
en nuestra cuenta pero no aparecerán en el blog hasta que accedamos a Blogger.com y las
publiquemos. Los asuntos de sus correos serán los títulos de sus entradas y el cuerpo constituirá las
entradas propiamente dichas. A veces, los programas de correo electrónico añaden texto en la parte
inferior de los mensajes enviados. Para evitar que aparezca en su blog, escriba #end al final de su
entrada.
2.4.8.- Permisos
En esta sección podemos indicar, por un lado, quiénes

pueden actuar como autores y por tanto pueden publicar artículos
en nuestro blog. Y por otro lado, qué personas pueden ver el blog.
Autores del blog: mediante sus direcciones de correo

electrónico, podemos mandar invitaciones a las personas
que queremos que escriban en nuestro blog.
Lectores del blog: por defecto, nuestro blog puede ser

visitado por el público en general, pero podemos restringir
las visitas, para que solamente tengan acceso las personas que elijamos o los autores del blog.
3.- Nuestra primera entrada

Publicar un artículo o entrada en nuestro es blog es
sumamente sencillo, veamos los pasos que debemos cumplir para
proporcionar contenidos a la página principal del mismo:
1º.- Haz clic en la solapa Creación de entradas para

mostrar la ventana de publicación de artículos.
2º.- Escribe en la caja Título, el texto que quieras que

aparezca encabezando la entrada. Por ejemplo:
“Iniciamos el Seminario de Blogs”.
3º.- Justo debajo se nos ofrece un formulario a modo de sencillo procesador de textos, en el que podemos
redactar el cuerpo del artículo. En nuestro caso podría ser algo parecido a esto:
“Bienvenidos a todos los miembros del Seminario de Trabajo: Creación y diseño de blogs
educativos. Seguro que estáis deseando poner en marcha vuestro propio blog para poder trabajar
con vuestros alumnos. Nos os preocupéis, que ya empezamos, la primera sesión presencial tendrá
lugar en:
• Fecha: martes día 11 de noviembre de 2008.

• Hora: 15,30 h.
• Lugar: Aula de Informática.”
4º.- Por último, haz clic en el botón PUBLICAR ENTRADA, para confirmar la presencia del artículo en la
página principal del blog.
5º.- Si quieres comprobar el resultado haz clic en el enlace Ver Blog.
3.1.- Editar o suprimir una entrada
Una vez que un artículo ha sido publicado, éste puede ser modificado o suprimido en cualquier momento.
Veamos como:
1º.- Haz clic en la solapa Creación de entradas.
2º.- Esta solapa nos ofrece las opción Editar entradas.
3º.- Esta sección nos muestra una lista de las entradas que
se encuentran publicadas en nuestro blog, ordenadas
por fecha de creación.
4º.- Para cada entrada en la lista nos ofrece tres

posibilidades: Editar, Visualizar y Suprimir.
5º.- Mediante el enlace Editar podemos modificar la entrada

que deseamos, ya que nos lleva a una página donde
podemos ver tanto el título como el cuerpo de texto del
artículo y la etiqueta.
6º.- Si realizamos cambios en cualquiera de estos tres

elementos, deberemos confirmar los mismos mediante
el botón PUBLICAR ENTRADA.
3.2.- Edición de HTML
Por defecto, Blogger nos ofrece, a la hora de crear entradas, un sencillo procesador de textos tipo
WYSIWYG (acrónimo de What You See Is What You Get, que puede ser traducido como: "lo que ves es lo que
obtienes").
Para aquellos autores que posean conocimientos acerca de la edición en lenguaje HTML, existe la
posibilidad de crear artículos empleando este lenguaje. Sin embargo no es necesario dominar este lenguaje para
poder incrustar en una entrada, uno de los muchos recursos o contenidos que podemos encontrar en Internet.
En nuestro caso, “incrustaremos” en el artículo de

bienvenida del blog un video de la página Youtube, mediante un
proceso que se denomina añadir código embebido o incrustado:
1º.- Buscamos el video que deseamos incluir en el artículo

en la página: www.youtube.com. En nuestro ejemplo
vamos a integrar en el artículo un video en el que unos
alumnos puertorriqueños hablan sobre los blogs.
2º.- En el apartado Insertar, aparece el código HTML, que nos permitirá incluir este video en cualquier
entrada de nuestro blog. Selecciona todo el texto y cópialo en el portapapeles, mediante el menú
Edición y la línea Copiar (o mediante la combinación de teclas Ctrl.+ C).
3º.- De vuelta a Blogger, editamos nuestra primera entrada siguiendo los pasos expuestos en el punto
anterior 3.1.-
4º.- Activamos la solapa Edición de HTML. Si no hemos

empleado recursos especiales, como letras en negrita,
cursiva, en diferentes colores,…, esta opción nos
muestra un cuerpo de texto muy similar al que hemos
visto hasta ahora.
5º.- En caso contrario si hemos hecho uso de cualquiera de

las utilidades del procesador de textos, podremos
observar las etiquetas del lenguaje HTML, intercaladas
en el texto, siguiendo un formato como el de este
ejemplo:
<strong>Bienvenidos</strong>: muestra la palabra Bienvenidos en negrita
6º.- Tras estas consideraciones previas, incluiremos el código HTML que hemos copiado en la página de
Youtube, en la que posición que deseemos en nuestra entrada. Para ello sitúa el cursor en el punto
que estimes oportuno, por ejemplo, justo al final de la entrada y pega el contenido del portapapeles
(Edición – Pegar o combinación de teclas Ctrl. + V).
7º.- Por último confirma los cambios mediante el botón PUBLICAR ENTRADA.
8º.- Existen en internet cada vez más páginas que ponen a disposición de cualquier usuario código HTML
de sus elementos, ya sean videos, archivos de sonido, presentaciones, documentos, etc. El proceso a
llevar a cabo para incluir estos elementos en nuestro blog es muy similar al desarrollado en este
ejemplo.
4.- ¿Cómo personalizar nuestro blog?
4.1.- Añadir elementos de Blogger
Las páginas principales de la mayoría de las bitácoras, se dividen entres partes. Por un lado la parte
superior en las que aparece el título. Por otro lado podemos identificar la sección de entradas que ocupa la zona
izquierda y central. Se trata de un espacio donde los contenidos van cambiando a medida que se van incluyendo
nuevos artículos o modificando los existentes.
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 visitas
Al igual que se hizo en el punto 3.2.- donde incluimos código HTML en una de las entradas del blog, para
“incrustar” un video de Youtube, podemos añadir elementos fijos a nuestro blog, empleando el código “embebido”
que nos ofrecen muchas páginas en internet, para insertar todo tipo de recursos: contadores de vistas, mapa de
localización de los usuarios que nos visitan, información meteorológica, etc.
A modo de ejemplo, procederemos as continuación a situar en nuestro blog, un contador de visitas, ya

que el grado o nivel de éxito de nuestro blog vendrá dado en gran medida por el número de personas que lo
visitan. Este dato puede ser registrado mediante un contador de visitas. Existen varias páginas en internet donde
se ofrece este tipo de servicio de estadísticas de visitas, nosotros aprovecharemos la sencillez y rapidez de
www.contadorwap.com.
1º.- Mediante nuestro navegador accedemos a la página: www.contadorwap.com, donde se ofrece un

servicio gratuito de estadísticas de visitas.
2º.- Para integrar en nuestro blog un contador de visitas

sencillo, basta con rellenar algunos de los datos que nos
piden.
3º.- Escribe tu dirección de correo electrónico en la entrada

Tu email.
4º.- En el apartado Url de tu web/blog, no es necesario que

indiquemos nada.
5º.- Selecciona la Zona horaria adecuada.
6º.- Marca la opción tipo de Contador numérico.
7º.- Escribe el número que aparece en la sección Antispam.
8º.- Por último haz clic en el botón Enviar y crear

estadísticas.
9º.- Surge una pantalla en la que podemos encontrar el

código HTML que nos da la posibilidad de situar un
contador de visitas en nuestro blog.
10º.- Copia dicho contenido en el

portapapeles (Edición –
Copiar o combinación de
teclas Ctrl. + C)
11º.- Abre tu escritorio de Blogger y muestra la sección Diseño en la opción

Elementos de la página.
12º.- Haz clic sobre el enlace Añadir un gadget, busca y selecciona el elemento
HTML/Javascript.
13º.- Se muestra la ventana Configurar HTML/JavaScript, donde debemos

indicar Título y Contenido.
14º.- En la entrada Título escribimos el texto que aparecerá encima del contador
de visitas, por ejemplo: “Nº de visitas:”
15º.- En el apartado Contenido debemos pegar el código HTML del contador

que tenemos guardado en el portapapeles (Edición – Pegar o combinación
de teclas Ctrl. + V)
16º.- Confirma los cambios mediante el botón GUARDAR. De vuelta a la página Añadir y organizar
elementos de página, podrás comprobar que acabamos de añadir un nuevo elemento a nuestro blog.
Recuerda que puedes desplazarlo para situarlo en la posición que desees.
17º.- Por último ratificamos todos los cambios efectuados mediante el botón GUARDAR de esta pantalla y
comprobamos el resultado dando un vistazo al blog mediante la opción Ver Blog.
PROPUESTA DE ACTIVIDAD: Como hemos vista añadir nuevos contenidos a nuestro blog es bastante sencillo,
prueba a incluir un mapa de visitas, dándote de alta en www.feedjit.com y utilizando el código HTML que nos
brindan.
4.3.- Añadir una presentación PowerPoint
Procedemos a continuación a situar en nuestro blog, una

presentación PowerPoint relacionada con los blogs educativos de
las muchas que podemos encontrar en la página:
www.slideshare.net
1º.- En primar lugar abrimos en nuestro navegador la

página: www.slideshare.net
2º.- En la esquina superior derecha de esta página

encontramos la herramienta de búsqueda Search.
Escribe en la caja de texto las siguientes palabras clave:
uso didáctico blog.
3º.- Al hacer clic en el botón Search, se muestra una

ventana con los resultados de la búsqueda.
4º.- En primer lugar deberá aparecer una presentación

titulada: Elementos Para Incorporar El uso DidáCtico del
Blog.
5º.- Accede a la presentación a través del título de la misma

o su imagen.
6º.- En esta nueva ventana podemos echar un vistazo a

cada una de las diapositivas de la presentación.
7º.- Buscamos la sección Embed in your blog, donde

aparece el código HTML que nos va a dar la posibilidad
de incluir este trabajo en nuestro blog.
8º.- Seleccionamos todo el texto y

lo copiamos en el portapapeles
(Menú Edición-Pegar o
combinación de teclas Ctrl.+ V)
9º.- De vuelta a Blogger, accedemos a la sección Diseño y al apartado

Elementos de la página.
10º.- Mediante el enlace Añadir un gadget, elegimos la opción HTML/JavaScript.
11º.- Surge una nueva ventana en la debemos escribir un Título, por ejemplo:
Elementos de un blog educativo.
12º.- Como Contenido deberemos pegar el texto que tenemos guardado en el

portapapeles, recuerda que en el mismo habíamos copiado el código HTML
que nos va a permitir “incrustar” la presentación que hemos encontrado en
SlideShare.
13º.- El último paso sería confirmar los cambios mediante el botón GUARDAR.
14º.- Podrás comprobar como este nuevo gadget ha sido añadido a la lista de elementos del blog, recuerda
que puedes desplazarlo para situarlo en la posición que desees. En este caso la mejor opción es
situarlo en la parte inferior o superior del bloque Entradas del blog, ya que el tamaño de este contenido
excede el ancho de la sección de gadget de nuestro blog.
5.- Scribd. Alojamiento virtual de documentos

Scribd es una red social de documentos que los comparte en línea. Pretende liberar la información de los
documentos y llevarla a la web. Salvando las distancias Scribd es como Youtube, pero de documentos.
Se trata de una herramienta virtual para alojamiento de documentos que permite que todos los
documentos sean públicos o privados tengan un alojamiento, y que en cualquier momento puedan ser
consultados, no solo por el autor sino también por un grupo grande de personas que encuentren afinidad con los
temas.
5.1.-¿Cuáles son sus características?
Tiene gran cantidad de documentos todo tipo, como: educativo, económico, medicinal, político,
deportivo, etc.
Esta dividido en temas y categorías y subcategorías.
Muestra los documentos con tecnología parecida a la del PDF que se llama Scribd.
Se pueden previsualizar los documentos.
Se puede enviar los documentos por correo.
Se puede insertar cualquier documento en una página web.
Se puede crear diferentes carpetas en tu cuenta de Scribd para organizar y guardar los documentos que
quieras, ya sean tuyos o de otros usuarios.
Descarga de documentos en diferentes formatos: PDF, Word, Excel, PowerPoint,…
Se pueden subir ilimitadamente y libremente los documentos.
Se puede calificar los documentos.
Se pueden hacer comentarios o mandar mensajes a otros usuarios.
Existe la posibilidad de formar grupos de usuarios, para compartir o formar una comunidad de algún
tema en especifico
Se pueden subir documentos para que los vean ciertas personas o grupos.
Se pueden subir documentos en cualquier idioma.
Los documentos alojados en este portal están protegidos por Copyright y Creative Commons, lo que
indica que la persona el libre de escoger si se copian o no sus documentos.
5.2.- ¿Cómo darse de alta?
1º.- Abrimos la pagina web: www.scribd.com
2º.- Para suscribiros en el servicio debemos hacer clic en el botón Join Us.
3º.- Ahora debemos introducir los siguientes datos:
• Dirección de correo
electrónico.
• Contraseña de al menos
4 caracteres.
• Nombre de usuario
(opcional).
4º.- Haciendo clic en el botón Sign

Up, surge una nueva ventana en
la que podemos crear nuestro
perfil.
5º.- Si lo deseas puedes indicar los datos que se solicitan y pulsar el botón Save o ignorar mediante el
enlace Skip.
6º.- Si todo ha ido bien, Scribd nos mostrará una ventana de bienvenida en la que se nos advierte que
nuestra cuenta estará definitivamente activa cuando realicemos el proceso de verificación, mediante el
mensaje que nos enviarán a nuestro correo electrónico.
5.3.- ¿Cómo publicar un documento?
Como ya se apuntó anteriormente Scribd es un servicio web que nos permite la publicación de
documentos de diferentes formatos. Una vez publicado nuestro archivo, se genera un código HTML o una
dirección web (URL) que podemos utilizar para publicar nuestros trabajos en cualquier lugar, una página web
propia o un blog. El proceso es un poco laborioso, pero para nada complejo, ni siquiera hay que saber inglés,
que por cierto, es el idioma de la web.
1º.- El primer paso es entrar en la web, abrimos nuestro navegador y tecleamos: www.scribd.com.
2º.- Si ya somos usuarios registrados podemos acceder a nuestra cuenta, debemos utilizar el enlace Log
In.
3º.- A continuación debemos indicar nuestro nombre de

usuario o nuestra dirección de correo electrónico y la
contraseña. A continuación y mediante el botón Login,
confirmamos el acceso a Scribd.
4º.- Surge el escritorio principal de nuestra cuenta, donde

debemos pulsar el botón Upload para comenzar a
publicar documentos.
5º.- Nos remite a un sencillo asistente compuesto por tres

pasos, en el primero de los cuales debemos elegir el
archivo a publicar. Haz clic en el botón Click to Choose
Files y busca el fichero que deseamos incluir en Scribd.
6º.- Inmediatamente surge el 2º paso en el que podemos

establecer dos parámetros importantes, el Título del
documento y marcarlo si lo deseamos como privado,
para que solamente pueda ser visto por nosotros.
7º.- A través del botón Upload Docs del 2º paso, comienza

el proceso de subida del archivo desde el disco duro del
ordenador a nuestro disco virtual en Scribd.
8º.- Terminado este proceso surge una ventana que solicita

una serie de datos que permiten identificar a nuestro
documento dentro de la enorme biblioteca que es
Scribd.
9º.- Completa aquellos que estimes adecuados y confirma

los cambios mediante el botón Save Changes.
10º.- Por último nos muestran una pantalla en la que

podemos realizar diferentes acciones:
Compartir este documento con otras personas

tecleando el correo electrónico de las mismas.
Copiar en el portapapeles un enlace al
documento.
Copiar en el portapapeles el “código embebido”,
que nos permitirá posteriormente incrustar el
documento en una página web o en nuestro blog.
11º.- Finalizamos la publicación mediante el botón Finish, que nos remite nuestra bandeja de entrada de
documentos publicados.
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
lectores, por un lado a ver este mismo manual desde esta
nueva entrada, o bien descargarse el documento en su
equipo.
3º.- Surge la página que nos permite crear una nueva

entrada en la que deberemos incluir el siguiente
contenido en las secciones correspondientes:
• Título: Tutorial para la creación de Blogs.
• Etiquetas de entrada: Manuales
• Cuerpo del artículo:
Estimado lector, el siguiente manual te permitirá crear tu propio blog en muy poco tiempo y con
apenas conocimientos acerca del diseño de páginas web. Aprenderás, a su vez a incluir en el
mismo todo tipo de recursos multimedia.
Descargar el tutorial
Vista previa del tutorial
4º.- A continuación y en una nueva ventana de nuestro

navegador accedemos a nuestra cuenta de Scribd e
ingresamos en la sección My Docs. Se deberá mostrar
nuestra bandeja de entrada de documentos.
5º.- Hacemos clic en la imagen representativa del documento

que queremos trasladar a nuestro blog, para entrar la
ventana que nos permite navegar por todas las páginas
del mismo.
6º.- En primer lugar buscaremos el enlace que deberemos

usar en el artículo de nuestro blog para que los
usuarios puedan descargar el archivo en formato pdf.
7º.- Para ello debemos hacer clic en la solapa DownLoad

y elegir la opción Adobe Acrobat (pdf).
8º.- Se deberá abrir una ventana que nos muestra el

archivo completo.
9º.- Copia en el portapapeles el URL o localizador web que aparece en la barra de direcciones del
navegador, es nuestro caso: http://d.scribd.com/docs/1bg9eeiw0r2afxt0vo6m.pdf
10º.- Esta será la dirección con la que debemos crear un enlace en la

entrada del blog. De vuelta, por tanto a la ventana de Blogger
seleccionamos el texto Descargar el tutorial y hacemos clic en la
herramienta Enlace.
11º.- En la ventana Hipervínculo debes pegar el contenido del portapapeles en el apartado URL, para
indicar la dirección de acceso directo al tutorial en formato pdf. Por último confirma los cambios
mediante el botón Aceptar.
12º.- El siguiente paso es incrustar en la nueva entrada de nuestro diario, el documento completo para que
los lectores puedan contar con una vista previa del mismo antes de descargarlo.
13º.- Volvemos a la ventana de nuestra biblioteca virtual en Scribd, en la que todavía debe permanece
abierto el tutorial en formato pdf. Haz clic en el botó Atrás para retornar a la página que nos ofrece
una vista previa del documento.
14º.- Ahora debemos encontrar el código HTML necesario

para lograr nuestro objetivo. Podrás hallarlo mediante
la solapa Embed.
15º.- En la sección 1. Copy the embed code bellow, se

ofrece el código HTML, que podemos trasladar
directamente el portapapeles mediante el botón Copy.
16º.- El último paso es añadir este código en la entrada de

nuestro blog.
17º.- Volvemos a la ventana de publicación de

entradas de Blogger y hacemos clic en la solapa
Edición de HTML y pegamos el contenido del
portapapeles justo al final del artículo.
18º.- Finalizamos confirmando los cambios mediante

el botón PUBLICAR ENTRADA.
19º.- Mediante el enlace Ver blog, podrás comprobar

el resultado.
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:
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 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.
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.
ANEXO 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
Se guarda como archivo comprimido, en el escritorio. Una vez guardado deberemos abrir carpeta y
extraer los archivos para que se ejecute correctamente.
Posteriormente, abriremos Tubemaster y podremos realizar una búsqueda de videos para descargarlos y
convertirlos en formato .avi, que es el recomendado.
Por ejemplo. Queremos buscar videos sobre los yacimientos de Atapuerca. Escribimos Atapuerca y
pulsamos la lupa para que el programa inicie la búsqueda.
Aparecerá un listado con los videos encontrados.
Entre ellos seleccionamos el que nos parezca para visualizarlo. Si nos gusta, pulsaremos en el botón situado
abajo a la derecha que dice visualización-descarga
Una vez concluida la descarga, procedemos a la conversión, pulsando en la solapa de descarga y
conversión de la parte superior izquierda.
Se abre otra pantalla como la de la siguiente página donde podemos pulsar el botón inferior que indica
convertir .
Nos pedirá entonces archivo de entrada, que es directamente el que hemos visto, y que aparece escrito
encima de las teclas en la parte inferior izquierda, y la carpeta de salida que elegimos nosotros, ya sea en el
disco duro o en unidades extraíbles.
Archivo de salida Pulsar para iniciar la conversión
Una vez realizada la conversión, podremos verificar que el video se ha descargado correctamente, abriendo
la carpeta en la cual lo guardamos.
Con esta operación podemos disponer de los documentos gráficos que nos interesan en la clase,
simplemente con un ordenador portátil y un cañón de vídeo.

Creación y Diseño de Blogs Educativos

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Creación y Diseño de Blogs Educativos

Uploaded by

Copyright:

Available Formats

SEMINARIO DE TRABAJO

Creación y diseño de blogs educativos

I.E.S. Victoria Kent – Fuenlabrada

1.- ¿Qué es un blog?

Página web personal.

1.1.- Principales ventajas de los blogs

No requiere excesivos conocimientos técnicos, ya que se ofrecen entornos de trabajo y configuración

El mantenimiento y actualización de los artículos y contenidos se realiza de una manera rápida y

1.2.- ¿Cuáles son los usos actuales de los weblogs en el mundo

1.4.- ¿Dónde crear un blog?

Te indicamos algunas plataformas más, donde podrás crear blogs:

2.- Nuestro primer blog

2.1.- ¿Tienes cuenta de correo electrónico?

Gmail es uno de los servicios que ofrece

2.2.- Ahora sí: alta en Blogger

1º.- En primer lugar entramos en la

2º.- Como se indica en la página de inicio,

2.3.- Verificación y activación

2.4.- Configuración básica

Mostrar: se puede indicar el número de artículos o

Formato de cabecera de fecha: especifica el formato de

Formato de hora y Zona horaria: buscamos el segmento

Comentarios: dependiendo del objetivo o finalidad que

Persona que puede realizar los comentarios: podemos

o Entrada incrustada a continuación: el formulario de entrada de comentarios es incrustado en

Frecuencia de archivo: es el intervalo tras el cual se

Habilitar páginas de entrada: permite que cada entrada

2.4.6.- Feed del sitio o distribución del sitio

La distribución es el proceso mediante el cual, al publicar

Determinados componentes de software, denominados

2.4.7.- Correo electrónico

Dirección de BlogSend: se puede incluir una lista de

Dirección Mail-to-Blogger: convierte una cuenta de

En esta sección podemos indicar, por un lado, quiénes

Autores del blog: mediante sus direcciones de correo

Lectores del blog: por defecto, nuestro blog puede ser

3.- Nuestra primera entrada

1º.- Haz clic en la solapa Creación de entradas para

2º.- Escribe en la caja Título, el texto que quieras que

• Fecha: martes día 11 de noviembre de 2008.

5º.- Si quieres comprobar el resultado haz clic en el enlace Ver Blog.

3.1.- Editar o suprimir una entrada

1º.- Haz clic en la solapa Creación de entradas.

2º.- Esta solapa nos ofrece las opción Editar entradas.

4º.- Para cada entrada en la lista nos ofrece tres

5º.- Mediante el enlace Editar podemos modificar la entrada

6º.- Si realizamos cambios en cualquiera de estos tres

3.2.- Edición de HTML

En nuestro caso, “incrustaremos” en el artículo de

1º.- Buscamos el video que deseamos incluir en el artículo

4º.- Activamos la solapa Edición de HTML. Si no hemos

5º.- En caso contrario si hemos hecho uso de cualquiera de

<strong>Bienvenidos</strong>: muestra la palabra Bienvenidos en negrita

4.- ¿Cómo personalizar nuestro blog?

4.1.- Añadir elementos de Blogger

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

3º.- Podrás observar que ya se encuentran tres objetos

4º.- Haz clic en el enlace Añadir un gadget, para mostrar la

5º.- Busca el gadget denominado Texto, que nos

6º.- Surge la ventana Configurar texto, en la que se

Título: LOS BLOGS EDUCATIVOS

4.2.- Añadir elementos externos. Contador de visitas

A modo de ejemplo, procederemos as continuación a situar en nuestro blog, un contador de visitas, ya