CeDeC. Blogger (II). Edición de contenidos e inserción de elementos multimedia

download CeDeC. Blogger (II). Edición de contenidos e inserción de elementos multimedia

If you can't read please download the document

description

Este es el segundo, de los tres tutoriales publicados en el Catálogo TIC del CeDeC, dedicados a la creación de un Edublog en Blogger . Ver ficha didácTICa: http://cedec.ite.educacion.es/index.php/es/aplicaciones-en-la-web/

Transcript of CeDeC. Blogger (II). Edición de contenidos e inserción de elementos multimedia

  • 1. -Crear entradas en Blogger.-Los elementos de una entrada del blog.-Formatear el texto y crear enlaces.-Cmo aadir imgenes.-Pginas estticas.-Insertar elementos multimedia.-Insertar vdeos.-Insertar presentaciones de Slideshare yde Google Docs.-Insertar lbum de fotos de Picasa.Joey and April working, imagen de Extra Ketchup en Flickr con licencia CC BY-SA

2. Escribir tu primera entrada, artculo o postAccedemos a Blogger, nos identificamos y veremos en el escritorio la lista de nuestrosblogs. Hacemos clic en Nueva entradapara escribir nuestro primer artculo. Este usuario tiene dos blogs creados que puede gestionardesdeel escritorio. 3. Visin general del editor de Blogger 4. Descripcin de la barra de herramientas del editorEste icono nos permite destacar el texto citado.Es conveniente usar esta opcin cuando se copian fragmentos de texto de otros sitios, o se utilizan textos literales. 5. Insertar enlaces 6. Insertar imgenes 7. Antes de insertar una imagen debemos tener en cuenta que algunas estn consideradas propiedadintelectual y protegidas mediante copyright. Esto significa que su creador tiene derechos legales exclusivosde su trabajo, y es posible que no desee que la utilicemos.Para salvar esta eventualidad existen sitios en la Red que nos facilitan encontrar imgenes con licenciaCreative Commons (http://es.creativecommons.org/) o similares que pueden utilizarse sin ms requisito quecitar su procedencia, entre ellos recomendamos: - Buscador CC: http://search.creativecommons.org/ - Open Photo: http://openphoto.net - Banco de imgenes y sonidos del INTEF - Foter: http://foter.com/ - Open Clip Art Gallery: http://www.openclipart.org/- FlickrCC: http://www.flickr.com/ - Mediateca de EducaMadrid: (imgenes, vdeos y - FlickrCC Bluemountains sonidos). 8. Consejos acerca de las imgenes.Una imagen tomada con una cmara defotos es excesivamente grande paraInternet y enlentece la carga de laspginas. Conviene reducir su tamaocon aplicaciones de escritorio comoGIMP o aplicaciones en lnea comoSumo Paint. No deberia sobrepasar los 500 pixelesde ancho, el mximo posible dependede la plantilla de nuestro blog.Al nombrar archivos seguir estas reglas: No incluir maysculas. No incluir ees, tildes, ni caracteresespeciales. No incluir espacios en blanco. 9. Etiquetado de las entradas (I)Este es un aspecto muy importante dado que nos permite clasificar las entradas del blog.En diversas tareas de los Itinerarios Curriculares de CeDeC se especifican las etiquetas quedeben utilizar los alumnos al publicar en el blog de aula. Tarea Unidad 5. Movimientos 10. Etiquetado de las entradas (II) 11. Vista de una entrada etiquetada en el navegador 12. URL permanente de una entrada 13. Crear pginas estticas (I)Podemos crear un mximode 20 pginas estticas.Suelen estar enlazadas enlacabecera paraqueresalten por su importanciay se encuentren a mano.Las pginas estticas no semuestranenordencronolgico inverso cosaquesocurre con lasentradas o posts, contieneninformacin esttica, esdecir,permanente, sobreaspectos diversos del blog.El proceso pasa en primerlugar por seleccionarCreacin de entradas enel mens superior. 14. Crear pginas estticas (II) 15. Las opciones son:Mostrar en el blog las pginas estticas creadas -En la barra Lateral del Blog. -Pestaas del blog: Este es el lugar recomendado, debajo de la cabecera del blog. -Sin gadget: Si sabes algo de cdigo HTML las puedes colocar manualmente. Le damos a "Guardar y Publicar" y ya tendramos Pginas Estticas Recibiremos el mensaje indicando que nuestraen nuestro Blog. pgina se ha creado perfectamente. La posicin de las pginas tambin se puede configurar en Diseo > Elementos de pgina como ya veremos.Para ver la apariencia en el espacio pbico del blog pulsamos Ver pgina y podremosvisualizarla, tal y como la vern los visitantes de nuestro blog en Internet. 16. Editar entradas y pginas estticasPara ello seleccionamos Creacin de Entradas> Editar entradas (opcin tambindisponible en el Escritorio) 17. Insercin de objetos en el blog (I)Numerosos sitios web nos ofrecen la posibilidad de insertar objetos propios ocompartidos por otros usuarios como pueden ser vdeos, archivos deaudio, presentaciones, formularios, documentos de texto, etc.El procedimiento para ello es siempre el mismo, resumido en 3 pasos: Localizar el cdigo html que suele aparecer indicado por la palabra Embed, Compartir, Insertar o similar. Copiarlo. 18. Insercin de objetos en el blog (II)3. Y finalmente pegar el cdigo en una entrada de nuestro blog utilizando la opcin "Edicin de HTML " del editor de Blogger. 19. Algunos de los sitios que podemos utilizar con nuestracuenta de Gmail.Youtube: publicacin de vdeos.Google Docs: nos permite crear y publicar documentos de texto,hojas de clculo, dibujos, formularios y presentaciones. Tambinpodemos subir a Google Docs todo tipo de archivos desdenuestro equipo y enlazarlos o insertarlos en el blog.Picasa web lbum: publicacin de fotos. 20. Parcelando el terreno: Tarea inicial de la Unidad 6 Thales y Pitgoras 21. Insertar un vdeo de YouTube1. Busca el vdeo que deseas dentro de la pgina de YouTube mediante palabras claves en su pgina principal. 2. Una vez localizado haz clic sobre el ttulo para visualizarlo y copia el cdigo como se muestra en esta imagen. 22. Creamos una nueva entrada, le ponemos un ttulo, hacemos clic en lapestaa "Edicin de HTML" y pegamos el cdigo que hemos copiado.copiado del vdeo. copiado. Ponemoslas etiquetas que nos permiten definir y clasificar la entrada separndolas por comas. 23. Publicamos la entrada 24. Para sacarle ms partido a YouTube en el aula YouTube es mucho ms que un sitio en el que ver vdeos . Descubre otras muchas posibilidades educativas: -Editar vdeos. -Aadir anotaciones.-Compartir vdeos de forma privada con los alumnos--Especificar el minuto de comienzo de un video. - Suscribirse a canales de vdeos educativos.-Descargarlos... AccederImagen del blog del TotemGuard en 10 trucos escondidos para aprovechar YouTube en el aula 25. Insertar presentacin de Google Docs (I)Tarea: Crea una presentacin que tenga entre4 y 7 diapositivas.- Intenta hacerla atractiva aadindole algunaimagen relacionada con lo tratado.-Sube la presentacin a Internet y realiza unaentrada en el blog de aula en la que aparezcainsertada.-Para esta entrada debers utilizar dos etiquetas.La primera ser la inicial de tu nombre seguidade tu primer apellido (por ejemplo, de MarianoReal ser mreal), y la segunda etiqueta ser lapalabra unidad2. Tarea del Itinerario Curricular de CeDec. Matemticas 3 de ESO 26. Insertar presentacin de Google Docs (II) 27. Insertar presentacin de Google Docs (III)- Creamos una nueva entrada en Blogger.- Pegamos el cdigo que hemos copiado en modo Edicin de HTML. - Publicamos la entrada y en el navegador veremos...... 28. Vista de la presentacin insertada en una entrada del blog 29. Insertar presentacin de Slideshare (I)Endiversas Tareasdelos Itinerarios Curriculares de CeDeC sepropone crear una presentacin conOpen Office Impress y publicarla enSlideshare.Un buen tutorial que nos explica comohacerlo as como su posteriorinsercin en el blog es el realizado porel profesor ngel Puente.Tarea Itinerarios CeDeC. Matemticas 3 ESO Ver presentacin 30. Insertar presentaciones de Slideshare (II) 31. Una vez pegado el cdigo, y publicada la entrada como ya se ha explicado en otroscasos, as se ver.... 32. Insertar lbum de fotos de Picasa (I)Todas las imgenes que se publiquen en el blog, automticamente Blogger las publica enPicasa (otro servicio 2.0 de Google) y las convierte en lbumes de fotos.Accedemos a Picasa (http://picasaweb.google.com), una vez te identifiques con los datosde tu cuenta de Gmail, Picasa te muestra las imgenes que has insertado en las entradasdel blog organizadas por lbumes. Asimismo puedes subir desde tu equipo otras imgenesque desees publicar . 33. Insertar lbum de fotos de Picasa (II) 34. Una vez creado podemos obtener el cdigo para insertarlo en una entrada de nuestroblog, para ello seleccionamos el lbum deseado y.... 35. Insertar lbum de fotos de Picasa (III) 36. Vista del lbum de fotos de Picasa insertado en Blogger 37. Esta presentacin es la segunda, de las tres dedicadas a Blogger, que hansido publicadas en el Catlogo TIC del Cedec. 38. En la ficha didcTICadel Catlogo podrs: ampliar informacin sobre Blogger, conocerherramientas similares, acceder a ejemplos de Buenas Prcticas en el aula y descargarlas presentaciones en formato de Open Office Impress pudiendo as editarlas paraadaptarlas a tus necesidades.Acceder al Catlogo TICAutor: Francisco Muoz de la Pea Castrillo