Artículos

1. Crear: se trata de la opción en la que se abre esta sección y donde vemos el editor de texto.
2. Editar entradas: donde aparecen en lista todas las entradas del blog y se pueden modificar o borrar.
3. Moderar comentarios: es una opción que tenemos que haber activado en la configuración del blog, y que consiste en que los comentarios que escriben los visitantes no se publican directamente en el blog, sino que primero aparecen aquí para que los aprobemos.

1. El título de la entrada.
2. El vínculo es un elemento avanzado que no vamos a examinar aquí.
3. El editor, compuesto por una parte visual bajo la pestaña Redactar, y la parte de código fuente bajo la pestaña Edición de HTML.
4. El editor visual está compuesto de una barra superior de botones para formatear el texto y para incluir elementos multimedia.
5. El enlace Vista previa, que nos muestra una vista de la entrada como si estuviera publicada.
6. El texto principal, que puede ir acompañado de elementos multimedia e interactivos.
7. Las etiquetas de esta entrada, que consisten en palabras clave o expresiones separadas por comas que definen y clasifican las entradas. Estas etiquetas o tags, según la jerga, las podemos incluir en el lateral del blog para que los lectores lean las entradas que las incorporan. Si hacemos clic en el enlace Mostrar todo, se verán todas las etiquetas del blog.
8. Las Opciones de entrada nos abren otra sección del editor donde se pueden permitir o no los comentarios de los lectores o los vínculos, y donde se puede modificar la fecha y hora de la entrada.
9. Por último, la entrada se publica o se guarda sin publicar pulsando los enlaces correspondientes de la parte inferior que tienen fondos rojo y azul.

1. Primero tenemos que destacar el texto que irá enlazado. Para ello, arrastramos el puntero del ratón mientras apretamos el botón izquierdo.
2. A continuación, tenemos que pulsar en el sexto elemento de la barra de botones empezando por la izquierda.
3. Se abrirá una pequeña ventana en la que hay que escribir la dirección del enlace o URL, como se muestra en la imagen superior.

• En la parte de la pestaña Redactar se muestra el texto ya formateado con el editor visual, y tal como aparacerá en la entrada una vez publicada.
• En la parte de la pestaña Edición HTML se muestra el código fuente del texto tal y como queda con el lenguaje HTML.

1. Añadir una imagen desde su equipo - En este caso, tenemos que pulsar el botón Examinar y buscar la imagen en nuestro ordenador.
2. Añadir una imagen de la web - En este caso, hay que escribir la URL completa de una imagen que esté guardada en un servidor web al que tengamos acceso.
3. Elija un diseño - Aquí decidiremos si queremos que la imagen se coloque a la izquierda o la derecha de un párrafo, o bien quede centrada sin texto alrededor.
4. Tamaño de la imagen - La imagen que elijamos tendrá el tamaño que queramos según las tres posibilidades que aparecen. Si queremos que la imagen tenga el tamaño original, hay que elegir la opción Grandes. La imagen además estará enlazada en el post para que se pueda ver en una ventana aparte.

• Banco de imágenes del CNICE.
• Mediateca de EducaMadrid.
• Open Clip Art Gallery.
• Openphoto.
• Free Digital Photos.
• Lista de sitios que ofrecen imágenes.

• La actividad que solo incluye texto suele utilizarse para dar indicaciones.
• El contenido textual debe ser sencillo y visualmente claro.
• El tipo de letra debe tener un tamaño legible.
• El interlineado ha de ser amplio.
• Las líneas de texto no deben ser ni largas ni cortas.
• No hay que justificar el texto, pues produce huecos grandes.
• Hay que usar las listas numeradas y de viñetas por claridad expositiva.
• No hay que utilizar las letras mayúsculas ni el subrayado en ningún caso, pues si queremos destacar algo, tenemos otros medios para ello: letras negritas y cursivas, o los distintos tamaños de letra y de títulos.

• Los enlaces o hipervínculos son fundamentales en la Web y con un par de enlaces tenemos una buena actividad.
• Amplían la información y la confirman con otros contenidos.
• Sirven para definir términos en diccionarios o enciclopedias.
• Ofrecen recursos y herramientas para la tarea o la actividad.
• Hay que incluir los enlaces en el flujo del texto y deben destacar del resto del texto.
• Una buena opción para incluir muchos enlaces es colocarlos en listas.

• Las imágenes ilustran el contenido, y no tienen que usarse de adorno.
• No deben ser grandes. Salvo excepciones, no deberían sobrepasar los 500 píxeles de ancho.
• No deben interrumpir el texto. No deben dejar poco espacio para las líneas de texto.
• Los iconos o imágenes pequeñas ayudan a ordenar el texto.

• La multimedia hace más comprensibles los contenidos.
• Resulta fundamental para crear actividades.
• Los objetos multimedia requieren mucho espacio web, una conexión rápida, códecs y reproductores, y plug-ins en los navegadores.
• Su contenido no consta para los buscadores web al no ser textual.
• El sonido puede molestar en lugares públicos.
• La publicidad abusiva suele ser multimedia.
• Impide la accesibilidad de la Web.

3.2. Creación de actividades interactivas

1. Permite la interacción entre la actividad y el estudiante, de modo que se reciben respuestas inmediatas a las cuestiones planteadas.
2. Permite un seguimiento constante del rendimiento de los estudiantes.
3. Tiene un atractivo fundamental que fomenta la motivación de los estudiantes.
4. Cuando se acompaña con elementos textuales y multimedia adecuados, se pueden crear actividades muy completas y educativas.
5. Si se acompaña de actividades creativas, entonces el resultado puede ser óptimo.

