19 Blogs Fd Ppt1

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 precodificado 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/wordpressthemes: 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