Web y blog

3,570 views

Published on

Apoyo a la explicación de la web 2.0

Published in: Education
  • Be the first to comment

  • Be the first to like this

Web y blog

  1. 1. WEB 2.0: Blogs y Wikis Enero 2011
  2. 2. La web que sólo se lee La web extensible que se lee y escribe <ul><li>Lectura </li></ul><ul><li>Página, documento </li></ul><ul><li>Estático </li></ul><ul><li>Navegador </li></ul><ul><li>Expertos </li></ul><ul><li>Lectura-Escritura </li></ul><ul><li>Usuario, enlace, foto, lugar… </li></ul><ul><li>Dinámico </li></ul><ul><li>Navegador, lector RSS, móvil </li></ul><ul><li>Todos </li></ul>Web 2.0: SEGUNDA generación en la historia de la Web basada en comunidades de usuarios y una gama especial de servicios (redes sociales, blogs o wikis) que fomentan la colaboración y el intercambio ágil de información entre los usuarios.
  3. 3. Conceptos básicos <ul><li>Internet </li></ul><ul><li>H ipertexto </li></ul><ul><li>N avegadores </li></ul><ul><li>E ditores </li></ul><ul><li>S ervidores </li></ul><ul><li>Word Wide Web </li></ul><ul><li>Protocolos: TCP, IP, HTTP </li></ul><ul><li>Lenguajes: HTML </li></ul><ul><li>Direcciones: URL </li></ul><ul><li>Redes sociales </li></ul><ul><li>Blog </li></ul><ul><li>Wiki </li></ul><ul><li>Tags </li></ul><ul><li>Metadatos </li></ul><ul><li>Etiquetas </li></ul>
  4. 4. Necesidades para crear una web <ul><li>Software: Programas </li></ul><ul><li>Edición y Diseño: </li></ul><ul><ul><ul><ul><li>Elección de los contenidos </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Situación de los contenidos </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Colores </li></ul></ul></ul></ul><ul><li>Alojamiento: </li></ul><ul><ul><ul><ul><li>Nombre del servidor </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Nombre de usuario </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Contraseña </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Dirección de la página web </li></ul></ul></ul></ul><ul><li>Actualización: Programas de transferencia de archivos (FTP) </li></ul>
  5. 5. Estructura de un documento HTML <HTML> (Etiqueta que indica que lo que viene a continuación es un documento HTML)   <HEAD> ( Etiqueta de apertura de la cabecera). Aquí va la información sobre el título de la página, el autor, palabras clave, etc. que no se presentarán en la ventana del navegador, salvo el título que aparecerá en la barra de título de la parte superior </HEAD> (Etiqueta de cierre de la cabecera)   <BODY>( Etiqueta de apertura del cuerpo) Aquí va el contenido de la página que será lo que se presente en pantalla . </BODY> (Etiqueta de cierre del cuerpo)   </HTML> (Etiqueta de cierre del documento)
  6. 6. Programas para crear una web 1.0 <ul><li>De edición y diseño de la página </li></ul><ul><ul><li>FrontPage XP o Dreamwear </li></ul></ul><ul><li>De tratamiento de imágenes y elementos multimedia (gif, sonido, video, flash, banner, etc.) </li></ul><ul><ul><li>PhotoShop, Image Reader, Adobe Flash, ... </li></ul></ul><ul><li>Para ‘subir’ la página, alojarla y actualizarla en el Servidor </li></ul><ul><ul><li>Programa de FTP: NICO </li></ul></ul>
  7. 7. Web 2.0 <ul><li>Nace en 2004 para referirse a una segunda generación en la historia de la Web basada en comunidades de usuarios y una gama especial de servicios </li></ul><ul><li>SERVICIOS: redes sociales , blogs o wikis que fomentan la colaboración y el intercambio ágil de información entre los usuarios . </li></ul><ul><li>Twitter, Facebook, Twuenty </li></ul>
  8. 8. Características de una Web 2.0 <ul><li>Los datos se insertan y extraen fácilmente </li></ul><ul><li>Gratuita (generalmente) </li></ul><ul><li>Los usuarios son los principales generadores de contenido </li></ul><ul><li>Todo (usuarios y contenidos) se puede interconectar entre si: red </li></ul><ul><li>Diseño sencillo y práctico </li></ul>
  9. 9. Etiquetado (tagging) <ul><li>Marcar con palabras claves (tags) un elemento de contenido (foto, enlace, página…) </li></ul><ul><li>Es un proceso individual y libre de clasificación, pero pensando en los demás </li></ul>Ejemplo de etiquetado roma coliseo monumento viaje nocturno italia roma coliseo monumento caro interesante viaje
  10. 10. Páginas de la Web 2.0 <ul><li>Youtube.com: vídeos </li></ul><ul><li>Panoramio.com: mapas con fotos </li></ul><ul><li>Delicious.com: marcadores y favoritos </li></ul><ul><li>Lastfm.com: música </li></ul><ul><li>Flickr.com: fotografías </li></ul><ul><li>Slideshare.net: presentaciones </li></ul><ul><li>Scribd.com: documentos ofimáticos </li></ul>
  11. 11. ¿Qué es un blog? <ul><li>Sinónimos: weblog, bitácora </li></ul><ul><li>Definición de Blog en la Wikipedia </li></ul><ul><ul><li>Un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores , apareciendo primero el más reciente. </li></ul></ul><ul><ul><li>En cada artículo, los lectores pueden escribir sus comentarios y el autor darles respuesta, de forma que es posible establecer un diálogo. </li></ul></ul><ul><li>1999: Se funda blogger.com (comprado por Google en 2003) </li></ul><ul><li>2001: primeros blogs populares en EE.UU. (periodistas, políticos) </li></ul><ul><li>2004: Explosión del fenómeno en todo el mundo </li></ul>
  12. 12. Blog: Características principales <ul><li>Rápido: formularios breves para crear </li></ul><ul><li>Ordenado: cronológica y temáticamente </li></ul><ul><li>Sin conocimientos técnicos </li></ul><ul><li>Gratis: muchos recursos posibles </li></ul><ul><li>Libre: libertad de expresión </li></ul><ul><li>Público: publicado en internet para todos </li></ul><ul><li>Participativo: comentarios, los lectores son una parte más del blog </li></ul>
  13. 13. Partes de un blog Cabecera Menú de navegación principal Entrada o artículo o post o anotación Barra lateral Blog de ejemplo: delineas.wordpress.com Metadatos: categoría, autor, comentarios, permalink Fecha de publicación Presentación Histórico Temas Enlaces
  14. 14. Partes de un blog: entrada Metadatos: autor, fecha de publicación, categoría, etiquetas, permalink… Comentarios publicados: autor, enlace a su web, fecha de publicación… <ul><li>Formulario de comentarios: 4 datos </li></ul><ul><li>Nombre o nick </li></ul><ul><li>E-mail (no se muestra) </li></ul><ul><li>Página web o blog </li></ul><ul><li>Texto del comentario </li></ul>Título: descriptivo, corto, legible
  15. 15. Fotoblog (photoblog): blog con fotografías publicadas periódicamente ( www.cazurro.com )
  16. 16. Videoblog (Vlog): como el anterior, pero en formato video ( www.hombrelobotv.com )
  17. 17. Twitter (nanoblog): en base a mensajes cortos de 140 caracteres ( twitter.com )
  18. 18. Edublog: Blog dedicado al mundo de la educación ( www.aula21.net/aulablog21 )
  19. 19. Para ser un buen blogger <ul><li>Creatividad: ideas, frescura </li></ul><ul><li>Corrección en la escritura </li></ul><ul><li>Mínimos conocimientos técnicos </li></ul><ul><li>Ilusión: ganas de escribir, de aprender </li></ul><ul><li>Organización de los contenidos </li></ul><ul><li>Citar y enlazar a las fuentes de información </li></ul><ul><li>Ejemplo: Aula de latín </li></ul>
  20. 20. Sistemas de publicación gratuitos <ul><li>No instalables (fáciles) </li></ul><ul><li>Instalables </li></ul>Revisor ortográfico revisor.com.ar www.blogia.com www.lacoctelera.com es.wordpress.com nireblog.com www.blogger.com www.zoomblog.com www.wordpress.org www.drupal.org
  21. 21. Blogger.com <ul><li>En español </li></ul><ul><li>Respaldado por Google. Integrado en el resto de herramientas de Google </li></ul><ul><li>Sencillo de usar </li></ul><ul><li>Gestión de categorías (etiquetas) </li></ul><ul><li>Total capacidad de personalización </li></ul><ul><li>Multiusuario </li></ul>
  22. 22. Wiki (rápido) <ul><li>Es un sitio web colaborativo que puede ser editado por varios usuarios. </li></ul><ul><li>Los usuarios de un wiki (rápido) pueden así crear, editar, borrar o modificar el contenido de una página web, de una forma interactiva, fácil y rápida; dichas facilidades hacen de un wiki una herramienta efectiva para la escritura colaborativa. </li></ul><ul><li>Vía: Wikipedia </li></ul>
  23. 23. Wikipedia: enciclopedia universal <ul><li>La actualización de la idea Ilustrada </li></ul><ul><li>6 millones de artículos (320000 en español) </li></ul><ul><li>137 idiomas activos </li></ul><ul><li>Neutral, participativa, organizada </li></ul><ul><li>Problemas: vandalismo, parcialidad </li></ul><ul><li>Complementos: Commons (imágenes), Wikilibros, Wikidiccionario, Wikinoticias… </li></ul>

×