Actividad de José Mª Campo en El tinglado

1. El archivo HTML del test recién creado lo transfiero (lo copio) a un servidor web mediante un programa de FTP, y apunto la ruta o dirección Web (URL) donde está guardado, de modo que si escribimos esa ruta en el navegador, vemos el test como página web normal.
2. Lo incorporo a mi blog mediante la etiqueta iframe. El texto siguiente, con los cambios necesarios, hay que insertarlo en el código fuente del texto: hacemos clic en la pestana Edición de HTML del editor de Blogger, y ahí lo pegamos donde deseemos que aparezca:

<div align="center"><iframe src="http://ruta_mi_servidor/jquiz.htm" frameborder="0" height="500" width="500" scrolling="auto"></iframe></div>

1. src: es la ruta o URL de donde se encuentra guardado el archivo jquiz.htm del test en otro servidor.
2. frameborder: es la anchura del borde del marco expresado en píxeles.
3. height: es la altura del marco. Hay que ajustar esta altura si se quiere que no se vea la barra de desplazamiento y parezca que el test está incrustado en el blog.
4. width: es la anchura del marco. Hay que tener cuidado de no poner una anchura que sobrepase los 500 píxeles, pues el marco podría invadir el lateral del blog.
5. scrolling: es la barra de desplazamiento. Escribimos auto para que la barra aparezca automáticamente cuando sea necesario. Si escribimos yes, la barra aparecerá siempre, y si ponemos no, no aparecerá nunca. En este último caso, hay que impedir que el test se esconda por debajo del marco y el usuario no pueda verlo entero.
6. No hay que olvidarse de las comillas y de cerrar el iframe con su etiqueta de cierre, que incluye una barra.
7. En texto azul he incluido la etiqueta div y el atributo align para centrar el marco en la página, aunque no es necesario. No hay que olvidar el div de cierre. Con este código podemos centrar cualquier elemento de la página.

Actividad en mi blog de Blogger
 

1. Hot Potatoes, muy conocida en el ámbito educativo desde hace muchos años. De origen canadiense, esta aplicación ha sido muy utilizada por los docentes españoles y cuenta con sitios web donde se agrupan actividades por temáticas, como en las Actividades Hot Potatoes de Educamadrid. Esta aplicación es sencilla de utilizar, pero puede complicarse si queremos realizar con ella actividades complejas. Produce un archivo HTML que incrusta lenguaje JavaScript para realizar las funciones interactivas.
2. JClic es una aplicación educativa muy famosa en el ámbito hispano, y se ha utilizado, sobre todo, para la enseñanza en el aula, y no tanto en la Web. No es muy adecuada para incrustar las actividades en el blog, pero no podemos olvidarnos de esta aplicación cuando hablamos de aplicaciones educativas.
3. LIM es un "entorno para la creación de materiales educativos". Las actividades que se pueden crear se benefician de la programación Flash, en las que están basadas, y dan resultados muy vistosos, pues crea archivos de animación tipo Flash.
4. Ardora es otra aplicación para la "creación de actividades escolares" que crea actividades con el lenguaje Java.
5. EducaPlay: A través de educaplay, ADR Formación pone a disposición de la comunidad educativa una reciente y sencilla herramienta con la cual se pueden construir actividades didácticas de apoyo al aprendizaje. Así, por medio de un sencillo procedimiento se pueden realizar más de 12.000 actividades entre crucigramas, adivinanzas, diálogos, sopas de letras, mapas, etc. y seguir ideando nuevos recursos
6. Web Questions es una aplicación muy sencilla que crea actividades con el lenguaje JavaScript para que se puedan publicar en la Web.

Estas aplicaciones son interactivas y poseen un sistema de calificaciones más o menos sofisticado. En todo caso, las puntuaciones de los ejercicios sólo pueden ser indicativas del rendimiento de los alumnos, nunca definitivas. Además, hay que tener en cuenta que las actividades en los blogs no deben ser cerradas ni basarse totalmente en esas calificaciones. Sobre el asunto de la evaluación de este tipo de actividades queda mucho por decidir, teniendo en cuenta que todo esto es novedoso.

¿Cómo podemos aprender a crear actividades interactivas para incluirlas en nuestros blogs?

Hay que decir, para quienes penséis que esto supone un esfuerzo muy grande, que debemos empezar creando actividades sencillas tipo test, y ya tendremos tiempo para realizar actividades más complejas. Para empezar, podéis leer los artículos y tutoriales de los siguientes enlaces:

1. Etiqueta de recursos de mis Apuntes sobre blogs, donde hay varios artículos que os pueden ayudar para instalar Hot Potatoes y LIM, y crear actividades sencillas con estas aplicaciones.
2. En la página web de LIM podemos aprender a utilizar el programa, además de en el Tutorial 1 sobre Libros Edilim, de Jesús Serrano, que también está en SlideShare.
3. Curso sobre Hot Potatoes en Aula 21 y Tutoriales de Hot Potatoes.
4. En la página de Web Questions, aplicación adoptada por Francisco Muñoz en su conocida Aula siglo XXI, se puede aprender fácilmente a crear actividades con este programa.
5. ACTIVIDADES EDUCATIVAS WEB ¿cómo hacerlas? es un artículo escrito por javier Escajedo que puede resultar muy útil por los numerosos recursos que presenta.