Manual herramientas informáticas y entorno web: blogs educativos.

MANUAL

HERRAMIENTAS INFORMÁTICAS Y ENTORNO WEB

MARIÁN TURRADO SEVILLA CEIP ANTONIO VALBUENA CURSO 2014/2015

CURSO “HERRAMIENTAS INFORMÁTICAS Y ENTORNO WEB”

ÍNDICE DE CONTENIDO

LA WEB 2.0 Y LOS BLOGS EDUCATIVOS

1. RECURSOS WEB 2.02. BLOGS EDUCATIVOS. CARACTERÍSTICAS.3. PARTES DE UN BLOG4. ESTRUCTURA DE UN POST

CÓMO CREAR UN BLOG EN BLOGGER

1. PRIMER PASO: CREAR UNA CUENTA.2. SEGUNDO PASO: ASIGNAR UN NOMBRE AL BLOG Y ELEGIR UNA

PLANTILLA. 3. CÓMO ACCEDER AL NUEVO BLOG.4. CAMBIAR EL NOMBRE A UN BLOG YA CREADO.5. EL PANEL DE CONTROL O ESCRITORIO.

DISEÑO DEL BLOG DE BLOGGER

1. DISEÑO Y ELECCIÓN DE LA PLANTILLA EN BLOGGER.2. CÓMO INCLUIR UNA IMAGEN EN LA CABECERA DEL BLOG.3. AÑADIR GADGETS AL BLOG.4. LAS PÁGINAS ESTÁTICAS.5. CAMBIAR LA FECHA DE PUBLICACIÓN DE ENTRADAS Y AÑADIR

ETIQUETAS.

LA CREACIÓN DE ENTRADAS

1. LOS ELEMENTOS DE LA ENTRADA.2. AÑADIR UNA IMAGEN O UN VÍDEO A NUESTRA ENTRADA.3. AÑADIR ENLACES.4. COMENTARIOS DE LOS LECTORES.

MULTIMEDIA EN BLOGGER

1. ALGUNAS PEGAS DE LA ULTIMEDIA EN LA WEB2. CÓMO INCLUIR ELEMENTOS MULTIMEDIA EN BLOGGER3. DIFERENTES MANERAS DE INCLUIR UN VÍDEO EN BLOGGER.4. CÓMO INSERTAR PRESENTACIONES. SLIDESHARE Y PICASA.5. CREAR Y AÑADIR TAGXEDOS.

ACTIVIDADES

1. PRÁCTICA 12. PRÁCTICA 23. PRÁCTICA 3

4. PRÁCTICA 4

5. PRÁCTICA 5


LA WEB 2.0 Y LOS BLOGS EDUCATIVOS

1. RECURSOS WEB 2.0

La web 2.0 es creada como un conjunto de tecnologías de internet que facilitan, más que nunca, el trabajo colaborativo y abierto. Gracias a ella, los usuarios pueden interactuar para mejorar o transformar situaciones que les afectan. De este modo, se proporciona un nuevo modelo de interacción entre las personas con el uso de tecnologías que permiten a los usuarios convertirse en generadores de contenidos y crear redes de colaboración entre ellos. Esto conlleva una amplio abanico de posibilidades a nivel educativo, puesto que permite la participación social de un grupo de personas para elaborar una serie de contenidos, saltando la barrera de la individualidad en la formación a través de las nuevas tecnologías, y acercándose más a la filosofía del profesor como mediador, y al alumno como verdadero valedor de sus conocimientos, convirtiéndolo en una parte muy activa de su formación, e incluso, la formación a cualquier hora y en cualquier lugar, siempre que podamos acceder a la información a través de un dispositivo móvil.

Son muchos los recursos Web 2.0 que podemos encontrarnos para fines pedagógicos. Todos estos recursos deben tener presente una serie de aspectos que son fundamentales para ser considerados como herramientas Web 2.0, permitiendo en todos ellos publicar, mezclar, compartir, relacionarse y cooperar (Fernández, E.). Si falla alguno de estos elementos no podemos considerarlos como herramientas Web 2.0. Por ello, partiendo desde esta premisa, vamos a presentar a rasgos generales una serie de recursos que son considerados como parte de la Web 2.0 y que nos pueden servir para implantarlos dentro del proceso educativo de nuestro centro o actividad diaria:

Blogs. Los blogs son herramientas para la generación de conocimiento. A nivel docente se suele utilizar como repositorio de


contenidos didácticos que quedan expuestos al comentario de los aprendices o como instrumento decomunicación en el aula, para el anuncio de eventos, sesiones de tutoría, etc. A nivel discente se puede utilizar para reflejar la evolución de su pensamiento y conocimientos durante un determinado periodo de tiempo, o para publicar sus trabajos a la manera de un portafolio y recibir comentarios al respecto.

Wikis. Los Wikis significan colaboración. Los wikis acaban con la jerarquización y la unidireccionalidad del aprendizaje y extienden el espacio y el tiempo de formación a cualquier lugar con conexión a Internet. Se puede utilizar como espacio de comunicación, de colaboración, para realizar y presentar tareas…

Podcast y vodcast. Nos permiten asistir a formación bajo demanda y libre de limitaciones espacio – temporales. Los más conocidos son los denominados rss, los cuales permiten mantenerse al día sobre las noticias que nos interesen, recibir actualizaciones sobre sitios favoritos, compartir recursos profesionales, anunciar acontecimientos,…

Redes sociales y mundos virtuales. Los mundos virtuales tienen un enorme potencial educativo al ser maquetas vivas, entornos seguros para el aprendizaje activo y espacios para la simulación y el ensayo y error, elementos claves para aprender haciendo. Actualmente es usado por personas de cualquier nivel cultural y con distintos fines. Facebook y twitter son algunos ejemplos de estas redes sociales.

Slideshare, Scribd y mapas conceptuales. Existen cientos de aplicaciones web para compartir archivos de texto, presentaciones o crear mapas conceptuales, que luego podrán ser contrastados con otras personas dentro o fuera del aula (alumnado, profesorado, familias, otras personas...).

Flickr o Picasa. Son una herramienta para subir y compartir fotografías favoreciendo la participación de familiares y el desarrollo de un currículum democrático. Hay docentes que utilizan estas plataformas para compartir las fotos de las salidas extraescolares


del alumnado, y mediante comentarios, buscar información sobre lo que se ha visitado, junto a las familias.

Youtube, Ustream... herramientas de vídeo. Esta herramienta nos permiten llevar a cabo grabaciones de videos de un cortometraje, una exposición, una entrevista, una clase, una práctica con instrumentos musicales o cualquier otra actividad que consideremos relevante.

Mapas colaborativos. Google Maps permite elaborar viajes virtuales a partir de mapas geográficos, pudiendo comentar aspectos sociales, políticos, históricos, geográficos, centrados en una temática o asignatura... de forma colaborativa, quedando registrados tanto el proceso como el viaje definitivo.

Plataformas virtuales: Aula virtual de la Junta, Moodle y foros. Podemos considerarla como la herramienta Web 2.0 más completa a nivel educativo, puesto que permite llevar a cabo cualquier modalidad formativa (e-learning, b-learning, m-learning,…) y utilizar cualquiera de los recursos nombrados anteriormente.

Todos estos recursos, y otros que irán surgiendo a medida que avancen los años son herramientas muy útiles dentro del proceso formativo, pero por sí solos no son útiles. Si queremos utilizar todas estas herramientas debemos de complementarlas con una metodología adecuada, adaptada a las características fundamentales que marca la Web 2.0. Sin una unión metodología, no se pueden obtener resultados positivos en el proceso de enseñanza – aprendizaje.

En este curso nos centraremos en los blogs educativos como primer acercamiento a la web 2.0, pero también veremos algunos otros que complementan al blog y pueden ser incorporados al mismo.


2. BLOGS EDUCATIVOS. CARACTERÍSTICAS.

