Incluir una presentación en nuestro blog

miércoles, 15 de abril de 2009

Para ello haremos uso de una herramienta Web 2.0 que sirva para albergar presentaciones por ejemplo: http://www.slideshare.net/ donde podemos registrarnos (e incluir nuestras propias presentaciones) o usar las allí existentes.
Una vez que esté creada la presentación o seleccionamos alguna de las exsitentes se copia el "Embed" de la presentación que aparece en la página y se procede de la misma forma cuando añadimos un vídeo.

Veamos el siguiente ejemplo:

Sindicación de contenidos, RSS

RSS significa “Really Simple Syndication”, algo así como “Distribución Realmente
Simple”. Es una forma de distribuir contenidos a clientes (otras páginas o también dispositivos móviles) suscritos. Es algo parecido a cuando nos suscribimos a una revista o periódico, cuando hay un nuevo número, nos lo mandan a nuestra casa; RSS es similar, pero con todas las ventajas de internet en cuanto a variedad y velocidad. Uno de los sitios donde más se usa esto es en los blogs, de tal forma que los clientes suscritos sean notificados cuando hay una nueva entrada o comentario en nuestro blog. También cabe la posibilidad de que nuestro blog esté suscrito a otro blog, página o cualquier fuente RSS (por ejemplo, los titulares de un periódico), de tal manera que aparezcan los cambios en cuanto se producen, algo que puede contribuir notablemente a que nuestro blog se muestre como actualizado y vivo, aumentando su atractivo. Blogger ofrece gadgets para integrar ambas vías en nuestro blog.
Pasamos a ver las dos posibilidades:
  1. Hacer de nuestro blog una fuente RSS
Aquí usaremos otro gadget ofrecido por blogger. Nuevamente en la pestaña Diseño, Elementos de Página pincharemos en Añadir un gadget, y ahora, de la lista que aparecerá en pantalla, elegiremos “Enlaces de suscripción, Permite que tus lectores se suscriban fácilmente a tu blog mediante los lectores de feed conocidos".
Nos aparecerá una ventana en la que introduciremos el encabezado que aparecerá en el blog para indicar que es posible suscribirse, y pulsaremos en Guardar.
Con lo que a partir de este momento, en nuestro blog aparecerá un recuadro que posibilitará que nuestros lectores se suscriban a él, y les lleguen las notificaciones al programa agregador que usen habitualmente como por ejemplo "Google Reader"

  1. Suscripción a una fuente RSS externa
Como ejemplo vamos a incluir en nuestro blog los titulares de un periódico. En
la pestaña de Diseño, Elementos de Página pincharemos en Añadir un gadget. Nos saldrá una lista de gadgets, en la que buscaremos “Feed, Añadir contenido a tu blog desde un feed RSS o feed Atom”

Al pinchar sobre este elemento, nos aparecerá una nueva ventana en la que tendremos que introducir la fuente RSS, por ejemplo, los titulares de "The Time”

Mapas interactivos

Magnífica web para trabajar con una colección de mapas interactivos, de comunidades autónomas, provincias, geografía (ríos, montañas), y los 5 continentes. Además disponen tambien de una extensa colección de puzles.


Aquí podemos comprobar como insertamos una imagen que a su vez es un enlace a un página web y está se abre en otra pestaña. Para ello realizamos los siguientes pasos:
  1. Creamos una nueva entrada de texto.
  2. Insertamos la imagen de la forma habitual, es decir, haciendo clic en el icono "Añadir imagen".
  3. Seleccionamos la imagen y hacemos clic en el icono "Enlace" y añadimos la url de la página web que queramos direccionar.
  4. Para conseguir que al pulsar sobre la imagen se nos abra una pestaña nueva con la web especificada, deberemos pulsar sobre la pestaña "Edición HTML" y añadir dentro de la etiqueta <img> el atibuto target con el valor "blank".

  5. Veamos como quedaría el código fuente:

    <a href="http://www.xtec.net/%7Eealonso/flash/espauto1e.html" target="_blank"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 177px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3XHzbfxt5OQjdwfk3xPSC6It2n3E4uBeACN1HlyTSAl6QR_XezKzfLteyscFmi8PreeFzlcPvbhQl_ZfH2l5MeVugh21AVsNh-9qXGuEIy8Cph4GcpNVei0VqeE55jUTh-URj36-qYRta/s320/mapas.jpg" alt="" id="BLOGGER_PHOTO_ID_5324992509714290530" border="0" /></a>

Cómo incluir vídeos de youtube

martes, 14 de abril de 2009

Modificar las plantillas por defecto

El número de plantillas que nos ofrece Blogger es limitado, y son plantillas relativamente sencillas.
Por otra parte, normalmente querremos que nuestro blog sea algo personal: distinto al de los demás. Eso hará que nos diferenciemos del resto y obtengamos más visitas.
Si unimos estas dos cosas, veremos inmediatamente que necesitamos utilizar alguna otra plantilla no tan habitual como las de blogger. Internet nos ofrece numerosos sitios con cantidad de estas plantillas, y veremos que es muy fácil cambiarla.
Aquí nos centraremos en la web "btemplates". Si vamos a ella veremos que hay una gran cantidad de plantillas que nos podemos descargar.

