2009
Herramientas para la Web 2.0
Ing. Nelly Patricia Acosta Vargas, MSc.
El nuevo papel de la tecnología y en particular de la web 2.0, en las comunidades de aprendizaje ha permitido una exploración estructurada de los usos docentes de blogs, wikis, etiquetas y otras herramientas. Este curso le invita al participante a utilizar aplicaciones relacionadas con las TIC’s, mediante los recursos que ofrece el Internet, para dar soluciones en diversos ámbitos entre ellos en los procesos de enseñanza-aprendizaje.
www.saccec.com/educacion/ acostanp@yahoo.com.mx
Herramientas para la Web 2.0 Contenido Crear un blog ......................................................................................................................................3 Slideshare .........................................................................................................................................12 Crear una cuenta en Slideshare........................................................................................................13 Visualizar la presentación en Slideshare ..........................................................................................18 Copiar el código generado en slideshare al blog. ............................................................................19 Crear un voki o avatar .....................................................................................................................23 Diseñar un voki .................................................................................................................................28 Crear un documento en Scribd ........................................................................................................33 Crear una cuenta en Scribd ..............................................................................................................34 Subir sus documentos a scribd .........................................................................................................38 Colocar el documento que está en scribd en el blog .......................................................................44 Crear un álbum en bubbleshare .......................................................................................................47 Agregar efectos ................................................................................................................................51 Editar un álbum en Bubbleshare ......................................................................................................52 Herramienta de pbworks .................................................................................................................56 Configurar el wiki .............................................................................................................................60 Agregar usuarios con permiso de edición ........................................................................................60 Para trabajar en la wiki.....................................................................................................................61 Crear una nueva página ...................................................................................................................63 Crear hipervínculos a una de las páginas .........................................................................................65 Crear un nuevo directorio (folder) ...................................................................................................66 Insertar imágenes en una página. ....................................................................................................68 Crear títulos animados para su sitio web .........................................................................................69 Subir el logo creado en flamingtext a pbworks ................................................................................74 Agregar código HTML en un sitio web ..............................................................................................77 Videoconferencia .............................................................................................................................82 Ingresar a la videoconferencia .........................................................................................................83 Referencias.......................................................................................................................................86
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 2
Herramientas para la Web 2.0 Crear un blog Ingresar a la direcci贸n https://www.blogger.com/start Se visualiza:
Dar clic en CREAR BLOG AHORA
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 3
Herramientas para la Web 2.0
Se requiere de una cuenta de correo electrรณnico. Si no la dispone puede empezar creรกndola. Si ya la dispone ingrese la cuenta.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 4
Herramientas para la Web 2.0 Ingrese los datos solicitados.
Se visualiza:
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 5
Herramientas para la Web 2.0 Clic en continuar.
Seleccionar el diseĂąo o plantilla, dar clic en continuar. Se visualiza:
De clic en EMPEZAR A PUBLICAR
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
PĂĄgina 6
Herramientas para la Web 2.0
AĂąadir imagen clic en el icono
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
PĂĄgina 7
Herramientas para la Web 2.0 Se visualiza
Si estรก en el internet copie la direcciรณn URL. Por ejemplo si su imagen estรก en el disco duro de clic en Examinar. Se visualiza:
Localiza la imagen a colocar en el blog, de clic en Abrir. Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 8
Herramientas para la Web 2.0 Elegir la ubicaci贸n de la imagen en el blog.
Activar con un visto la opci贸n Acepto las condiciones del servicio. De clic en subir imagen. Se visualiza:
Esperar que se cargue la imagen. Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 9
Herramientas para la Web 2.0
Clic en FINALIZADO
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 10
Herramientas para la Web 2.0 No se olvide de dar clic en Publicar entrada
Se visualiza:
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 11
Herramientas para la Web 2.0 Para publicar, el blog de clic en Ver blog.
No olvide tomar nota de la direcciรณn de su blog, y su clave de acceso, para visitarlo mรกs adelante y poder actualizarlo. Para cerrar el blog de clic en salir.
Slideshare Permite colocar presentaciones elaboradas en PowerPoint o Impress. Sugerencia: el archivo a subir debe estar en formato PowerPoint - 97-2003 o Impress en su formato mรกs sencillo. Ingresar a: www.slideshare.net Se visualiza:
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 12
Herramientas para la Web 2.0
Para utilizar esta aplicaci贸n se requiere disponer de una cuenta.
Crear una cuenta en Slideshare Dar clic en
Se llenan los datos solicitados, el correo electr贸nico y clave personal.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 13
Herramientas para la Web 2.0
Luego damos clic en JOIN NOW
Luego de clic en SIGN UP. Comprobamos que ingresamos con la direcci贸n electr贸nica.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 14
Herramientas para la Web 2.0
Dar clic en HOME
Dar clic en START UPLOADING!
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 15
Herramientas para la Web 2.0
Dar clic en Browse and select files para buscar el archivo de PowerPoint 2003 o impress. Localizar el archivo y dar clic en abrir.
Esperar que el archivo se cargue al 100 por ciento.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 16
Herramientas para la Web 2.0
Ingrese un título, una descripción del contenido del archivo, los tags, el idioma del documento, la categoría, la disponibilidad del mismo.
Dar clic en PUBLISH ALL (publicar todo). Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 17
Herramientas para la Web 2.0
Dar clic en HERE
Se visualiza el archivo disponible en Slideshare para ser compartido en un blog, wiki o en aula virtual.
Visualizar la presentaci贸n en Slideshare Para visualizar la presentaci贸n dar doble clic en la imagen
Para visualizar la presentaci贸n en pantalla completa de clic en full
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 18
Herramientas para la Web 2.0
Copiar el c贸digo generado en slideshare al blog. Abrir slideshare del cual desea incluir el c贸digo en el blog Para abrir el slideshare de doble clic sobre el slide, al lado derecho de la imagen se visualiza:
Abrir el blog con su cuenta de usuario
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 19
Herramientas para la Web 2.0
Crear una nueva entrada en el blog.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 20
Herramientas para la Web 2.0 Para pegar el c贸digo generado slideshare debemos estar en la pesta帽a de HTML. En slideshare dar un clic en CUSTOM
Se visualiza:
Copiar el c贸digo, que contiene: <div style="width:425px;text-align:left" id="__ss_1069743"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/carlos_cobo7/aulas-virtuales-1069743?type=presentation" title="Aulas Virtuales">Aulas Virtuales</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=aulasvirtuales2003-090225141401phpapp01&rel=0&stripped_title=aulas-virtuales-1069743" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 21
Herramientas para la Web 2.0 src="http://static.slideshare.net/swf/ssplayer2.swf?doc=aulasvirtuales2003-090225141401phpapp01&rel=0&stripped_title=aulas-virtuales-1069743" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><div style="font-size:11px;fontfamily:tahoma,arial;height:26px;padding-top:2px;">View more <a style="textdecoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="textdecoration:underline;" href="http://www.slideshare.net/carlos_cobo7">carlos_cobo7</a>. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/aula">aula</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/virtual">virtual</a>)</div></div> Ir a blogger
Pegar el c贸digo en la secci贸n de HTML Luego dar clic en el bot贸n publicar entrada.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 22
Herramientas para la Web 2.0 Crear un voki o avatar Ingresar a www.voki.com
Para crear la cuenta dar clic en Register
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 23
Herramientas para la Web 2.0
Ingresar los datos solicitados.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 24
Herramientas para la Web 2.0
Activar con un visto la opci贸n I agree to voki terms and conditions Dar clic en Finish Se visualiza:
Dar clic en X Ingresar a la cuenta de voki Ingresar su e-mail y su Password Dar clic en Login
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 25
Herramientas para la Web 2.0 Chequear el e-mail para aceptar la confirmaci贸n de la cuenta. Para activar la cuenta de voki. De un clic en el enlace que le permite confirmar la creaci贸n de su cuenta en su correo electr贸nico.
Ingresar a www.voki.com Una vez activada la cuenta, ingrese su e-mail y el password.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 26
Herramientas para la Web 2.0
De clic en Login. Se visualiza el ambiente para crear su primer voki.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 27
Herramientas para la Web 2.0 Diseñar un voki
Dar un clic en CREATE NEW VOKI
Dar clic en el icono del muñequito y escoja una opción con la cual se identifique.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 28
Herramientas para la Web 2.0
Luego de escoger el personaje y su vestimenta, etc., de clic en texto (T), para que hable su avatar, y si tiene audio puede grabar su voz para el personaje. Luego de terminar su edición diríjase a players seleccione el diseño que le guste, luego de clic en Publish.
Para editar y visualizar el voki que guardo dar clic en Mi voki.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 29
Herramientas para la Web 2.0
Al dar clic en MY VOKI se visualiza todos los avatares que haya creado.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 30
Herramientas para la Web 2.0 Su avatar puede ser colocado en un blog, wiki o aula virtual, por ejemplo para colocar en un blog ingrese a www.blogger.com e inicie su edición.
De clic en diseño, se visualiza:
Dar clic en Añadir un gadget Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 31
Herramientas para la Web 2.0 Se visualiza:
De clic en el Se visualiza:
Ir al voki generar el código en la opción Embed in para una página web estándar, seleccionar el tamaño del voki o avatar. Por ejemplo: STANDARD WEB PAGE y luego en SIZE seleccione SMALL
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 32
Herramientas para la Web 2.0
Para obtener el c贸digo dar clic en GET CODE. El c贸digo generado p茅guelo en el blog dentro de una etiqueta HTML.
Crear un documento en Scribd Ingresar a www.scribd.com Se visualiza:
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 33
Herramientas para la Web 2.0
Para cargar un documento en Scribd se requiere disponer de una cuenta. El proceso es similar a los casos anteriores, se registran los datos en la cuenta y para activarla y confirma su creaci贸n se da un clic en el enlace que es enviado a la cuenta de su correo electr贸nico.
Crear una cuenta en Scribd Dar clic en la opci贸n Sign up
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 34
Herramientas para la Web 2.0
Se visualiza:
Se ingresan los datos solicitados.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 35
Herramientas para la Web 2.0
Dar clic en
Dar clic en SAVE Para activar la cuenta ingresar a su correo electr贸nico y da un clic en el enlace. Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 36
Herramientas para la Web 2.0
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 37
Herramientas para la Web 2.0 Una vez activa la cuenta , de clic en inbox(2), se visualiza:
Subir sus documentos a scribd Dar clic en Upload.
Se visualiza: Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 38
Herramientas para la Web 2.0
Clic en Seleccione el documento y de clic en Abrir.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 39
Herramientas para la Web 2.0 Dar clic en Upload Docs. Esperar unos minutos hasta que se transforme el documento.
Cuando haya completado el proceso de cargar el documento seleccionado.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 40
Herramientas para la Web 2.0 De clic en Clic here if nothing happens.
Se visualiza:
Luego guardar los cambios y de clic en Save changes.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 41
Herramientas para la Web 2.0 De clic en Go to MY Documents.
Se visualiza la presentaciรณn que subiรณ anteriormente.
Dar doble clic en la presentaciรณn, se visualiza la presentaciรณn dentro de scribd. Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 42
Herramientas para la Web 2.0
Para visualizar como libro dar clic en:
IPaper Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 43
Herramientas para la Web 2.0 Opciรณn view mode/book mode
Colocar el documento que estรก en scribd en el blog Abrir el documento de scribd. Abrir el blog. Crear una entrada o editar una existente en el blog.
Accesar al blog:
De clic en nueva entrada.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 44
Herramientas para la Web 2.0
Abrir scribd y copiar el c贸digo.
Copiar el c贸digo EMBED, para esto de clic en COPY El c贸digo copiado, pegar en el blog.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 45
Herramientas para la Web 2.0
Dar clic en publicar entrada, se visualiza la presentaci贸n:
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 46
Herramientas para la Web 2.0 Crear un รกlbum en bubbleshare Ir a www.bubbleshare.com Ingresar su usuario y clave.
Ir a New Album Se visualiza:
Activar las opciones para subir las fotos. Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 47
Herramientas para la Web 2.0 De clic en Advanced Options. Si dispone de los complementos de flash seleccione Batch Uploader (Flash 9)
Caso contrario seleccione Basic Uploader
Cuando activa basic Uploader se activa el botรณn Ingrese un nombre diferente para cada รกlbum.
Para subir las fotos de clic en:
Se visualiza:
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 48
Herramientas para la Web 2.0
Seleccionar la carpeta que contiene las fotos.
Seleccionar con un clic derecho la foto. Dar clic en Abrir. Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 49
Herramientas para la Web 2.0 Se demora unos instantes hasta subir la foto, se visualiza:
Para añadir otra foto dar clic en Add Another Photo
Para avanzar dar clic en el botón Next
Se visualiza:
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 50
Herramientas para la Web 2.0
Agregar efectos Ir a la barra superior.
Seleccionar el objeto que desea, dar un clic, el objeto seleccionado se ubicarรก en la foto.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 51
Herramientas para la Web 2.0
Para mover el objeto que esta sobre la foto, colocar el puntero del mouse hasta que visualice la manito, arrastrar el objeto hacia el lugar deseado. Si desea reducir el tamaño del objeto dar clic en cualquiera de los ángulos del objeto.
Editar un álbum en Bubbleshare Ingresar a la dirección http://www.bubbleshare.com/
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 52
Herramientas para la Web 2.0
Ingresar el E-mail, su password Clic en Se visualiza
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 53
Herramientas para la Web 2.0 Para editar ir a My Albums
Se visualiza:
Clic en Edit
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 54
Herramientas para la Web 2.0
Para Escribir utilizar al herramienta
En Tex selecciona el color de Texto y en Size el tamaĂąo de la letra(fuente). Par actualizar el cambio dar clic en DONE. Si desea borrar el objeto de clic en Delete Para salir de la cuenta de clic en Log out
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
PĂĄgina 55
Herramientas para la Web 2.0
Herramienta de pbworks Ingrese a: www.pbworks.com
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 56
Herramientas para la Web 2.0 Luego debe registrarse en Get Started. Seleccione el tipo de wiki a crear.
Por ejemplo Educativa
Clic en Try it Now!
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 57
Herramientas para la Web 2.0
Seleccionar la Basic pues esta es de libre acceso. Dar clic en Select
Clic en Next
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 58
Herramientas para la Web 2.0
Activar I agree to the PBworks terms of service. Clic en Take me to my workspace.
Una vez dentro de la cuenta ya puede iniciar su wiki par atrabajar de forma colaborativa. Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 59
Herramientas para la Web 2.0 Configurar el wiki Para configurar dar clic en settings y se visualiza:
Agregar usuarios con permiso de edici贸n
Para agregar los usuarios de clic en USERS Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 60
Herramientas para la Web 2.0
Para trabajar en la wiki Diríjase a HOME
Para editar la página principal de clic en Edit. Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 61
Herramientas para la Web 2.0
Editar la informaci贸n
Para guardar dar clic en SAVE
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 62
Herramientas para la Web 2.0 Crear una nueva pรกgina
Ingresar el nombre de la fase y dar clic en CREATE PAGE.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 63
Herramientas para la Web 2.0
Clic en SAVE.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 64
Herramientas para la Web 2.0 De clic en CREATE PAGE Para regresar a la página principal de clic en FRONT PAGE
Crear hipervínculos a una de las páginas Una vez que estamos en la pagina principal dar clic en EDIT Marcar la fase y dar clic en el icono de hipervínculo
Dar clic en OK Grabar la página, de clic SAVE Para comprobar si funciona el enlace dar clic en front page
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 65
Herramientas para la Web 2.0 Crear un nuevo directorio (folder)
Iniciar en la pรกgina Front page y dar clic en CREATE A FOLDER.
Ingresar el nombre de la carpeta. Dar clic en aceptar. Se visualiza:
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 66
Herramientas para la Web 2.0
Dar clic en el directorio imรกgenes.
Parta cargar las imรกgenes damos clic UPLOAD FILES (cargar archivos). Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 67
Herramientas para la Web 2.0 Por ejemplo: Ingrese en Mis Imágenes, marque la imagen que sea y suba, para esto seleccione y de clic en Abrir.
Insertar imágenes en una página. Editar la página en la que desea insertar la fotografía, diríjase a HOME y de clic en la pestaña de EDIT.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 68
Herramientas para la Web 2.0 Ubicar el cursor donde usted desea capturar la imagen IMAGES AND FILES. También puede arrastrar la imagen a la ubicación que desea.
Crear títulos animados para su sitio web Ingresar a:
http://www.flamingtext.com/ Se visualiza:
Dar clic en Headings Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 69
Herramientas para la Web 2.0 Se visualiza:
Dar clic en uno de los elementos del grupo Animations por ejemplo Alien Glow
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 70
Herramientas para la Web 2.0 En la opción text String escribir el título que desea, por ejemplo: ¡Bienvenid@s! En Font Size digitar el tamaño de la fuente. En Font selecciona el tipo de fuente. Seleccionar los colores que desea para los parámetros solicitados.
Dar clic en Create Logo.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 71
Herramientas para la Web 2.0
Esperar el tiempo indicado para obtener nuestro logo. Se visualiza:
Para bajar el logo al computador realice lo siguiente: Clic derecho sobre el logo generado.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 72
Herramientas para la Web 2.0
Clic en Guardar imagen comoâ&#x20AC;Ś Ubicar el sitio en donde desea guardar la imagen.
Clic en Guardar.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
PĂĄgina 73
Herramientas para la Web 2.0 Subir el logo creado en flamingtext a pbworks Ingresamos a Pbworks
Clic en Upload files.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 74
Herramientas para la Web 2.0 Localizar el archivo a subir. Dar clic en la pestaña Upload files.
Clic en Abrir. Para colocar en Pbworks. Ir al sitio en donde deseo insertar el logo creado. Editar la página. Ir al sitio en donde desea insertar el logo.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 75
Herramientas para la Web 2.0
Dar clic en images and files. Arrastrar la imagen.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 76
Herramientas para la Web 2.0 Dar clic en Save.
Agregar cรณdigo HTML en un sitio web Se requiere generar en http://www.bubbleshare.com/ Ingresar a su cuenta.
Ir a My Albums Seleccionar el รกlbum a insertar en su sitio web
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 77
Herramientas para la Web 2.0 Se visualiza:
Clic en Blog Album
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 78
Herramientas para la Web 2.0 Dar un clic derecho en la opción que despliega el código. Copiar. El código copiado es el siguiente: <span style="text-align:center;width:280px;display:block;"><embed FlashVars="rss_feed=http://www.bubbleshare.com/rss/579242.36b18c75afb/feed.xml&amp;bord er=true&amp;size=268x201" align="middle" allowScriptAccess="always" bgcolor="#ffffff" height="238" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://assets.bubbleshare.com/swfs/player.swf?20081205191222" type="application/xshockwave-flash" width="280"></embed><span style="font-family:arial,helvetica,sans-serif;fontsize:9px;display:block;">BubbleShare: <a href="http://www.bubbleshare.com/" style="fontsize:100%;">Share photos</a> - <span style="font-size:100%;">Easy <a href="http://www.bubbleshare.com/">Photo Sharing</a></span> </span></span> Ingresar al sitio web en donde desea pegar ese código. Por ejemplo en www.pbwoks.com
Dar clic en la pestaña En EDIT Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 79
Herramientas para la Web 2.0 Se visualiza:
Dar clic en Source Se visualiza:
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 80
Herramientas para la Web 2.0 Ubicar el cursor en el sitio que desea pegar el c贸digo, dar un clic derecho, opci贸n pegar.
Se visualiza:
Clic en Save Se visualiza:
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
P谩gina 81
Herramientas para la Web 2.0
Videoconferencia Crear una cuenta en: www.dimdim.com El proceso es similar a las aplicaciones anteriores, una vez creada la cuenta se requiere su confirmación a través de su e-mail para que se active la cuenta.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Página 82
Herramientas para la Web 2.0
Ingresar a la videoconferencia Ir a My Dimdim
Ingrese el usuario y la contraseĂąa.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
PĂĄgina 83
Herramientas para la Web 2.0
Clic en Host Meeting (permite hasta 20 personas en una cuenta gratuita)
Clic en start.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 84
Herramientas para la Web 2.0
Se pueden enviar invitaciones a las cuentas de e-mail de los participantes en la videoconferencia.
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 85
Herramientas para la Web 2.0 Referencias www.wiziq.com/ http://pbworks.com/
www.blogger.com/start http://www.youtube.com/ http://bajaryoutube.com/ http://www.bubbleshare.com/ www.maps.google.com www.voki.com www.scribd.com
Ing. Patricia Acosta, MSc.
acostanp@yahoo.com.mx
Pรกgina 86