Los blogs son herramientas que facilitan la publicación instantánea de entradas (posts) y permite a sus lectores dar retroalimentación al autor en forma de comentarios. Las entradas quedan ordenadas cronológicamente iniciando con la más reciente, las demás van quedando debajo o en las páginas siguientes. Ofrecen muchas posibilidades en educación:

Estimular a los alumnos a escribir, intercambiar ideas, trabajar en equipo, visualizar de manera instantánea lo que reproducen.

Publicación de materiales de manera inmediata y permitiendo el acceso a información o a recursos necesarios para realizar actividades de aula.

Posibilidad para los alumnos de mejorar los contenidos académicos, enriqueciéndolos con elementos multimedia; vídeos, sonidos, animaciones,…

Para el docente, herramienta para comunicarse con la comunidad educativa y compartir materiales con otros profesores.


3. PARTES DE UN BLOG.

El post o entrada se divide en tres partes:

1. El título del blog o cabecera (1)2. El menú lateral (2), en el que, además de otros posibles

elementos, suele aparecer un listado de categorías para localizar rápidamente posts de la misma temática.

3. El post (3) del que hablaremos a continuación.

4. ESTRUCTURA DE UNA ENTRADA O POST.

La estructura de un post puede ser variada pero suele tener unos elementos comunes:

1. La fecha de publicación del post (1)2. El título del post (2)


2

3

1

3. El cuerpo del post con la noticia (3)4. Imagen, vídeo…(4)5. Comentario. En caso de que el autor del post permita a los

usuarios dejar un comentario, aparecerá un enlace para poder hacerlo (5)


2

3

5

41

CÓMO CREAR UN BLOG EN BLOGGER

1. PRIMER PASO: CREAR UNA CUENTA

Aunque existen otros servidores como Wordpress en esta ocasión vamos a crear un blog en blogger. Para ello, lo primero que hay que hacer es escribir en la barra de direcciones de tu navegador: http:// www.blogger.com y nos aparecerá la siguiente pantalla:

iEs necesario tener una cuenta en gmail para poder crear el blog, así que si aún no la tenemos debemos pinchar en “crear cuenta” y nos aparecerá la siguiente pantalla en la cual tendremos que introducir tus datos. Una vez completado el formulario hacemos clic en la flecha Continuar, y continuamos con el siguiente paso.


http://www.blogger.com/

Si ya tenemos cuenta en gmail, simplemente tenemos que introducir nuestra dirección de correo electrónico y nuestra contraseña.

En el caso del blog de nuestro colegio, Antonio Valbuena, creamos todos los blogs enlazados a la web del cole: http://cpantoniovalbuena.centros.educa.jcyl.es/sitio/ por lo que antes de crear el blog, pero una vez que tengas una cuenta en gmail, yo te mandaré una invitación a tu correo electrónico para que crees un blog enlazado al del colegio y de esta manera todo el mundo pueda acceder a él fácilmente desde la web.

2. SEGUNDO PASO: ASIGNAR UN NOMBRE AL BLOG.

En esta fase, blogger nos pide que nos hagamos un perfil en google+, simplemente es rellenar los datos que aparecen en las siguientes pantallas y finalmente pinchar en “Nuevo blog”


http://cpantoniovalbuena.centros.educa.jcyl.es/sitio/

A continuación, simplemente escribimos un nombre para nuestro blog, que podremos cambiar más tarde, y le asignaremos una dirección de internet, que no podremos cambiar. Es importante que la dirección (también llamada URL) sea corta y siempre con letras minúsculas, sin caracteres especiales como acentos o eñes, y sin huecos. Al ser un blog del colegio le pondremos el título que queramos, por ejemplo: La clase de 3ºA, pero en la URL escribiremos algo así como: http://3aceipav.blogspot.com, teniendo en cuenta que por ceipav nos referimos al Colegio Público Antonio Valbuena, de manera que el nombre del colegio aparezca en todos nuestros blogs y sean fácilmente identificables. Con esa dirección cualquier persona que la escriba en la barra de direcciones podrá acceder a nuestro blog.

Una vez que el servidor comprueba que la dirección está disponible (al escribir las iniciales de nuestro colegio nos aseguramos prácticamente que esté disponible) solo tenemos que elegir la plantilla (para empezar cogeremos la sencilla, pero luego la podremos cambiar) y pinchar en “crear blog”. Entonces, la siguiente pantalla nos dirá “Tu blog ha sido creado”. Así que ya está, con estos sencillos pasos, hemos creado nuestro blog y podemos empezar a escribir entradas.


http://3aceipav.blogspot.com/

3. CÓMO ACCEDER AL NUEVO BLOG

Uno de los mayores problemas con los que nos solemos encontrar una vez creado el blog es que cuando queremos acceder a él, no sabemos cómo hacerlo. Pues bien, hay dos maneras de acceder:

1. Lo más sencillo es ir a la página principal de Blogger escribiendo en la barra del navegador http://www.blogger.com, y allí introduciendo nuestro correo electrónico y contraseña. Después hacemos clic en Acceder y en la siguiente pantalla pinchamos en nuestro blog creado. En este caso, donde pone “La clase de 8ºA”


http://www.blogger.com/

2. Otra manera de acceder al blog es escribiendo la dirección completa del nuevo blog en la barra del navegador. En el caso del blog que yo he creado sería: http://8aceipav.blogspot.com. En este caso, accedemos al blog como lo hacen los visitantes, pero para poder hacer modificaciones en él. hay que hacer clic en Acceder, que está en la parte derecha, y entonces llegaremos a la página principal de Blogger.


http://8aceipav.blogspot.com/

Una vez que os haya incluido los blogs en la página del cole también podremos acceder al blog yendo a dicha página http://cpantoniovalbuena.centros.educa.jcyl.es/sitio/ y buscando en


http://cpantoniovalbuena.centros.educa.jcyl.es/sitio/

el lateral de la izquierda nuestro blog, desplegando el menú BLOGS.

Si tuviéramos varios blogs, debajo del de 8ºA nos aparecerían los demás y podríamos elegir con cual queremos trabajar. Como por ejemplo en este caso, en el que tendríamos que elegir a que blog acceder:

Es importante distinguir bien las dos vistas del blog; una es como la ven nuestros visitantes, y la otra es la que nos permite realizar modificaciones en él. Siempre puedo acceder de una a otra.


VISTA DEL BLOG (ASÍ LO VEN NUESTROS

VISITANTES)

HACER CLIC PARA IR

A LA PANTALLA

Cuando estoy en la vista modificable, para ver cómo queda el blog, pinchamos en Ver blog y cuando estoy viendo el blog para acceder a modificarlo, pincho en Diseño, que se encuentra arriba a la derecha.

4. CAMBIAR EL NOMBRE A UN BLOG YA CREADO.

Si ya tenemos un blog creado del año anterior, puede ser que queramos cambiarle de nombre, por ejemplo, porque se llamaba “Clase de 3ºA” y este año queremos que se llame “Clase de 4ºA”. Para cambiarle el nombre simplemente tenemos que ir a Configuración desde la pantalla “Visión general” y allí pinchar en básico. Entonces no da la opción de editar el título, le cambiamos el nombre y le damos a guardar cambios. Cuando vayamos a la vista “Ver blog” comprobaremos como el nombre de la cabecera ha cambiado.


VISTA DEL BLOG (ASÍ LO VEN NUESTROS

VISITANTES)

PANTALLA VISION GENERAL:

VISTA DEL BLOG PARA MODIFICARLO.

HACER CLIC PARA IR

A LA PANTALLA

HACER CLIC PARA IR

A LA PANTALLA

VISTA DE BLOG

5. EL PANEL DE CONTROL O ESCRITORIO.


Cuando accedemos al blog que hemos creado, nos encontramos con el Escritorio, que antes se llamaba Panel, y que nos da acceso a la parte privada del blog o administración. Desde aquí controlamos nuestros blogs y también, pinchando en la foto de la izquierda, nuestro perfil de usuario y nuestra cuenta.