Para nuestro ejemplo, escogeremos la plantilla "Retrograde":
  1. Pinchamos sobre ella, y vemos que nos aparece la opción de descargarla (Download)
  2. Pinchamos en esta opción, y luego escogemos Guardar archivo
  3. Esto nos descarga un fichero comprimido .zip, que contiene dos archivos:
    • readme.txt : contiene unas instrucciones de cómo instalar la plantilla
    • Retrograde.xml : contiene la plantilla (si hemos descargado otra plantilla distinta a "Retrograde", el nombre del fichero será NombreDePlantilla.xml. Siempre terminará en .xml)
  4. Ahora, volvamos a nuestro blog, y busquemos la opción Diseño → Edición HTML. Usamos ahora el botón Examinar para escoger la plantilla que acabamos de descargar, y luego el de Subir para cargarla en nuestro blog.
  5. Observamos cómo nos aparece un mensaje que nos dice: Están a punto de
    suprimirse los artilugos.... Esto es porque NO TODAS LAS PLANTILLAS TIENEN LAS MISMAS SECCIONES!!! Tendremos que tener esto en cuenta a la hora de seleccionar nuestra plantilla.
  6. Pulsamos sobre Confirmar y Guardar y vemos cómo el sistema nos dice que nuestros cambios se han guardado
  7. Si ahora pulsamos sobre la opción de Ver blog, veremos cómo seguimos teniendo en él la misma información, pero con una apariencia completamente distinta.

Añadir fotos a nuestro blog

Para añadir una foto, usaremos el botón Añadir Imagen cuando estemos creando nuestra entrada en el blog.

Nos aparece un cuadro de diálogo donde seleccionamos la imagen que queremos mostrar, así como algunas opciones acerca de la forma en que queremos que se muestre:


Aquí hacemos click sobre Finalizado.
Si ahora publicamos nuestra entrada y vamos a ver cómo queda el blog

Dirección pública de tu blog

La dirección pública de nuestro blog, está formada por la cadena de caracteres con la que nombramos nuestro blog al crearlo, más la cadena "blogspot.com", quedaría algo asi:
"nombredemiblog.blogspot.com"

Como ya os podéis imaginar, a alguno de nosotros se nos puede olvidar la dirección pública de nuestro blog, es decir, la url (texto que identifica a una página web, normalmente empieza por"http:/...". ). Para solucionar este incidente tenéis varias soluciones que os comento a continuación:
  • Entramos en la página de Blogger y nos autentificarnos (introducimos nuestra dirección de gmail y nuestra clave), pulsamos en el enlace "ver blog", lo que nos muestra la página de nuestro blog y en la barra de dirección encontramos nuestra URL. (ver imágenes)
  • Entramos en la página de Blogger y nos autentificarnos (introducimos nuestra dirección de gmail y nuestra clave), pulsamos en la pestaña "Configuración" y luego en la pestaña "Publicación" y ya podemos ver la dirección del blog. (ver imagen).

Primera entrada de texto

Hola a tod@s, esta es la primera entrada de texto para la creación de un blog en el curso "Enseñanza de una Lengua Extrajera y las TIC".
Si algun@ de vosotr@s ha tenido algún problema puede comentarmelo a continuación.
Un saludo y buen comienzo.

Creación y mantenimiento de un blog

Podemos decir, que existen tres formas principales de crear y mantener un blog:
  1. Utilizando herramientas de la Web 2.0., que ofrecen una solución completa de alojamiento. Por ejemplo:
  • Blogger (http://www.blogger.com/ o http://www.blogspot.com/)
  • Freewebs (http://www.freewebs.com/)
  • LiveJournal (http://www.livejournal.com/)
  • Ciberblog.es (http://www.ciberblog.es/)
  • etc...
  1. Software para ser instalado en un sitio web. Por ejemplo:
  • WordPress (http://www.wordpress.org/)
  • Movable Type (http://www.sixapart.com/movabletype/)
  • etc...
  1. Creando la página mediante código HTML y/o un editor de páginas web, como por ejemplo "KompoZer".
A partir de ahora nos centraremos en el punto 1: herramientas de la Web 2.0., aquéllasque ofrecen una solución completa de alojamiento, y más concretamente, en Blogger.

Define Blog

¿Qué es un blog?

Un blog es un sitio web periódicamente actualizado que recopila cronológicamente (o sea, ordenados en el tiempo) textos o artículos de uno o varios autores, apareciendo primero el más reciente.

El término blog proviene de las palabras web y log ('log' en inglés = diario).

Principales Secciones de un Blog

Un blog puede estar compuesto de muchas secciones diferentes. Aquí nos centraremos en las más comunes:
  • Entradas : Una entrada es cada uno de los textos o artículos que componen el blog.
  • Comentarios : Normalmente, se permite a los visitantes de nuestro blog que comenten lo que les parezca acerca de las entradas.
  • Etiquetas (o tags o categorías ) : permiten organizar los textos por su temática
  • Blogroll : o recomendaciones de otros blogs.
 
Enseñanza Lengua Extranjera y las TIC. Citrus Pink Blogger Theme Design By LawnyDesignz Powered by Blogger