Material de clase




Alternativa



Web con exelearning



Ayuda:
http://www.escacyl.es/Infantil/JornadaIII/Tutoriales/exelearning%20basico.pdf



Blog con wordpress



Registro
  • Regístrate como usuario en wordpress
  • Inicia la creación de tu blog indicando un nombre, título y si quieres que sera público o privado
Captura de pantalla 2014-10-07 a la(s) 09.24.55.png

Creación del blog
  • Pulsa en "Crear blog", la opción gratuita (Wordpress.com principiante)
  • Ahora que ya tienes un blog, vamos a empezar a personalizarlo, pulsa en el enlace "Cambia el tema de tu blog" .
Captura de pantalla 2014-10-07 a la(s) 09.28.41.png

  • De los temas que aparecen, escoge el que más te guste. Presta atención a que algunos no son gratuitos y también a elegir uno que no esté basado principalmente en mostrar mosaicos de imágenes. Por ejemplo, un tema sencillo para empezar a trabajar es el "Adaption".
  • Una vez elegido, pulsa en "customize your site" y en la barra lateral usa las opciones "Colors", "Header" y "Font" para personalizar el aspecto del blog.
  • Cuando hayas terminado pulsa la "X" y entrarás en el "control de mandos" para modificar las opciones del blog: el Escritorio o Dashboard.
  • Lo primero que puedes hacer es poner la interfaz en español, para ello ve a la opción "Users" > "Personal settings" y en Interface language selecciona "es-Español" y guarda los cambios.