El perfil de usuario es importante para formar parte de la comunidad de Blogger, que es muy extensa en todo el mundo. Estos datos personales los podrán ver los visitantes de nuestro blog, pero también aparecerán cuando escribamos un comentario en otro blog. Siempre es conveniente que escribamos algunos datos nuestros para que los demás nos conozcan, aunque sea un poco, pues no hay que olvidar que el carácter personal es importante en los blogs.


Accediendo a nuestro blog, aparece de nuevo la ventana visión

general donde podemos modificarlo.


En el menú de la izquierda aparecen los enlaces más importantes de configuración:

1. ENTRADAS.2. PÁGINAS.3. COMENTARIOS.4. GOOGLE+5. ESTADÍSTICAS.6. INGRESOS.7. CAMPAÑAS.8. DISEÑO9. PLANTILLA.10. CONFIGURACIÓN.

De las entradas, páginas, comentarios, google+, diseño y plantilla hablaremos en los siguientes puntos. Así que aquí nos centraremos en las Estadísticas, Ingresos, Campañas y Configuración.

ESTADÍSTICAS: Aunque la plataforma de Blogger nos facilita mucho la creación de un blog en Internet, cuando uno empieza es posible que se líe un poco, por ello vamos a hacer un repaso sobre las estadísticas que aporta Blogger. Estas estadísticas tienen en el editor de Blogger una pestaña, con 4 opciones: "visión general", "entradas", "fuentes de tráfico" y "público". En estos apartados nos muestran la cantidad de veces que se abre alguna de las páginas del blog, que artículos han sido vistos más veces, cómo llegan a nuestro blog y quiénes son los lectores del blog. Hay que tener en cuenta que aunque resultan útiles, no son demasiado fiables.

VISIÓN GENERAL

Si entramos en el editor de Blogger, en la sección de las estadísticas veremos primero una sección general en la que aparecen varias cosas.

Una gráfica de color azul sobre el tráfico de la última semana. Muy práctica para ver de un vistazo cómo va el blog, y en el que seguramente verás altibajos semanales, ya que los


fines de semana al ser festivos el tráfico en la mayor parte de blogs baja. La gráfica la puedes cambiar para que te muestre sólo lo que ha pasado en las últimas 2 horas, en el día, en los últimos 30 días o desde que empezaste con el blog.

Datos generales. A la derecha del gráfico puedes consultar el nº de visitas del día y las que llevas acumuladas en toda la vida del blog.

Opción de desactivar tus propias visitas. ¡Esto es lo más importante! En cuanto entres en la hoja de estadísticas, accede a este apartado y marca que no cuenten tus propias visitas al blog. Si no aprietas esta opción tus propias visitas desfiguraran las estadísticas. Ten en cuenta que si usas diferentes ordenadores, o diferentes navegadores tendrás que revisar este punto para asegurarte de que está desactivado.

Un resumen de lo que puedes ver en las siguientes pantallas: entradas, fuentes de tráfico y público.

ENTRADAS

Estadísticas de Blogger sobre las entradas del blog:


En esta sección puedes ver: Los 10 artículos (posts) que han tenido más visitas en la última

semana (o en la última hora, o en el último mes...) Estas entradas populares las puedes mostrar también a los lectores del blog, pero ellos no verán la cantidad de veces que has sido visitado.

10 páginas estáticas que tienen más visitas. Lo normal es que tengas menos de 10 páginas estáticas y por lo tanto aparecerán todas.

Estas estadísticas te ayudarán a saber los artículos que tienen más éxito, pero no se incluirán las entradas a la página principal,

ni tampoco el acceso a diferentes etiquetas, que es información que si puedes ver en servicios de estadísticas como Google Analytics.

FUENTES DE TRÁFICO

En esta sección puedes ver:


10 direcciones URL desde las que han entrado a tu blog algunos visitantes. Son las direcciones exactas y lo normal tiene que ser que aparezcan resultados de Google.com, Google.es y de las redes sociales. Piensa que en España más del 90% del tráfico orgánico (a través de buscadores ) se realiza con búsquedas de Google. Visitas de Facebook, Twitter o Google+ también son relativas.

10 Webs de referencia. Son sitios desde los que han llegado páginas Web. Aquí tienes un resumen de las fuentes de origen del tráfico.

10 palabras clave. Aquí verás algunas de las búsquedas que realizan tus lectores antes de entrar al blog. Verás que lo habitual es que sean varias palabras juntas y eso te puede ayudar a ver

en que palabras clave estás posicionado.

Algunas notas importantes son:

Las direcciones URL, los sitios Web y las palabras clave se ordenan por dos factores: primero la cantidad de páginas que han sido visitadas, y luego el orden alfabético. Por ello si tienes muchas visitas con la misma importancia verás sólo las


búsquedas que empiezan por A, B y C. Con otros programas de estadísticas podrás ver "todas" las palabras clave, de la A a la Z.

Twitter utiliza el dominio t.co como parte de un servicio que protege a los usuarios de actividad dañina. Así que cuando veas URLs con esta dirección es una buena señal, tus posts han sido promocionados en Twitter y están entrando personas a leerte.

Existen visitas Spam. Estas visitas son realizadas por robots o personas desde páginas maliciosas que lo que buscan es que hagas clic en el enlace.

La información es incompleta. En cuanto a las palabras clave sólo se te mostrará la información de algunas personas, porque no se muestran los resultados de las personas que navegan mientras están conectados con una cuenta de Google.

PÚBLICO

En ella se muestra un mapa en el que se marcan los países de los que llegan las visitas, que es algo que no suele variar mucho. En mi blog, por ejemplo, la mayor parte de visitas son de España y algunas de América, Alemania o Polonia.


También hay en este apartado información sobre el navegador que usan los usuarios y el tipo de sistema operativo. En ella lo más relevante es la cantidad de personas que acceden a tu blog con dispositivos como un iPad, un teléfono móvil Android o un iPhone. De todas formas la cantidad de visitas desde móviles irá aumentando con el tiempo, por lo que debes de tener en cuenta que el blog pueda verse bien con pantallas pequeñas.

INGRESOS: Se pueden obtener ingresos con el blog utilizando uno de los dos programas publicitarios gratuitos de la empresa Google, o ambos. Sin embargo, no se recomienda esta opción para un blog educativo, sobre todo si el blog contiene información educativa gratuita.


CAMPAÑAS: Del mismo modo, la pestaña “Campañas” es donde se configuran y administran los anuncios. En esta pestaña se puede cambiar la configuración de los grupos de anuncios y palabras clave. También se pueden ver y personalizar las estadísticas de tu cuenta, descargar datos, etc.

CONFIGURACIÓN

Estamos en una página en la que tenemos control de casi todo. Ahora nos vamos a centrar en la Configuración y sus opciones.

LO BÁSICO:

Podemos :Editar el título y cambiarlo.Añadir ahora la descripción o cambiarla.Dejar que nuestro blog sea visible o invisible en las búsquedas de internetDirección del blog: Aquí cambiaremos la dirección de nuestro blog por otra, si está disponible.Autores del blog: podemos dejar que publiquen nuestros compañeros o alumnos. Nosotros seríamos los administradores y ellos los autores del blog.El administrador tiene acceso total al blog. Puede hacer cambios en el diseño y la configuración; crear, editar y borrar cualquier entrada y cualquier comentario.


ENTRADAS Y COMENTARIOS:

Nos permite decidir el máximo número de entradas por página que queremos mostrar. La plantilla de entradas apenas se usa. La ubicación de los comentarios es el lugar donde queremos que aparezca la ventana de comentarios. También podemos modificar quien queremos que pueda hacer comentarios y podemos habilitar para que tengamos que dar nuestro visto bueno antes de que sean publicados. Si se habilita Siempre, aparece una ventana para poner un correo para que blogger nos avise de que existe un comentario a moderar. Las demás opciones son muy importantes. Hay que guardar configuración para que se guarden los cambios.


