enseña

enseña
Creación y participación en
comunidades virtuales: blogs y
videoblogs educativos
Formador de Docentes
Presentación - Módulo 1
enseña

Módulo 1:
Blog y
videoblog:
plantillas de
diseño
enseña
Módulo 1. Blog y videoblog: plantillas de diseño

• Objetivos
– Definir las nociones básicas sobre blogs.
– Describir qué es un vlog y determinar cuáles son los mejores
vlogs educativos en castellano.
– Utilizar plantillas de diseño preexistentes.

• Contenidos
– Blog. Nociones fundamentales.
– Vlog. Consideraciones.
– Plantillas de diseño.
enseña
Blog. Nociones fundamentales

Conceptos básicos

• Blog: sitio web donde el usuario escribe periódicamente sobre

cualquier tema. Las entradas (posts) se muestran por orden
cronológico decreciente.
• Hoy en día existen más de cien millones de blogs, si bien los que
están realmente activos son menos, tal vez entre un 5% y un 10%.
• Razón de este incremento: popularización de portales como
Blogger.com o Wordpress.com.
• El blog constituye la forma de interacción y comunicación
predominante en Internet.
• Propósito al crear un blog: de qué queremos hablar, nuestras
necesidades comunicativas.
enseña
Blog. Nociones fundamentales

Glosario

• Entrada o post: cada nueva pieza de información que el autor

incluye en el blog.
• Postear: redactar y publicar un post.
• Borrador: entrada guardada en el servidor de publicación, pero
aún sin publicar.
• Permalink: enlace permanente. URL asignado a cada entrada de la
bitácora y necesario para enlazarla.
• Fotolog o fotoblog: foto + blog. Blog que contiene imágenes
generalmente con un pie informativo.
• Videoblog o vlog: blog donde cada post contiene un vídeo,
acompañado o no por imágenes y/o texto.
enseña
Blog. Nociones fundamentales

Glosario

• Bloguero: autor de un blog (del inglés “blogger”).

• Comentarios o comments: textos escritos por los visitantes del
blog respecto a un post concreto.
• Plantilla o “template”: documento que contiene un diseño pre-
codificado de uso sencillo. Las plantillas, que habitualmente
utilizan hojas de estilo en cascada (CSS), pueden ser modificadas.
• Blogosfera: término que designa a un conjunto de blogs agrupados
por algún criterio específico (localización, temática, idioma). Se
construye y constituye a partir de la lista de enlaces a otros blogs
que contiene cada blog.
enseña
Blog. Nociones fundamentales

Crear y administrar un blog

• En la siguiente animación veremos cómo crear un blog.

• Formato: podemos elegir los formatos de fechas para todos
aquellos elementos susceptibles de ello (posts, comments,
agrupación de posts por etapas semanas o meses del año,
etc.).
• Control de comentarios: permitir que se pueda comentar o
no, quién puede (cualquier persona, miembros de Blogger,
usuarios invitados...), habilitar o no la aprobación previa, que
haya una verificación de palabra para poder comentar, etc.
• Archivo: frecuencia con que se archivan los posts, si cada
post tiene o no su propia página asociada, etc.
• Permisos: administrar los autores del blog (hay muchos blogs
de más de un autor), quién puede leerlo (cualquiera, solo
miembros invitados, autores...), etc.
enseña
Crear un blog en Blogger.com

Haz clic en la imagen para ver el vídeo.

enseña
Vlog

Qué es un vlog. Algunas consideraciones

• Vlogs: blogs cuyas entradas siempre contienen un video. Una

blogosfera compuesto por vlogs se denomina vlogosfera.
• Razones del auge del videoblog: crecimiento de Youtube y
expansión de videocámaras domésticas.
• La hegemonía de Youtube impide despegar del todo al vlog
como medio.
• Sí se encuentran a menudo blogs con un buen número de
posts que incluyen vídeo.
• Importancia del vídeo como pieza comunicativa: siempre
formará parte de los medios masivos de Internet.
enseña
Vlog

Algunos blogs y vlogs educativos en castellano

• http://www.vidadigital.net/blog: blog creado por un docente

español con el propósito de transformar los procesos de
aprendizaje a través de las nuevas tecnologías.

• http://ticdeplata.blogspot.com: blog/vlog creado por un

coordinador TIC muy completo y actualizado, y con muchos
recursos educativos TIC.

• http://educacion2.com: proyecto educativo online que ofrece

información gratuita, artículos sobre educación, tutoriales,
etc. Está creado por varios docentes españoles y cubre todas
las etapas educativas.
enseña
Vlog

Algunos blogs y vlogs educativos en castellano

• http://angjo25.blogspot.com: blog/vlog con muchos recursos

para el aprendizaje de la lengua inglesa.
• http://educacioneinformatica.blogspot.com: blog escrito por
profesores argentinos donde comparten experiencias y
recursos para el uso de las nuevas tecnologías con finalidad
educativa.
• http://profesorinteractivo.blogia.com: blog/vlog exhaustivo,
orientado a personas relacionadas con la educación y que
necesitan conocer más sobre la informática educativa, medios
audiovisuales y tecnologías afines.
enseña
Plantillas de diseño

Qué son las plantillas de diseño

• Las plantillas de diseño son páginas de código HTML

(estructura) y CSS (presentación) adaptadas a los diferentes
portales de blogs.

• Cada portal usa un motor distinto de interpretación del código

de la plantilla; existen etiquetas propias para cada motor.

• Hay que comprobar que la versión del portal para la que están
diseñadas sea la misma que estamos usando.

• Cuando la plantilla requiere imágenes y/o archivos CSS

externos, estos archivos adicionales no estarán alojados en
nuestro portal sino que deberemos alojarlos en un servidor
aparte.
enseña
Plantillas de diseño

Dónde encontrar plantillas de diseño

• http://btemplates.com: plantillas para Blogger con categorías

por formato u otras características de diseño.

• http://themes.wordpress.net: similar a la anterior, solo que

en inglés y para Wordpress.

• http://www.geckoandfly.com/blogspot-templates: excelente
página de plantillas para Blogger; se especifica si son clásicas
(HTML) o modernas (XML).
• http://www.bloggingpro.com/archives/category/wordpress-
themes: numerosas plantillas para Wordpress.
enseña
Plantillas de diseño

Personalizar una plantilla

• Una plantilla está vacía, sin contenido. Sirve para dar un formato
gráfico a nuestro blog. Si la pegamos tal cual en la pantalla de edición
de plantilla, borrará los elementos de contenido que hayamos añadido
manualmente a nuestro blog.

• Así pues, en cuanto a los contenidos previos, habrá que guardar la

plantilla antigua para “copiarlos y pegarlos” donde corresponda.

• Si queremos retocar la plantilla, lo más práctico es abrir el código en

un editor gráfico de HTML (por ejemplo, Dreamweaver).

• Si ya tenemos a la vista el diseño, podemos modificar fácilmente los

estilos usando las herramientas del editor.

• La visualización será aproximada, nunca la definitiva.

enseña
Buscar, descargar y abrir una plantilla de diseño
en un editor HTML

Haz clic en la imagen para ver el vídeo