Creación de entradas (posts) y comentarios
  • Pulsa en la opción "Entradas" donde aparecen las entradas que escribes en tu blog. Ahora mismo no hay ninguna, usa la opción "Añadir nueva" para escribir un post (para ello, escribe usando el editor y pulsa el botón "Publicar" cuando esté preparado).
  • Cuando se publica, aparece un mensaje: "Entrada publicada. Ver Entrada". Pulsa sobre "Ver entrada" para ver el blog con la nueva entrada.
  • Para seguir escribiendo puedes usar el enlace "Nueva entrada". Publica un par de entradas más incluyendo esta vez elementos multimedia como enlaces, vídeos e imágenes (recuerda que puedes usar el buscador http://search.creativecommons.org/ para encontrar vídeos, música e imágenes con licencia creative commons y así respetar con seguridad los derechos de autor).
  • Cuando estés preparado para volver al Escritorio/Dashboard pulsa sobre el nombre de tu blog en la parte superior izquierda de la pantalla (junto a la bola del mundo).
  • Vamos ahora a configurar la forma en que se muestran las entradas y los comentarios. Para ello, en el Escritorio/Dashboard selecciona "Configuración" y después "Lectura", ahí podrás cambiar cuántas entradas se pueden ver por página. Para cambiar opciones de los comentarios, pulsa en "Configuración" > "Comentarios".
  • Comparte la dirección de tu blog con los compañeros del curso, puedes comentárselo personalmente o usar twitter con el hashtag #PLEUGR.
  • Escribe comentarios en los blogs de los compañeros y mira cómo se muestran sus comentarios en tu blog (siempre que necesites moverte del dashboard a tu blog, pulsa en el nombre de tu blog en la parte superior izquierda (junto a la bola del mundo).
  • Dependiendo del tema que hayas escogido para tu blog, habrás visto que en las entradas ya aparecen botones para que tus lectores puedan compartir tus entradas en las principales redes sociales, prueba twittear una de tus entradas.

Inserción de widgets
  • En el blog se pueden incluir los denominados "widgets", elementos que permitirán conectarlo con otros servicios.
  • En el dashboard selecciona "Apariencia" > "Widgets". Vamos a añadir un calendario y un bloque con los comentarios recientes. Para ello selecciona cada uno de ellos y pulsa "Añadir widget". Ahora puedes configurar las opciones poniéndoles un título y pulsando guardar.
  • Pulsa sobre el nombre de tu blog para ver cómo ha quedado con los widgets.
  • Vamos a añadir ahora un widget donde se muestre lo último que has dicho en twitter. Para ello, en otra pestaña del navegador entra en twitter, pulsa sobre el botón de configuración (rueda dentada en la parte superior izquierda) y en el menú que aparece selecciona la opción widgets. Pulsa en "Crear nuevo" y pulsa en "Crear widget" en la pestaña cronología de usuario (por defecto el usuario seleccionado eres tú).
  • Verás que en la parte inferior izquierda aparece código HTML, cópialo y pulsa "Guardar cambios".
Captura de pantalla 2014-10-07 a la(s) 10.22.17.png

  • Vuelve a la pestaña de tu blog, abre el dashboard y ve a "Apariencia" > "Widgets". Añade un widget del tipo "Twitter timeline", pulsa "Añadir widget" y en las opciones que aparecen, pega el código que habías copiado en el apartado "Widget id" borrando todo el código salvo el identificador y pulsa "Guardar"
Captura de pantalla 2014-10-07 a la(s) 10.28.30.png
  • Ahora ve al blog y mira cómo ha quedado.
  • Repite el proceso creando widgets de twitter para un lista y un hashtag determinados. Para ello, simplemente sigue el mismo proceso pero en twitter investiga las pestañas "Lista" y "Buscar".
  • Ahora vamos a añadir la imagen con la licencia bajo la que compartimos la información en nuestro blog, para ello usamos el widget "Texto" y en el recuadro pegamos el código generado con http://creativecommons.org/choose/?lang=es_ES
Captura de pantalla 2014-10-07 a la(s) 11.01.01.png

Creación de páginas estáticas
  • En el escritorio/dashboard, pulsa "Páginas" y "Añadir nueva". Escribe el contenido que quieras, incluyendo también multimedia (e.g. vídeos youtube).
  • Si no te gusta la posición de la página en el blog, puedes jugar con los menús en "Apariencia" > "Menús". Los menús que aparecen dependen del tema que hayas escogido para tu blog. Puedes crear menús nuevos, distribuirlos en el blog y añadir y quitar páginas a los mismos.
  • Ayuda: http://en.support.wordpress.com/menus/




Wiki con wikispaces


Registro en Wikispaces y creación de una wiki
  • Créate una cuenta de usuario "educativa" en Wikispaces. Para que Wikispaces reconozca que tus wikis serán de uso educativo, usa tu dirección de correo institucional de la ugr cuando rellenes tu datos.
  • Crea una wiki en wikispaces.
    • Pulsa sobre tu nombre en la esquina superior derecha de la pantalla
    • En la pantalla que aparece, pulsa sobre el botón "Create wiki"
    • Indica que "tu industria" es la enseñanza superior
    • Rellena el título y los datos de tu wiki. No olvides marcar la casilla indicando que va a ser de uso educativo:
Captura de pantalla 2014-10-07 a la(s) 11.21.54.png

  • Al pulsar "Crear", verás tu wiki recién creada. Ahora puedes variar su aspecto en Ajustes > Look & feel / temas y colores. Para trabajar con más comodidad en un principio, recomiendo cambiar la wiki para que tenga el aspecto de wiki clásica. Para ello, pulsa en Ajustes > General
    y escoge la opción "Wiki"

Captura de pantalla 2014-10-07 a la(s) 11.25.44.png
  • De vuelta en la página principal de tu wiki, edítala pulsando el botón editar (el que tiene un lápiz) y escribe una presentación de la wiki.
  • Usa los widgets para incluir: una presentación slideshare, una imagen, un vídeo de youtube, enlaces a otra web.
  • Crea también las siguientes páginas: introducción, nudo1, nudo2, conclusiones, pulsando sobre el signo + de la opción "Pages and Files (+)" y escribiendo un par de frases dentro.
Captura de pantalla 2014-10-07 a la(s) 11.29.26.png
  • Habrás comprobado que conforme creas páginas, éstas aparecen en el menú, pero sin estrutura fija. Para organizarlas, puedes pulsar en "editar navegación", intenta que quede de la siguiente forma:
    • Introducción
    • Cuerpo
      • nudo1
      • nudo2
    • Conclusiones
  • Establece que las páginas de introducción y conclusiones sólo las puedan editar los administradores de la wiki, y las páginas nudo1 y nudo2 cualquier participante. Para ello, en cada página, ve a la opción "Permisos" y personaliza en cada caso con la opción correspondiente.
Captura de pantalla 2014-10-07 a la(s) 11.33.06.png
  • Invita a dos compañeros a participar en tu wiki editando tus páginas. Uno deberá entrar como usuario no anónimo, utilizando directamente la url de tu wiki, el segundo, que pida unirse a la wiki (entrando en la wiki y pulsando "Join now").
  • Comprueba que las opciones de edición que has seleccionado para las páginas funcionan del modo esperado. Fíjate en qué ocurre en la pestaña "historial" (icono del reloj) cuando se hacen cambios en una página:
Captura de pantalla 2014-10-07 a la(s) 11.36.39.png
  • Edita la página de algún compañero y usa también la pestaña de discusión (a la derecha de editar, con 2 bocadillos) para ver la diferencia entre la discusión y el historial.




EXTRA:

Cómo redirigir a otra web:

Guardar este código en un fichero index.html

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="1;url=DIRECCION NUEVA">
<script language="javascript">
window.location.href = "DIRECCION NUEVA"
</script>
<title>TÍTULO DE LA PÁGINA</title>
</head>
<body>
You are being redirected to the website of the book. If you are not redirected automatically, please click <a href='DIRECCIÓN NUEVA'>here</a>.

</body>
</html>