MÓVIL Y CORREO ELECTRÓNICO:


Publicar entradas mediante correo electrónico es una opción para permitir a la gente que pueda publicar mandando un correo electrónico. Esta opción resulta muy interesante para que nuestros alumnos nos envíen trabajos, o los compañeros recursos para su área. Para ello, proporcionamos un correo electrónico al que nos enviarán sus entradas en la opción “Publicar entradas mediante correo electrónico” nos manda completar un correo en el que solo tenemos que escribir una palabra secreta y habilitar la opción para que nos lleguen como entradas en borrador. Después debemos hacer llegar a los alumnos o compañeros esta dirección mediante, por ejemplo, la publicación de una entrada explicativa. Hay que tener en cuenta que no pueden enviarnos archivos adjunto, por lo que el texto y las imágenes que quieran enviarnos deberán ir pegadas en el cuerpo del mensaje que envían.


IDIOMA Y FORMATO:

Aquí podemos configurar el idioma del blog y la zona horaria. También la forma en que deseamos ver la fecha de las entradas y el formato de hora.

PREFERENCIAS PARA MOTORES DE BÚSQUEDA:

En estas opciones no entraremos y las dejaremos tal cual vienen por defecto.


OTROS:

La única opción aquí que puede resultarnos interesante es la de “Herramientas del blog”. Desde aquí podemos importar otro blog en este, exportar este para instalarlo en otro sitio (también lo podemos hacer como copia de seguridad) o eliminar el blog. También podemos enlazar el blog con otras redes sociales, para que, si por ejemplo, publicamos una entrada en el blog, se publique a la vez en el twitter o el facebook del colegio.


DISEÑO DEL BLOG DE BLOGGER

1. DISEÑO Y ELECCIÓN DE LA PLANTILLA DE BLOGGER.

Blogger tiene un número reducido de plantillas que, sin embargo, puede dar un buen juego. Estas plantillas las han creado diseñadores importantes, y suelen tener una calidad indiscutible, pero algunas de ellas tienen, en mi opinión, algunos defectos importantes de diseño que las hacen molestas a la hora de diseñar un buen blog. Sin embargo, el diseño de los blogs puede modificarse para corregir estas deficiencias, aunque en muchos casos se requiere un conocimiento de los códigos HTML y CSS u hojas de estilo. A continuación vamos a analizar algunos criterios para elegir una buena plantilla de Blogger que satisfaga las necesidades de nuestro blog. También se pueden utilizar otras plantillas no incluidas en Blogger, pero si no dominamos esos códigos, nos pueden dar problemas.

Es conveniente que dediquemos el tiempo necesario para elegir una buena plantilla de blogger, pues el diseño de un blog es fundamental para que sea leído con placer y visitado con frecuencia. Una vez que tengamos escritos algunos artículos para poder ver cómo quedan con los nuevos diseños, podemos dedicarnos a mirar estas plantillas para decidir cuál es la que más le conviene a nuestro blog.

Cada una de esas plantillas a su vez tiene varios modelos que se pueden ver activando las casillas correspondientes y haciendo clic en la frase Vista preliminar de la plantilla, que aparece debajo de su imagen. Esta es una opción excelente porque nos permite ver cómo va a quedar nuestro blog antes de guardar la plantilla, y nos avisa de cualquier error habido en las modificaciones.

Para cambiar la plantilla nos vamos a la pestaña Plantilla en el menú de la izquierda de la ventana Vista Principal.


Tenemos Vistas sencillas y desde hace poco también 7 nuevas Vistas dinámicas, que hacen más fácil descubrir entradas escritas hace tiempo y no leídas.

Classic: un aire moderno en una plantilla tradicional Flipcard: fotos organizadas como fondo de la página Magazine: presentación de estilo editorial, clara y elegante Mosaic: mosaico con imágenes y texto de diferentes tamaños Sidebar: vista con el estilo de una bandeja de entrada de correo

electrónico, con una página de lectura para desplazarse y navegar rápidamente

Snapshot: un tablón interactivo de tus entradas Timeslide: vista horizontal de tus entradas ordenadas por

periodos de tiempo

Podemos ir pulsando en ellas y viendo la vista preliminar hasta dar con la que más nos guste o se ajuste al estilo de nuestro blog.

Así quedaría mi blog si le aplico una de las plantillas dinámicas de blogger.


Además, en cada plantilla podemos personalizar el fondo, el diseño, los colores, las fuentes y mucho más. Para ello, una vez elegida la plantilla pulsamos en Personalizar y así accedemos al Diseñador de Plantillas de Blogger. Hay que tener en cuenta que dependiendo de la plantilla que hayamos elegido nos permitirá más o menos modificaciones


Cuando pruebes el Diseñador de plantillas, observarás una vista previa que muestra el aspecto que tendrá el blog según las opciones que elijas; puedes ampliarla si pulsas en Mostrar vista previa entre el panel de control del Diseñador de plantillas de Blogger. Cuando estés satisfecho con el aspecto del blog, puedes aplicarlo directamente si pulsas la opción Aplicar al blog en la esquina superior derecha del Diseñador de plantillas.

La primera opción es la de cambiar la PLANTILLA, que ya la habíamos comentado. Independientemente de la plantilla que estés previsualizando en el Diseñador de plantillas, siempre puedes ver el aspecto que tiene tu blog en estos momentos si te fijas en la miniatura El blog ahora basado en… del panel de control de esta utilidad. También puedes hacer clic en ella para restablecer en el Diseñador de plantillas la plantilla que utilizas actualmente para tu blog.


La segunda opción es la de cambiar el FONDO de la plantilla. Con el Diseñador de plantillas de Blogger puedes elegir el color o la imagen de fondo que quieras en tu blog y luego aprovechar las opciones del esquema de color. Para empezar a personalizar el fondo, haz clic en la miniatura situada bajo Imagen de fondo.

Solo podremos cambiar las tonalidades en el color del fondo si éste último es transparente. Podemos poner una imagen de fondo, como en mi caso la de los dinosaurios, y decidir si la queremos alineada a algún borde o en mosaico, y cambiar la gama de colores.

Cuando hayas seleccionado la imagen, puedes cambiar el color del fondo si haces clic en Gama de colores principal y, a continuación, seleccionas el color que prefieras.


La siguiente opción es la de AJUSTAR EL ANCHO. Puedes cambiar el ancho del blog y de las columnas izquierda y derecha si arrastras los controles deslizantes de las distintas partes del diseño del blog. Fíjate en que las opciones que ves aquí se corresponden con el tipo de diseño que has elegido. Si, por ejemplo, has elegido un blog con columnas a los lados, verás controles deslizantes tanto en la izquierda como en la derecha. Sin embargo, si has elegido un blog con una sola columna a la izquierda, aquí solamente verás esa opción.


Recuerda siempre que lo que estás viendo abajo es la Vista preliminar y no quedarán guardados los cambios hasta que no le demos a Aplicar al blog.

En la siguiente pestaña, podemos cambiar el DISEÑO de la plantilla. Puedes elegir entre una variedad de opciones de diseño para tu blog, de una a tres columnas. Estos diseños cuentan con la funcionalidad de arrastrar y soltar para los gadgets. También dispones de una variada gama de opciones de diseño para el pie de página del blog. Si deseas añadir o suprimir gadgets, o bien modificar su configuración, no podrás hacerlo con el Diseñador de plantillas de Blogger. En su lugar, debes utilizar la ficha general Diseño.


Por último, tenemos la opción AVANZADO. Desde esta pestaña, se pueden personalizar los colores y las fuentes de diversos elementos del blog. Los elementos disponibles (que vemos a continuación) varían en función de la plantilla utilizada. La única característica común es la de Añadir CSS, un campo de texto en blanco desde el que podemos escribir código que afecte a otros aspectos del diseño del blog. El propio Blogger proporciona una explicación básica de lo que podemos hacer con CSS.

Opciones avanzadas del diseñador de plantillas:

Página:

Texto: tipo, tamaño y color de la fuente o tipografía de los textos del blog. Fondos: colores del fondo exterior, del fondo principal y del borde del blog.


Enlaces: colores de los enlaces, de los enlaces visitados y de los enlaces cuando se coloca el cursor del ratón encima de ellos. Fondo de la columna lateral: colores del fondo y del biselado de la columna lateral del blog. Pager: color del fondo del pager. El pager es el espacio de debajo de las entradas que contiene el índice del blog (página principal) y los botones de navegación (entradas antiguas/entradas recientes). Pie de página: colores del fondo, del título, del texto y de los enlaces del pie de página del blog.

Cabecera: Fondos: color del fondo de la cabecera del blog. Título del blog: tipo, tamaño y color de la fuento o tipografía del título del blog. Descripción del blog: tipo, tamaño y color de la fuento o tipografía de la descripción del blog.

Pestañas: los distintos apartados del menú de navegación del blog. Texto de la pestaña: tipo, tamaño y color (sin seleccionar y seleccionado) de la fuente o tipografía de las pestañas del blog. Fondo de las pestañas: color (sin seleccionar y seleccionado) del fondo, del borde, del biselado y del separador de las pestañas del blog.

Entradas: Cabecera de fecha: tipo, tamaño y color del texto de la cabecera de fecha de las entradas, así como los colores del fondo y del borde de la misma. Título de entrada: tipo, tamaño y color de la fuente o tipografía del título de las entradas. Fondo de la entrada: colores del fondo, del biselado y del borde de las entradas. Pie de página de la entrada: colores del texto, del fondo y de la sombra del pie de página de las entradas. En el pie es donde suelen aparecer el nombre del autor o autora del blog, las etiquetas utilizadas, etc.

Gadgets: Título del gadget: tipo, tamaño y color de la fuente o tipografía de los títulos de los gadgets. Texto de gadgets: tipo, tamaño y color de la fuente o tipografía de los textos de los gadgets.


Enlaces de gadgets: colores de los enlaces, de los enlaces visitados y de los enlaces cuando se coloca el cursor del ratón encima de ellos. Fondo del gadget: colores del fondo, del biselado y del borde de los gadgets.

Imágenes: Colores del fondo y del borde de las imágenes. Color del texto de las leyendas de las imágenes.

Acentos: Color de la línea del separador (línea vertical que separa las entradas de la barra lateral del blog). Color del contorno de las etiquetas (línea horizontal que separa la cabecera del blog del resto de la página).

Feeds: Feed: color del texto del feed. Enlaces a feeds: colores de los enlaces, los enlaces visitados y los enlaces cuando se coloca el cursor del ratón encima de ellos.

Recordad que, a medida que vayamos aplicando cambios, podemos ver el resultado de los mismos en la vista previa del blog que aparecerá justo debajo de las distintas opciones del diseñador de plantillas. Cuando estemos satisfechos, haremos click sobre Aplicar al blog, para guardar las modificaciones.

2. CÓMO INCLUIR UNA IMAGEN EN LA CABECERA DEL BLOG.

Poner una imagen en la cabecera de nuestro Blog, es una forma de dar un toque personalizado y atractivo para el Blog, podemos crear nuestro Logo o Banner y ponerlo en la Cabecera, esto sería una forma agradable de presentar una firma o una imagen que identifique a nuestra página en otras palabras dar un aspecto diferente a nuestro Blog, una cabecera atractiva puede generar una buena impresión a los lectores, recordemos que esto es lo primero que cualquiera que entre a un blog observa.

Accedemos a la Opción Diseño del Blog:


Una vez que estamos en la opción diseño de nuestro Blog, nos centramos en el Gadget cabecera, qué está encima de las entradas. En caso de no contar con este gadget en nuestro Blog, simplemente nos vamos a añadir un gadget y seleccionamos el gadget cabecera de pagina.


Ahora damos clic en editar, nos saldrá una pantalla como la imagen de abajo:


Esta pantalla es la configuración de la cabecera, en la cual podemos editar El Titulo de Nuestro Blog y Poner una descripción al Blog, pero lo que nos interesa en este post es la opción de Insertar una Imagen, la cual puede hacerse seleccionado una imagen desde nuestro equipo o añadiendo la URL de la imagen que queremos. Como ejemplo añadiremos una imagen desde nuestro Equipo.

Ahora tenemos que seleccionar las opciones de Ubicación de Nuestra Imagen, una vez seleccionada la opción que más se acomode a lo que nosotros queramos simplemente damos en guardar y listo ya tendremos una imagen de cabecera en nuestro Blog, podemos visualizar nuestro Blog y comprobaremos como la cabecera tiene la nueva imagen.

3. AÑADIR GADGETS AL BLOG.

Los gadgets son unos elementos relativamente nuevos en la web que la Wikipedia define como “dispositivo que tiene un propósito y una función específica, generalmete de pequeñas proporciones, práctico y a la vez novedoso” son muy conocidos los de Google, y también los de Blogger, entre los que se incluyen aquellos, cientos de pequeños dispositivos que nos pueden ayudar en muchas tareas relativas al blog o a sus contenidos. Su facilidad de uso y de configuración ha provocado literalmente la invasión de los gadgets, de forma indiscriminada algunas veces.


Esta es la opción más impresionante que tienen los blogs de Blogger y añaden elementos al lateral del blog principalmente, pero también se pueden añadir al pie de la página. Para ver cómo funciona, hacemos clic en el enlace Añadir un gadget, y aparecerán en una nueva ventana.

Estos elementos se crean y se configuran automáticamente o mediante algunos códigos de lenguajes que se utilizan en la web como, por ejemplo, HTML y Javascript. Su configuración en algunos casos es automática o requiere sólo unos cambios muy sencillos. Existen varias secciones en el lateral de navegación de esta ventana, una lista casi interminable de gadgets, que aumenta constantemente. Pero aquí vamos a nombrar los más importantes dentro de los básicos, los widgets que son imprescindibles para cualquier blog, algunos de los cuales ya vienen añadidos cuando creamos un blog de Blogger:


1. Perfil: muestra nuestro perfil de Blogger, y es importante para que nuestros lectores nos conozcan mínimamente.

2. Archivo del blog: clasifica las entradas del blog por meses y años, y las enlaza en el lateral del blog para que se pueda acceder a ella rápidamente.

3. Etiquetas: muestra las etiquetas que hemos incluido en las entradas para clasificarlas.

4. Listas: hay varios gadgets de lista de libros, de blogs y de enlaces, que siempre son imprescindibles para que exista una mínima comunicación entre blogs.

5. Cuadro de búsqueda: muy útil para que los lectores busquen contenidos en el blog.

6. Seguidores: un gadget muy original que permite una especie de suscripción al blog por parte de los lectores.

Con otros gadgets se pueden incluir muchos elementos personalizados, pero a veces se requieren ciertos conocimientos sobre HTML. En el siguiente ejemplo solo se requiere saber escribir. Probemos a incluir un texto sencillo que defina nuestro blog y que lean los visitantes. Para ello elegiremos el gadget Texto y haremos clic en la imagen de la izquierda o en el signo + de la derecha. A continuación nos aparecerá una ventana como la siguiente, donde configuraremos el texto:


En el editor escribiremos un título y un texto que podremos formatear con algunos botones. Cuando hacemos clic en Guardar cambios, ya podemos ver cómo queda el texto de presentación en nuestro blog, que se verá en el lateral del blog:

En la parte inferior derecha aparecerá, siempre que estemos conectados con nuestra cuenta, un icono que nos permite abrir el elemento para modificarlo o borrarlo. Esto también se consigue desde la sección Diseño de la administración.


4. LAS PÁGINAS ESTÁTICAS.

Una de las necesidades iniciales que nos surgen después de crear el blog y una vez roto el hielo con las primeras entradas o publicaciones, es la creación de secciones o páginas. Estas páginas nos permitirán construir una división horizontal del blog. Si te fijas, en mi blog verás que tengo un menú de navegación que permite acceder a por ejemplo las páginas: Lengua, Matemáticas, English, C. del Medio, Science, Art, Mis trabajos y Question of the week.

