Para poder poner cualquier canción en nuestro blog solo tenemos que ir a www.goear.com y loguearnos. Allí pinchamos en la casilla compartir y copiamos el código HTML. Como siempre lo incrustamos en nuestro blog.
miércoles, 5 de noviembre de 2014
Vimeo
Para insertar un vídeo de la plataforma Vimeo tenemos que ir a su web y elegir un vídeo. Allí buscamos la pestaña SHARE. A continuación nos saldrá el código HTML que nos ayudará a incrustar ese vídeo en nuestro blog.
Passenger '27' Dir: James Lees from James Lees on Vimeo.
Passenger '27' Dir: James Lees from James Lees on Vimeo.
Etiquetas:
Entradas del curso,
mapas vídeo goear
Mapas, vimeo, goear
Aquí tenemos varias entradas que nos muestran que podemos incluir audios, vídeos y mapas de otras webs. No os olvidéis de registraros en cada una de ellas para poder utilizarlas.
Etiquetas:
Entradas del curso,
mapas vídeo goear
Insertar una mapa con ubicación y rutas
Hola chicos, aquí tenéis la ruta más corta la CFIE
Etiquetas:
Entradas del curso,
mapas google maps
sábado, 18 de octubre de 2014
Los derechos de la propiedad en tu blog
Los derechos de la propiedad en tu blog
Un aspecto muy importante sobre la creación de contenidos y herramientas en la red es su protección. Para ello disponemos de varias licencias de protección de la propiedad intelectual que indican si pueden ser copiados, editados, remezclados, y usados como base para crear, todo esto dentro de los límites del derecho de autor.
Dependiendo de cómo hayáis editado vuestro blog hay que hacer dos cosas:
- 1. Si las herramientas y el material lo habéis editado vosotros, es recomendable que pongamos al final del blog que tipo de licencia le vamos a dar. De esta manera los internautas sabrán lo que hacer con los contenidos y herramientas del blog.
-
2. Si las herramientas y los materiales son copiados de diferentes blogs, webs..., es necesario que al final de la entrada citemos de donde lo hemos cogido. De esta manera se reconoce la labor del autor de los contenidos y además evitamos posibles e incomodas reclamaciones por su parte. Esto de lo haríamos de la siguiente manera como se puede ver en este blog:
Fuente: www.2014edublog.blogspot.comes
A continuación podéis ver los diferentes tipos de licencias que podemos utilizar en nuestro blog en el siguiente enlace: Licencias Creative Commons
En el caso de este blog voy a utilizar una licencia que permite que puedan ser copiados, editados y remezclados los contenidos y herramientas. Para ello, utilizo la siguiente licencia:
domingo, 12 de octubre de 2014
Sesión 3
Durante esta última sesión vamos a realizar las siguientes tareas:
3.1. Insertar presentaciones de Slideshare en nuestro blog.
3.2. Trabajar con el blog offline y realizar una copia de seguridad.
3.3. Actividades en nuestro blog: formularios google docs y educaplay.
3.3. Actividades en nuestro blog: formularios google docs y educaplay
1. Actividades con los formularios de google drive.
Google drive nos permite crear formularios y también valen para hacer exámenes online. El funcionamiento es el siguiente:
2- Luego pulsamos en crear y en el menú que se despliega pulsamos en formulario (imagen de la derecha).
3- Ponemos un título, seleccionamos un diseño y pulsamos en aceptar.
4- Para añadir y editar preguntas vamos a ver el siguiente tutorial:
2. Actividades con Educaplay.
Para la elaboración de actividades que se pueden utilizar en nuestro blog, tenemos varios servicios. Uno de ellos es Educaplay, aquí vamos a ver dos presentaciones en las que nos explican que tipos de actividades podemos realizar y como editarlas.
Actividades on line ii (parte ii) from Israel Hurtado
Aquí tenemos otro enlace web en la que podemos encontrar más de 150 aplicaciones para poder utilizar en nuestro blog: http://www.cuadernointercultural.com/tic-tools/generadores-online/
Fuentes: Israel Hurtado Martínez
ite.educacion.es
Aquí tenemos otro enlace web en la que podemos encontrar más de 150 aplicaciones para poder utilizar en nuestro blog: http://www.cuadernointercultural.com/tic-tools/generadores-online/
Fuentes: Israel Hurtado Martínez
ite.educacion.es
3.2. Trabajar con el blog offline y hacer una copia de seguridad.
3.2. Trabajar con el blog offline y hacer una copia de seguridad.
En este vídeo nos enseñan cómo hacer una copia de seguridad desde las herramientas de blogger. Las copias de seguridad se realizan para evitar la pérdida de datos. De esta manera podremos disponer de nuestro blog en cualquier momento.
Fuente: consejosparanovatos.blogspot.com.es
ite.educación.es
3.1. Insertar presentaciones de Slideshare en nuestro blog.
Empezamos esta tarea aprendiendo a subir una presentación a Slideshare.net
- Abre el navegador y visita la página de Slideshare: http://www.Slideshare.net.
- En el cuadro de Login introduce las credenciales de acceso.
- Clic en el enlace Upload (Subir).
- En la página Upload one or more files (Subir uno o más archivos) haz clic en el enlace Formats Supported (formatos soportados) para consultar qué archivos se pueden subir a SlideShare. Se pueden subir archivos de hasta 50 MB de peso:
- Presentaciones: pdf, ppt, pps, pptx, ppsx, pot, potx (Powerpoint); odp (OpenOffice); key, zip (Apple Keynote).
- Documentos: pdf, doc, docx, rtf (MSOffice); odt, ods (OpenOffice); Apple iWork Pages.
- Vídeos: mp4, m4v, wmv, mpeg, avi, mov, mpg, mkv, ogg , asf , vob , 3gp, rm,rmvb, flv.
- En este caso vamos a subir una presentación. Clic en el botón upload (Subir).
- En el cuadro de diálogo Seleccione los archivos … navega para situarte en la carpeta donde has descargado y descomprimido el archivo osoPardo.odp.
- Selecciónalo y pulsa en el botón Abrir.
- Tras unos segundos de espera se mostrará un mensaje de que la presentación se ha subido con éxito: Your file ….. converted successsfully (Tu archivo … se ha convertido con éxito).
- Cuando el proceso de subida ha tenido éxito se solicitan algunos datos adicionales:
- Title (Título). Es el título de la presentación. Ejemplo: Oso pardo.
- Tags (Etiquetas). Es una relación de palabras-clave separadas por comas que permitirán localizar esta presentación utilizando la herramienta de búsqueda de Slideshare. Ejemplo: naturaleza, oso.
- Description (Descripción). Un breve comentario que a modo de introducción permite describir la presentación: El oso pardo es un animal en peligro de extinción.
- Category (Categoría).
- Allow file download. (Permitir descarga de archivo). Si marcas esta opción los usuario podrán descargarse el archivo original.
- Para concluir el proceso de subida y etiquetado pulsa en el botón Save changes (Guardar los cambios).
- Tras pulsar este botón se produce otro tiempo de espera. Slideshare está transformando el archivo original en una película Flash que se mostrará al usuario mostrando el contenido de esa presentación.
- Pulsa en el botón que muestra el nombre de usuario en SlideShare para elegir My Uploads (Mis subidas) en el combo que se despliega.
- Clic en la imagen que muestra la presentación que acabamos de subir. De esta forma se accede a la visualización de esta presentación.
- Recuerda que las transiciones de diapositivas, efectos animados, audios y vídeos introducidos en la presentación original se pierden cuando la subes a Slideshare.net.
- Si accedes al enlace Edit que acompaña al título de la presentación en Slideshare se puede acceder a dos opciones interesantes de edición:
- Create Slidecast (Crear un slidecast). Permite subir un audio en format MP3 para sincronizarlo con la presentación de diapositivas.
- Insert Youtube Videos (Insertar videos de Youtube). Es posible insertar entre diapositiva y diapositiva un vídeo de Youtube.
Etiquetas:
Entradas del curso,
Sesión 3,
Slideshare
2.3. Gestion de archivos y creación de documentos con google drive.
2.3. Gestión de archivos y creación de documentos con google drive.
Una utilidad asociada a nuestra cuenta de gmail es el de google drive. Este servicio es como si fuera un disco duro virtual donde alojar documentos (hasta 5 gigas de capacidad total). La ventaja es que ademas de guardar archivos, podemos editarlos o modificarlos individualmente o de modo colectivo. Es como un programa de edición de documentos (office) pero online.1. Como siempre primero hay que entrar en blogger.
- Abre el buscador de google para poder iniciar sesión (www.google.es). Pulsa en iniciar sesión Ahí se pone el correo de gmail y la contraseña.
- Entra en tu cuenta de drive puedes hacerlo de dos formas:
- En el menú superior, donde pone "drive" .
- Desde este enlace: https://drive.google.com/.
2. Subimos o creamos nuestros documentos.
Una vez dentro de Google Drive, podemos subir un archivo o una carpeta, o modificar un contenido ya existente. Para las dos primeras opciones, existe un botón rojo destacado con la palabra “Crear” (en la imagen de la derecha lo señalo con una flecha azul) y un ícono que significa “subir” (en la imagen de la derecha lo señalo con una flecha verde). Una vez subido o creado el archivo aparece en la zona central, pulsando sobre él podemos modificarlo o conseguir el enlace y compartirlo.
3. Creamos nuestros documentos.
Al pulsar en crear se despliega un menú en el que vemos los tipos de documentos que podemos crear (imagen de la derecha):
Si vamos a hacer un documento de texto
1. Pulsamos en Crear -> Documento
2. Ponemos un título pulsando sobre "Presentación sin título" y escribiendo en el cuadro.
Si vamos a hacer una presentación de diapositivas
1. Pulsamos en Crear --> Presentación
2. Elegimos un diseño pulsando sobre él y luego en Aceptar (ver imagen inferior)
- Carpeta para organizar los documentos que hayamos subido o creado
- Documento de texto parecido a word, aunque algo más sencillo.
- Presentación de diapositivas, equivale a powerpoint aunque algo más sencillo.
- Hoja de cálculo equivale a excel aunque algo más sencillo.
- Formulario para poder hacer cuestionarios de repaso o exámenes online. (se explica en esta otra entrada)
Si vamos a hacer un documento de texto
1. Pulsamos en Crear -> Documento
2. Ponemos un título pulsando sobre "Presentación sin título" y escribiendo en el cuadro.
Si vamos a hacer una presentación de diapositivas
1. Pulsamos en Crear --> Presentación
2. Elegimos un diseño pulsando sobre él y luego en Aceptar (ver imagen inferior)
3. Ponemos un título pulsando sobre "Presentación sin título" y escribiendo en el cuadro.
4. Incluimos contenido pulsando sobre los cuadros. Empieza con una diapositiva de inicio, para añadir más diapositivas hay que pulsa en la barra de herramientas en Insertar y luego en Nueva diapositiva (ver imagen inferior)
4. Compartimos nuestros documentos.
Cuando creas un documento únicamente lo puedes ver tú (son privados). Si quieres que otros puedan verlo tienes que cambiar la opción de compartir. En la esquina superior derecha hay un cuadro que pone "compartir". Pulsa en él (imagen inferior):
Para que lo puedan ver todos has pulsar en "cambiar" (en la imagen inferior, flecha amarilla) y luego seleccionamos "público en la web":
Pulsamos en la casilla "Público en la Web" para que deje de ser privado y finalmente pulsamos en guardar.
5. Conseguimos el código para publicar nuestro documento
Una vez creados o subidos los documentos a Drive, podemos incrustarlos (para que se vean en el blog) o enlazarlos (para que se vean en una página nueva).
Para ello pulsamos en el menú horizontal donde pone "Archivo". En el menú que se despliega pulsamos en "Publicar en la Web" luego en "Iniciar publicación" .
En nuestro blog podemos poner un enlace (cuadro superior bajo "Enlace de documento) o podemos insertarlo para que se vea dentro del blog. Para ello copiamos el código que hay debajo de "Insertar código" (imagen inferior flecha amarilla):
6. Pegamos el código en una entrada del blog
Una vez copiado el código tenemos que ir a nuestro blog para pegarlo en forma de HTML. Entonces hacemos lo siguiente:- Crear o abrir una entrada
- En "Redactar" Escribimos un párrafo de introducción sobre el contenido de la entrada y su autor. Finalmente pulsamos en salto de línea para que en la página principal únicamente aparezca este resumen.
- Pulsamos la opción "HTML"
- Al final pegamos el código que habíamos copiado.
- Publicamos o guardamos.
2.2. Añadir y utilizar los diferentes gadgets que nos ofrece blogspot
2.2. Añadir y utilizar los diferentes gadgets que nos ofrece blogspot.
Los gadgets (cuadros) ofrecen utilidades para nuestros visitantes. En nuestro blog podemos colocar tantos gadgets como queramos, pero si ponemos demasiados nuestro sitio tardará demasiado en cargarse y la navegación será muy lenta.Vamos a ver este vídeo para saber cómo funcionan y cómo se editan. Al principio es un repaso pero lo que nos concierne empieza sobre le minuto 3.
2.1. Insertar vídeos en tu blog y manipular el código HTML
2.1. Insertar vídeos en el blog y manipular el código HTML.
- Abre una nueva pestaña del navegador web y accede a la URL de inicio de Blogger: http://www.blogger.com
- Introduce sus credenciales (usuario y contraseña) en el apartado Accede a través de tu cuenta de Google y pulsa en el botón Acceder.
- Si el proceso de autentificación se ha producido con éxito te situarás en el Escritorio.
- En este panel aparecerán los distintos blogs que gestionas en Blogger.
- Clic en el botón Crear entrada nueva para acceder directamente al interfaz de edición del blog donde deseas publicar el artículo.
- Introduce el título de la nueva entrada: Turismo rural.
- 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 turismoRural.mov que hemos obtenido en un paso anterior.
- 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).
Ahora vamos a cambiar las dimensiones de un vídeo para adaptarlo a la anchura de nuestro blog. Pulsamos en la pestaña HTML (ver imagen inferior) para ver el código HTML.
Así vemos el código de todo el contenido que hay en la entrada, por eso si el vídeo lo habéis puesto en una entrada con otros contenidos os será difícil encontrar el código que corresponde a vuestro vídeo. Si habéis creado una entrada nueva será fácil. El código HTML es el lenguaje que usan las páginas webs y los blogs para transmitir información por Internet. Cuando redactamos contenidos en una entrada el blog automáticamente se convierte en lenguaje HTML que podemos ver pulsando en la pestaña HTML. Por ejemplo, cuando estás escribiendo y pones una palabra en negrita, por ejemplo esta, tu blog ha escrito en código HTML esto: "<b>esta</b>".
Necesitamos editar la entrada en lenguaje HTML para poder poder modificar una parte del código del vídeo. Busca las cifras que hay cerca de width (ancho) y height (alto) por defecto suelen ser width="320" height="266" (ver imagen inferiror). Eso mide el tamaño del vídeo en píxeles del vídeo.
4. Ahora se trata de que los modifiques aumentando las cifras hasta conseguir que el vídeo ocupe todo el ancho de tu entrada. La única forma es poner una cifra nueva y probarla pulsando en vista previa, después repetir la operación hasta lograr la dimensión idónea.
5. Cuando lo tengáis listo poner una etiqueta a la entrada y pulsar en publicar
Fuente: http://www.ite.educacion.es/
Sesión 2
En esta segunda sesión vamos a realizar las siguientes actividades para la creación de nuestro blog:
1. Insertar vídeos en tu blog y manipular el código HTML.
2. Añadir y utilizar los diferentes gadgets que nos ofrece blogger.
3. Gestión de archivos y creación de documentos con google drive.
1. Insertar vídeos en tu blog y manipular el código HTML.
2. Añadir y utilizar los diferentes gadgets que nos ofrece blogger.
3. Gestión de archivos y creación de documentos con google drive.
Sesión 1: ¡arrancamos!
En esta sesión vamos a realizar las siguientes actividades para la creación de nuestro blog:
1. Crear una cuenta gmail y blogger.
2. Crear un blog de blogger y añadir comentarios.
3. Crear y modificar las entradas de nuestro blog.
4. Diseño y personalización.
5. Barra de herramientas de blogger.
6. Creación de páginas con contenido y enlazarlo a sitios web.
1. Crear una cuenta gmail y blogger.
2. Crear un blog de blogger y añadir comentarios.
3. Crear y modificar las entradas de nuestro blog.
4. Diseño y personalización.
5. Barra de herramientas de blogger.
6. Creación de páginas con contenido y enlazarlo a sitios web.
6. Creación de páginas, etiquetas y su organización
6. Creación de páginas en barra horizontal y etiquetas en barra vertical de un blog.
Las páginas de un blog se diferencian de las entradas en que las primeras quedan enlazadas en un menú horizontal, de forma que son muy accesibles. En cambio las entradas van retrocediendo a medida que se hacen nuevas. Por eso las páginas se suelen usar para contenidos importantes.
Pasos para reetiquetar todas las entradas del blog:
Las etiquetas asociadas a cada
entrada del blog son sumamente importantes ya que permiten clasificar la
información publicada. Esta clasificación permitirá posteriormente filtrar los
artículos con determinadas etiquetas o categorías.
Pongamos un ejemplo, si tienes un blog de
cocina puedes organizar tus recetas en Postres, Mariscos,
Carnes, Aves, Entrantes. Parece fácil, pero realmente no lo
es, sobre todo al principio. Por propia experiencia suele pasar que cuando
tienes una buena colección de artículos publicados, piensas que tenías que
haber organizado las etiquetas de otra manera
Blogger permite una manera muy fácil de
reetiquetar todas las entradas sin tener que editar cada una de las
entradas.
- Ve a la pestaña Entradas
- Por defecto se muestran solo las 10 últimas entradas. Ajusta este dato en el desplegable de la derecha para visualizar un mayor número (máximo 100).
- Si quieres Eliminar las etiquetas actuales
- Selecciona todas las entradas haciendo clic en la casilla de verificación superior
- Despliega en la parte superior la lista de etiquetas
- Vuelve a indicar la misma etiqueta. Blogger entenderá que quieres eliminarla por lo que pierdes el filtro. Lo ideal antes de eliminar la vieja etiqueta es asignarle la nueva.
- Repite este paso para el resto de etiquetas.
- Para poner Nuevas etiquetas
- Selecciona las entradas a las que vas a poner una misma etiqueta
- Despliega en la parte superior la lista de etiquetas
- Asigna una nueva etiqueta o escribe una nueva
- Repite este paso para etiquetar el resto de entradas
Gadget nube de etiquetas
Para completar este trabajo es interesante que ofrezcas a tus lectores un
sencillo Gadget que permite filtrar las entradas por etiquetas. para ello
sigue estos paso:
- Ve a la pestaña Diseño
- Haz clic en Añadir un Gadget, en el menú derecho de tu blog
- De la lista elije el Gadget Etiquetas
- Puedes configurar para que se muestre en modo lista o en modo nube
- Haz clic en Guardar y recuerda que puedes moverlo hasta colocarlo en la posición deseada
- Haz clic en Guardar plantilla y visualiza el Blog.
-
Video tutorial cómo etiquetar las entradas y cómo organizarlas en pestañas
5. Barra de herramientas de blogger
5. Barra de herramientas de blogger.
Vamos a ver las diferentes opciones de edición que nos ofrece la barra de herramientas de blogger para presentar nuestros contenidos.
2. Usamos la barra de herramientas de las entradas.
1. Creamos una nueva entrada.
2. Vamos a usar diferentes opciones que nos ofrece la barra de herramientas. Aquí teneís una aclaración de lo que significa cada símbolo:
1. Como siempre: primero entramos en blogger.
- Primero hay que entrar en tu cuenta gmail. Abre el buscador de google para poder iniciar sesión (www.google.es). Pulsa en iniciar sesión (arriba a la derecha, véase imagen lateral flecha roja). Ahí se pone el correo de gmail y la contraseña.
- Entra en tu cuenta de blogger puedes hacerlo de dos formas:
- Desde este enlace: http://www.blogger.com/ o desde google (www.google.es)
- Desplegando el menú superior pulsando luego en "blogger"
2. Usamos la barra de herramientas de las entradas.
1. Creamos una nueva entrada.
(pulsa en la imagen para ampliar) |
(pulsa en la imagen para ampliarla) |
- Si pulsas en la pestaña "HTML" la mayoría de las opciones de barra desaparecen, para que aparezcan hay que mantenerse en "Redactar".
- Vamos a introducir contenido en esta nueva entrada. Seleccionaremos parte del texto y usaremos casi todas las opciones que tenemos en la barra de herramientas (menos las que he puesto en rojo). De izquierda a derecha son estas:
- Cambiamos la Fuente (tipo de letra)
- Cambiamos el tamaño de la letra
- Ponemos algún encabezado
- Ponemos algo de texto en negrita, en cursiva y subrayado.
- Cambiamos el color de la fuente (letra)
- Ponemos en algún sitio color de fondo del texto.
- Ponemos un enlace (aclarado debajo)
- Insertamos una imagen (aclarado debajo)
- Insertamos una vídeo de youtube o desde nuestro ordenador
- Insertamos un salto de línea. Esto sirve para que en la página principal del blog no aparezca toda la entrada, aparecerá unicamente lo que hay por encima del salto de línea. Para ver la entrada entera habrá que desplegarla pulsando sobre ella. Esto es muy útil para evitar que la página principal esté muy sobrecargada y tarde en cargarse.
- Ponemos una lista numerada
- Ponemos otra lista con viñetas.
- Ponemos un texto en forma de cita.
- Quitamos el formato (todas las modificaciones que hayamos hecho en un texto)
- Comprobáis la ortografía.
- La mayoría de las opciones son sencillas, pero voy a hacer algunas aclaraciones sobre dos que pueden generar dudas:
- Insertar una imagen:
- Seleccionamos una foto nuestra o bajamos una de Internet y la guardamos en nuestro ordenador.
- Pulsamos en insertar imagen (barra de herramientas) y luego en Elegir archivos (se abrirá el explorador de archivos para buscar el lugar donde hemos guardado la foto.
- Cuando se cargue pulsamos en Añadir imagen seleccionada.
- Poner un enlace:
- Buscamos una web que nos guste y queramos enlazar. Una vez localizada seleccionamos y copiamos su dirección URL. Es fácil de reconocer porque aparece en la barra de navegación y suele empezar por "http://" por ejemplo la dirección URL de este blog es esta: http://blogeducativoenclase.blogspot.com.es/
- Pulsamos en enlace (barra de herramientas)
- Ponemos en Texto para mostrar el texto que aparecerá en la entrada y en dirección web la URL hacia la que nos dirigirá el enlace. Podemos pulsar la casilla "Abrir este enlace en una ventana nueva" si queremos que así sea (por ejemplo), si no la nueva página se abrirá en la misma ventana donde estás cerrando la página anterior (por ejemplo).
- Insertar un vídeo. Pulsamos en el icono de vídeo (ver imagen inferior)
Pulsamos "Subir" si está en nuestro ordenador o "Desde YouTube" (ver imagen inferior)
Suscribirse a:
Entradas (Atom)