La diferencia entre las “páginas” y las “entradas” es que las páginas se refieren a contenidos estáticos que normalmente se


utilizan para la información genérica de un blog, mientras que las “entradas” o “posts” son las noticias o artículos que se publican y actualizan constantemente.

Cada vez que creemos una nueva página aparecerá un enlace en la barra de navegación del blog para poder acceder a esta información (A), pero no aparecerá su contenido en la portada del blog, donde sólo aparecerán las entradas .

Existen dos tipos de página:

1. La página en blanco. Son las más habituales, su contenido lo editas directamente con el editor de Blogger.2. Dirección web. No es más que un enlace, bien a un recurso externo a tu blog o bien un enlace interno, por ejemplo para mostrar las entradas filtradas por una etiqueta.

Para escribir una nueva “página” iremos a la pestaña “Páginas” y seleccionaremos el apartado “escribir nueva”. Para modificar una existente, lo haremos desde el apartado “Páginas” y la opción “Editar”.


A

B

Sigue estos pasos:

1. Accede al escritorio de Blogger y selecciona tu blog2. En el menú vertical de la izquierda, haz clic en Páginas.3. Haz clic en Página nueva y selecciona del desplegable Página en Blanco.4. Accederás al editor,5. En el título de la página pon un título sencillo (mejor si es una sola palabra) para que la dirección de la misma sea lo más simple posible, luego siempre podrás cambiar este título. Por ejemplo escribe en el título "Acerca de" todo junto, una vez publicado podrás actualizar la página y editar el título.6. Escribe el contenido como si de una publicación se tratara.7. Decide si vas a permitir comentarios o no en la página y usa las opciones que tienes en el panel de la derecha del editor de páginas para configurar este aspecto.8. Publica la página y volverás al listado anterior9. Haz clic en mostrar páginas cómo y selecciona Pestañas principales.10. Presiona el botón Guardar disposición y visualiza tu blog


¡Listo!, ya tiene el comienzo de tu propia barra de navegación. Repite estos mismos pasos para seguir creando el resto de páginas en las que el contenido depende de ti mismo. Blogger admite hasta 20 páginas.

LA CREACIÓN DE ENTRADAS

1. LOS ELEMENTOS DE LA ENTRADA.

Para hacer una nueva entrada pinchamos en el botón del lápiz

y nos aparece la ventana con el editor para poner un título a la entrada, escribir el mensaje y más opciones que veremos más adelante como insertar una imagen. Una vez escrito el texto de la entrada pulsamos en el botón publicar.

Cuando pulsamos en Publicar aparece una ventana para compartir una entrada en Google+.

De momento vamos a obviar esto, y le damos a Cancelar.


Si vamos a Ver blog podemos ver como ha quedado nuestra entrada.

2. AÑADIR UNA IMAGEN O UN VÍDEO A NUESTRA ENTRADA.


En Blogger resulta sencillo incluir una imagen. Para ello, hacemos cli en el icono Añadir imagen, y entonces aparece una ventana emergente como la de la siguiente imagen.

Entonces aparece una imagen emergente como la de la siguiente imagen:


Ahora pinchamos en Elegir archivo y nos aparece la ventana para buscar la imagen.

En el menú de la izquierda seleccionamos la imagen que tendremos que tener guardada en el ordenador, en este caso está dentro de imágenes, en imágenes de muestra. La seleccionamos y aparece cargada para agregarla. Pulsamos en Añadir las imágenes seleccionadas.


Y veremos nuestra entrada con la imagen que hemos añadido.

Simplemente con pinchar en la imagen y arrastrarla podemos ponerla donde queramos. También pinchando sobre ella nos aparecen opciones como alinearla o cambiarla de tamaño.

Para insertar un vídeo procedemos de la misma manera. Pinchamos en el icono Insertar un vídeo.

Lo más fácil es subirlo desde Youtube aunque también podríamos subir un vídeo que tengamos guardado en el disco duro. Pinchamos en Desde Youtube y escribimos lo que queramos buscar o si tenemos el enlace lo pegamos directamente y le damos a la lupa.


Le damos a Seleccionar y una vez cargado el video le damos a Publicar y a Ver blog. Y Ya tenemos nuestra entrada con imagen y vídeo publicada. En el último punto del manual volveremos a hablar sobre esta opción.


3. AÑADIR ENLACES.

Para encontrar un vínculo y descargar archivos, acceder a URL, contactar con correos, etc deberemos seleccionar el texto o imagen a la que adjudicaremos el Vínculo, presionar en Enlace y rellenar con la dirección a la que nos llevará al hacer clic sobre él.

Pinchamos en el enlace y se abre una ventana para introducir la URL donde queremos dirigir al pinchar en el texto seleccionado. También podemos redirigir a una dirección de correo. Os aconsejo que activéis la casilla “abrir este enlace en una ventana nueva”. De esta manera el lector no se sale del blog.

Por último, clic en Aceptar, Actualizar y Ver el blog.

4. COMENTARIOS DE LOS LECTORES.

A no ser que solo queramos dar información en nuestro blog, es interesante la opción de permitir dejar comentarios a los lectores.

Ya hemos explicado como habilitar la opción de comentarios pero también se puede hacer desde la propia entrada. Para ello, pinchamos en Acceder en nuestra entrada (de momento solo tenemos una entrada) y así llegamos al editor de la entrada. A la


derecha tenemos el botón Opciones. Pinchamos en él y se despliegan las opciones de comentarios y de redacción de estos. Clic en listo y ya está.

5. CAMBIAR LA FECHA DE PUBLICACIÓN DE ENTRADAS Y AÑADIR ETIQUETAS.

Puede ocurrir que publiquemos una entrada un día pero queramos que aparezca publicada como, por ejemplo, de dos días antes. Para ello, desde la redacción de la nueva entrada le damos en el menú de la derecha a programar y a establecer fecha y hora. Ahí podemos modificar el día y la hora de la publicación, y podemos incluso hacer que se publique en el futuro, al día siguiente por ejemplo. En ese mismo menú tenemos también la opción de añadir etiquetas, que resulta muy útil para que los lectores localicen nuestras publicaciones al buscar en google por las palabras clave.


MULTIMEDIA EN BLOGGER

1. ALGUNAS PEGAS DE LA MULTIMEDIA EN LA WEB.

Los objetos multimedia han pasado por muchas dificultades en la Web hasta hace muy poco tiempo debido a que requieren lo siguiente:

- Mucho espacio web en los servidores, pues son objetos muy voluminosos.

- Conexión rápida de internet debido a su compleja estructura.

- Códecs y reproductores adecuados para su reproducción.

- Plug-ins necesarios en los navegadores web.

Solo recientemente se ha podido incorporar la multimedia a las páginas web de manera masiva, ya que esas pegas se han superado, aunque no totalmente. De todas formas, aún se deben superar otros inconvenientes que surgen debido a las características de estos elementos. Todavía hoy no se puede


confiar todo el contenido de una web a sus elementos multimedia, porque pueden fallar por muchos motivos. Pero son tantas las ventajas que aporta la multimedia, que estos inconvenientes se están superando poco a poco. Veremos que nos aportan los adelantos tecnológicos del futuro cercano.

2. CÓMO INCLUIR ELEMENTOS MULTIMEDIA EN BLOGGER.

En blogger se pueden incluir muchos elementos multimedia, como en otros gestores de contenido, y para que estos vídeos o audios se vean y se oigan en los blogs generalmente el usuario tiene que tener instalado en su navegador unos complementos o plu-gins de Flash y de Java que permiten la visión o audición de estos elementos. Esto en sí supone un problema, porque no todos los navegadores los tienen incorporados, aunque sí la mayoría. En principio podemos trabajar a gusto con la multimedia sabiendo que casi todos los usuarios podrán beneficiarse de estas nuevas tecnologías.

Generalmente, los gestores de blogs, es decir, las aplicaciones que como Blogger, nos permiten crear blogs o bitácoras, tienen incorporadas algunas opciones con las que introducir el código necesario en nuestro blog para enlazar un vídeo u otros elementos multimedia. Vamos a ver cuáles son los pasos que se siguen habitualmente para realizar esto.

3. FORMAS DE INCLUIR UN VÍDEO EN BLOGGER

SUBIR UN VÍDEO QUE TENEMOS EN NUESTRO ORDENADOR.

Nos vamos a escribir una nueva entrada y en la barra de herramientas del editor haz clic en el botón Insertar un vídeo.


Se mostrará el cuadro de diálogo Seleccionar un archivo para subir el vídeo desde nuestro equipo. Clic en el botón Seleccionar el vídeo para subir para localizar y señalar el archivo. Se pueden subir vídeos en formatos AVI, MPEG, MOV, FLV y WMV. El tamaño máximo del archivo de vídeo subido será de 100 MB. Clic en el botón Subir.

Durante los segundos invertidos en la subida del archivo de vídeo al servidor se mostrará dentro del editor un reproductor multimedia con información al respecto: Uploading vídeo …


(Subiendo vídeo). Your video will appear here when finished (Tu video aparecerá aquí cuando haya terminado).

Si el proceso de subida se realiza con éxito se mostrará el reproductor con un botón PLAY en el centro. Para que la entrada sea visible pulsa en el botón Publicar. A continuación haz clic en el enlace Ver blog para ver el resultado final. Al pulsar en el botón Play se reproducirá el vídeo subido.

INSERTAR VÍDEOS DE YOUTUBE

De nuevo os vamos a escribir una nueva entrada y en la barra de herramientas del editor haz clic en el botón Insertar un vídeo. En esta ocasión elegimos la acción Desde youtube.


Mediante esta opción comprobaremos que el vídeo sube más rápidamente. También podemos subir vídeos desde el teléfono o desde la cámara web como podemos ver en las opciones.

4. CÓMO INSERTAR PRESENTACIONES EN BLOGGER.

INSERTAR PRESENTACIONES DE SLIDESHARE

Entramos en el sitio web www.slideshare.net. Para crear una cuenta hacemos clic en el enlace signup.

Introducimos los datos de la cuenta y confirmamos el registro.

Una vez que elijamos la presentación, para insertarla en el blog es necesario presionar en compartir


http://www.slideshare.net/

( share porque está en inglés) y después copiar el código del cuadro embed.

Entonces nos vamos al blog, a crear una nueva entrada, y al código HTML. Ahí copiamos el código que hemos copiado y le damos a Publicar. Si vamos a Ver blog podemos comprobar como hemos incluido la presentación.

INSERTAR PRESENTACIONES DE PICASA.


Nos vamos a Picasa web y le damos a donde dice “Pulse aquí para volver a álbumes Picasa” (si no accede directamente).

Le damos a Subir fotos, y subimos la carpeta con fotos que previamente habremos puesto en nuestro ordenador.


Le damos a Añadir al álbum y cuando nos diga si queremos compartir le decimos saltar.

De esta manera, nos ha creado el álbum y nos deja realizar en él algunas modificaciones.


Volvemos a los álbumes y pinchamos en edit visibility (editar visibilidad). Seleccionamos el álbum y le damos a Limited, anyone with the link (limitado a cualquier persona que reciba el link) y le damos a Done (hecho). Si teneis suerte, a lo mejor os aparece todo en español.

Pinchamos en nuestro álbum y ahora nos fijamos a la derecha donde dice Embed slideshow (incrustar presentación de


diapositvias). Pinchamos ahí. Elegimos el tamaño de nuestra presentación y copiamos el código HTML, que al igual que en el caso anterior copiaremos en la opción HTML de nuestra nueva entrada y publicaremos la presentación.


5. CREAR Y AÑADIR TAGXEDOS.

La herramienta Nubes de palabras con Tagxedo puede resultar muy interesante y atractiva para nuestros alumnos. Sirve para crear presentaciones virtuales de palabras que se han usado con más frecuencia en un texto, una noticia o una página web. Permite además agrupar esta nube de palabras empleando formas e imágenes originales (países, personajes históricos, animales, etc) con lo que resulta muy útil dentro de un contexto educativo. Un ejemplo de tagxedo en relación con el tema del universo estudiado en la clase de Science puede ser el siguiente:


Algunas ideas para usarlo en clase pueden ser las siguientes:

1. Enseñar geografía creando originales mapas. Los alumnos internalizan la forma del continente que están estudiando, rellenando su interior los datos de los países que queremos que recuerden.2. Adivinar de qué obra literaria, personaje histórico o órgano del cuerpo humano se trata. Los alumnos trabajan en grupos produciendo diferentes nubes de palabras, que permitan al resto de la clase descifrar de que palabra o personaje estamos hablando. Es muy útil para practicar la capacidad de sintetización y saber resaltar los aspectos más relevantes de un tema.3. Generar un display con las palabras que mejor definen el plan de estudios o los objetivos al principio del curso escolar. Cuélgalo en el aula para que todos lo conozcan y puedan revisarlo durante el año.4. Mejorar y revisar la forma de redactar. Cada alumno introduce en un Tagxedo diferente el texto que ha redactado. Se compara resultados, evalúando si estamos delante de un vocabulario gramaticalmente rico o se repiten ciertas muletillas con demasiado frecuencia. En Tagxedo el tamaño de las palabras va en proporción con su uso con lo que es visualmente muy práctico para este ejercicio. Puedes especificar que busque las 25 palabras más utilizadas, por ejemplo o que evalúe el texto por completo.5. Hacer que cada estudiante escriba las normas de comportamiento que se esperan de él dentro y fuera de clase.


Recopila las mejores ideas creando un poster o incluso una camiseta para el grupo.6. Averiguar cuáles son las ideas más importantes que se han expuesto en una noticia publicada en un periódico. Los alumnos pueden sintetizar su contenido a partir del Tagxedo generado.7. Practicar la definición de nuevas palabras de vocabulario. Dales una nueva palabra a definir y los alumnos crean un Tagxedo que explica el concepto. Compara los resultados de este Tagxedo con los resultados que genera Wikipedia.8. Realizar encuestas visuales y divertidas. Cada alumno escribe su pintor español favorito en la parte del texto de Tagxedo. El Tagxedo creado muestra automáticamente el pintor que más se ha escogido.9. Mostrar como ilustrar de forma original un poster, la cabecera de un blog o un trabajo a entregar. Promociona la creatividad y el lado más artístico del alumno.10. Crear y publicar semanalmente un Tagxedo con una lista de palabras de ortografía complicada. Los alumnos observan y practican su escritura para el dictado de la semana.11. Practicar el vocabulario aprendido en la clase de inglés. Escribe palabras en inglés y en español dentro de un Tagxedo. Los alumnos unen con flechas la palabras relacionadas en los dos idiomas12. Aprender el sinónimo y el antónimo de una palabra de forma divertida. Se prepara un tagxedo con una lista de palabras y se cuelga en un blog o wiki. El alumno ha de decir el antónimo y haciendo clic en la palabra, comprueba rápidamente si es correcto. Tagxedo te permite enlazar cada palabra de la nube a una url que definas, pudiendo dar respuesta a la pregunta con un enlace al antónimo de la palabra que aparece en wikipedia, por ejemplo.

Para realizar un tagxedo e insertarlo en el blog nos vamos a la página de Tagxedo: www.tagxedo.com.


http://www.tagxedo.com/

Tiene la pega de que está en inglés pero, como vamos a ver, es muy sencillo de usar. Le damos a Create y a lo mejor nos solicita instalar Microsoft Silverlight (sólo será una vez).

Después seleccionamos Load (cargar) el cual está debajo del título en la barra de herramientas, localizada a la izquierda de la pantalla. Aquí es donde introducimos nuestras propias palabras en el cuadro de texto que dice Enter text (Introducir texto). Hacemos clic en Submit (enviar) una vez introducido el texto.

Después le damos a Theme (tema) y escogemos el tema que mejor combina con nuestra imagen.


A continuación seleccionamos Font (fuente), Shape (forma) y Orientation (orientación) como señala en el dibujo:


Por último le damos a Save (guardar) y lo guardamos como formato de imagen. Después nos vamos a una nueva entrada en el blog, a Insertar imagen y añadimos el nuevo tagxedo.

ACTIVIDADES


1. PRÁCTICA 1. LA WEB Y LOS BLOGS EDUCATIVOS.

ACTIVIDAD 1. Consulta cualquier blog y busca en él las 3 partes principales: Título, menú principal y entrada o post.

ACTIVIDAD 2. Busca una entrada o post en google que tenga las 5 partes: fecha, título, cuerpo, imagen o vídeo y comentarios.

ACTIVIDAD 3. Consulta algún otro recurso web y échale un vistazo a como están construidos. La Wikipedia, por ejemplo, es un Wiki y está editada colaborativamente. Cualquier persona puede añadir conceptos o modificar los existentes, aunque también hay moderaciones y controles de prevención contra el vandalismo. Busca algún otro wiki educativo por internet.

ACTIVIDAD 4. Accede a alguna red social como Facebook, Twitter o Flickr ¿en qué está centrada esta red social?

ACTIVIDAD 5. Por último, consulta también qué son las plataformas virtuales como Moodle o el Aula virtual de la Junta.

ACTIVIDADES


2. PRÁCTICA 2. CÓMO CREAR UN BLOG EN BLOGGER.

ACTIVIDAD 1. Crea una cuenta de gmail si aún no la tienes, y a partir de ella un blog. Si ya tienes blog, cámbiale el nombre.

ACTIVIDAD 2. Edita el perfil de tu cuenta de blogger añadiendo al menos, alguno de los siguientes datos básicos: Información básica, Trabajo, Estudios, Fotografía,…

ACTIVIDAD 3. Crea una entrada de Bienvenida en tu blog con el siguiente texto u otro que tú elijas:

“Bienvenidos a nuestro blog, un espacio virtual creado para compartir las experiencias educativas del alumnado del CEIP Antonio Valbuena”. Añade una foto de Bienvenida.

ACTIVIDAD 4. Consulta las estadísticas de tu blog y desactiva las propias visitas. ¿Cuántas visitas tienes hasta el momento? Ten en cuenta que como acabas de crearlo no pueden ser muchas. Si estás usando el mismo blog del año pasado, probablemente aparecerán muchas más.

Ahora consulta las fuentes de tráfico ¿Desde dónde llegan los usuarios a tu blog? ¿Qué palabras clave utilizan?

Por último, consulta la ventana Público ¿De qué países tienes más visitas? ¿Qué navegador utilizan mayoritariamente? ¿Qué sistema operativo?

Vuelve a realizar esta actividad dentro de unas semanas y comprueba si ha aumentado el número de visitas a tu blog.

ACTIVIDAD 5. Comprueba en Configuración- Lo básico que tu blog está visible para las búsquedas de Internet. Invita a un compañero del colegio a ser autor de tu blog mediante un correo electrónico desde Configuración-Lo básico.

ACTIVIDAD 6. Modifica en el apartado Configuración, las Entradas y Comentarios de tu blog. Haz que aparezcan un máximo de 7


entradas en la página principal, que los comentarios salgan debajo de la entrada, que pueda comenta cualquiera y que los tengas que moderar siempre (para ello recuerda que tendrás que escribir tu correo electrónico).

ACTIVIDAD 6. Configura el correo electrónico para alumnos y otros compañeros. Habilita la opción para que las publicaciones lleguen como entradas en borrador.

ACTIVIDAD 7. Envía un correo a tu blog como si fueras un alumno que envía un trabajo, y después comprueba que lo has recibido como entrada en borrador.

ACTIVIDAD 8. Modifica la zona horaria en Configuración-Idioma y formato. Elige la siguiente: (GMT+1:00) Madrid.

ACTIVIDAD 9. Modifica el formato de hora de los comentarios para que aparezca con el siguiente formato: 17 de noviembre de 2014, 16:24.

ACTIVIDADES


3. PRÁCTICA 3. DISEÑO DEL BLOG DE BLOGGER.

ACTIVIDAD 1. Cambia la plantilla de tu blog desde la ventana Vista Principal. Utiliza la vista preliminar para asegurarte de que queda como te gustaría. Prueba la vista dinámica Magazine y, si no te gusta, luego elige la que prefieras.

ACTIVIDAD 2. Personaliza la vista de tu blog. Cámbiale el fondo, la fuente, los colores, el ajuste de ancho, el diseño de la cabecera, de las entradas, de las columnas laterales, de los gadgets,… Asegúrate de que sea fácil y atractivo de ver y de leer. Comprueba como ha quedado una vez modificado.

ACTIVIDAD 3. Incluye una imagen en la cabecera del blog. Recuerda que si el gadget cabecera no está en el diseño de tu blog tendrás que añadirlo. Si luego te gusta más sin imagen, vuelve a quitársela.

ACTIVIDAD 4. Añade 4 gadgets a tu blog de los que te ofrece blogger, y si esto te resulta sencillo, después busca alguno más en google y añádelo siguiendo las instrucciones para insertar código HTML.

ACTIVIDAD 5. Crea 4 páginas estáticas en tu blog y añade contenido al menos en una de ellas. Muéstralas como pestañas principales.

ACTIVIDAD 6. Modifica la entrada de Bienvenida que realizaste hace unos días para que aparezca publicada como del día 10 de septiembre de 2014 a las 9:00h.

ACTIVIDADES


4. PRÁCTICA 4. CREACIÓN DE ENTRADAS.

ACTIVIDAD 1. Crea una entrada explicando a la comunidad educativa como pueden mandarte información o trabajos al blog. Recuerda cual fue el correo que creaste para ello. Debe tener un formato similar a este: [email protected]. Escribe el siguiente texto o uno similar en la entrada:

“Desde aquí os animo a que participéis con vuestras aportaciones, y así realmente construyamos un blog de todos. Yo me encargaré de revisar y publicar todos vuestros trabajos. No os olvides de que no se pueden incluir archivos adjuntos, por lo que todo debe ir pegado en el cuerpo del mensaje para que me llegue. Para ello, solo tenéis que enviarme un correo a la siguiente dirección: …”

ACTIVIDAD 2. Crea una entrada en la que agregues un enlace a una página web recomendada por ti.

ACTIVIDAD 3. Escribe un comentario en una entrada de un blog de un compañero o compañera del curso. Contesta a los comentarios que te hagan a ti. Recuerda que te llegarán al correo para que lo moderes antes de ser publicado.

ACTIVIDADES


mailto:[email protected]

5. PRÁCTICA 5. MULTIMEDIA EN BLOGGER.

ACTIVIDAD 1. Crea una entrada en la que incluyas un vídeo de youtube sobre un tema relacionado con tu área educativa.

ACTIVIDAD 2. Escribe una entrada en la que incluyas un vídeo que tengas en el ordenador. Comprueba cómo se sube más lentamente que si lo haces desde youtube. Una vez que aparezca el play si no quieres no lo publiques.

ACTIVIDAD 3. Crea una cuenta en Slideshare e incluye una presentación que te parezca interesante para tu área en el blog.

ACTIVIDAD 4. Crea un álbum de fotos en el PC. Después crea con él una presentación en Picasa y publícala en tu blog.

ACTIVIDAD 5. Crea un tagxedo sobre algo que esté relacionado con tu área, guárdalo como imagen en el PC y después publícalo en el blog.


Manual herramientas informáticas y entorno web: blogs educativos.

Education

Transcript of Manual herramientas informáticas y entorno web: blogs educativos.